Criar texto em um caminho no Adobe Photoshop - um curso Graphic Design for Lunch™

1. Texto em um caminho no Photoshop - introdução: Olá, sou Helen Bradley. Bem-vindo a este design gráfico para a aula de almoço, Criar texto em um caminho no Adobe Photoshop. Design gráfico para almoço é uma série de aulas que ensinam uma variedade de dicas e técnicas para criar designs e trabalhar em aplicativos como Illustrator, Photoshop e Procreate. Hoje estamos analisando a criação de texto em um caminho no Photoshop. Trabalharemos com as ferramentas de texto para ver como você pode adicionar texto a um caminho no Photoshop. Então vamos realmente olhar para um exemplo prático de fazer exatamente isso. À medida que você está trabalhando nesses vídeos, você pode ver um prompt que permite recomendar essa classe a outras pessoas. Por favor, se está gostando da aula, dê um polegar para cima. Essas recomendações me ajudam a colocar minhas aulas na frente de mais pessoas que, assim como você, querem saber mais sobre o Photoshop. Se você gostaria de deixar um comentário, por favor faça-o. Eu leio e respondo a todos os seus comentários, e olho e respondo a todos os seus projetos de classe. Agora vamos começar a criar tipo em um caminho no Photoshop. 2. Texto em caminho - parte 1: Para começar a criar o tipo em um caminho no Photoshop, acabei de criar um documento com 1.000 por 1.000 pixels de tamanho e tenho uma camada inferior preenchida com branco. Eu estava indo para clicar para adicionar uma nova camada e nós vamos colocar nosso texto sobre isso. Mas antes de tudo vamos desenhar um caminho para o nosso texto e vamos para a temida ferramenta Caneta. Prometo que isso vai ser muito simples. Vou clicar na “Ferramenta Caneta” e vou apenas clicar e arrastar para cima rumo ao canto superior direito do documento. Vou falar sobre esta posição aqui e clicar e arrastar para baixo. Eu não quero que seja uma longa chatice, eu só quero que ele tenha uma pequena curva agradável lá. Então vamos voltar aqui, e vamos apenas clicar e arrastar para terminar com uma curva agradável. Você tem essa curva loopy. Vou pressionar “Escape” só para terminar a traçar o meu caminho. Se você não gostar do caminho que você criou, basta selecionar sobre ele e pressionar “Excluir” e começar novamente. Mas vou ficar com este. Em seguida, eu vou para a ferramenta de texto, e eu vou passar o mouse sobre o caminho. No Photoshop, você usará a Ferramenta de Texto. Não há nenhum tipo em uma ferramenta de caminho, é apenas a ferramenta de tipo horizontal. Você vai manter o ponteiro do mouse sobre o caminho até obter o ponteiro do feixe de I com esta linha wiggly através dele. Isso indica que o Photoshop está reconhecendo que há um caminho lá e, se você clicar agora, adicionará texto a esse caminho. Vamos começar a digitar. Agora muito rapidamente você vai descobrir que você ficar sem espaço para o seu texto e, independentemente de quanto você digita, ele vai simplesmente desaparecer. A razão para isso é que esses pequenos três marcadores, são a esquerda, centro e borda direita do meu texto. Não há muito espaço para a minha mensagem. Agora, ou eu poderia continuar a digitar agora e resolver isso mais tarde ou eu poderia resolver isso agora. Desde que eu realmente péssimo na digitação eu quero resolver isso agora porque eu preciso ver as coisas como eu digitar para que eu possa corrigir meus erros. Vou agora selecionar aqui na Ferramenta de Seleção Direta, que é a ferramenta de seta branca. Agora eu posso passar o mouse sobre essas formas aqui, e eu posso ver os ponteiros que me permitem gerenciar meu tipo. Bem, aquele aqui que quando eu passar o mouse sobre ele tem uma pequena seta apontando para a direita, é a margem esquerda do texto e é o mais longe que pode ser. Esse não é o que eu preciso mover, é este aqui. Eu só estou pairando o mouse sobre ele até que eu veja um ponteiro de feixe de I com uma seta apontada para a esquerda. Essa é a margem certa para o meu texto. Assim que eu vê-lo, eu posso clicar e arrastá-lo até o fim do meu caminho. Agora vou ignorar o fato de que ele está rolando sobre o meu caminho porque se eu apenas subir, eu posso puxá-lo de volta. movimento vertical aqui vai virar o texto ao longo do caminho. Mas o que eu quero fazer é ter certeza de que esta forma aparece bem no final, então eu tenho muito espaço para o meu texto. Agora eu vou voltar para a minha ferramenta de texto, e você provavelmente pode adivinhar que eu enviei um texto ativado, porque este texto agora está centralizado entre a margem esquerda e a margem direita. Se eu escolhesse o alinhamento esquerdo, o texto se moverá e ficaremos na margem esquerda, o pequeno marcador aqui que marca a margem esquerda do texto. Se eu clicar no botão direito, alinhe que ele vai aparecer aqui na margem direita. Eu vou voltar para o texto central e eu vou apenas clicar com meu tipo Ferramenta logo após a letra S para que eu possa pegar onde eu estou digitando. O ponteiro do mouse está agora em um ângulo para a linha e está piscando e desativando , então isso está me dizendo que estou de volta ao meu texto em um modo de digitação de linha. Posso continuar a escrever. Quando eu clico fora da linha usando uma Ferramenta como a Ferramenta Marquee, você pode ver que você não está vendo uma linha, mas você está vendo texto na linha. Aqui na palete do caminho você verá que você tem o seu caminho. Este é o caminho que está controlando o texto. Se você for para ir para a Ferramenta de Seleção Direta aqui, e clicar em qualquer um desses pontos no caminho, você pode realmente ajustá-los para que você possa fazer a linha mais ou menos curva, e você pode alterar qualquer um desses pontos exatamente como você poderia qualquer no Photoshop. Quando alterarmos isto, o texto irá reformar nesse caminho. Se você for para a Ferramenta de Seleção de Caminho aqui, então você pode simplesmente clicar no caminho. Você quer ter certeza de que o indicador é essa seta preta, não qualquer um desses textos nas Ferramentas de Caminho não é o que você deseja. Você quer esta seta, e agora você pode selecionar seu caminho e movê-lo. Quando você faz o texto vem com ele, o texto é praticamente fixo a este caminho. Isso é um pouco complicado às vezes para ter certeza de que você realmente tem o caminho selecionado e não um desses textos em um caminho ferramentas. Você também pode criar texto em um caminho circular. Eu vou aqui para a ferramenta de elipse, e eu vou clicar em “Caminho”. Em versões anteriores do Photoshop você teria três ícones aqui, não o menu suspenso, mas você só quer caminho. Vou segurar Shift enquanto arrasto um círculo. Vou para a minha ferramenta de texto, passar o mouse sobre o caminho e começar a digitar. Trabalhar com texto em uma forma circular no Photoshop pode ser um pouco desafiador até que você perceba o desenho do Photoshop. Vamos buscar a Ferramenta de Seleção Direta. Eu vou passar o mouse sobre este indicador em particular, e dependendo de onde eu mover meu mouse para, existem na verdade dois indicadores neste ponto, e você precisa ser claro sobre qual está controlando qual. A seta apontando para a esquerda está controlando a margem direita do tipo, e a seta apontando para a direita está controlando a margem esquerda. Agora tenho uma seta apontada para a direita, por isso está a controlar isto aqui. Eu quero ter certeza de que quando eu clicar e arrastá-lo, eu apenas movê-lo um pouco. Se eu for nessa direção, um desastre ataca. Apenas esteja ciente de que isso está controlando esse ponto aqui. Agora que os dividimos, eles vão se comportar perfeitamente. Com qualquer um destes selecionados, você pode simplesmente rolar o texto sobre o caminho arrastando apenas o marcador de ponto sobre a linha, dentro da linha e fora da linha. Agora que criamos texto em um caminho e texto em um círculo, vamos e realmente criar texto em uma forma, para que possamos ver como tudo isso funcionaria na prática. 3. Texto em caminho - parte 2: Antes de terminarmos, vamos olhar para uma situação real onde podemos querer colocar texto em um caminho. Este é um banner de prêmio, semelhante ao que criamos em uma de minhas outras classes. Se você tem este banner de prêmio, sinta-se livre para usar o seu próprio. Se você não tiver, vou lhe dar um link na área do projeto de classe onde você pode baixar esta imagem para usar a si mesmo. Agora eu vou colocar tudo no topo aqui porque eu quero ter certeza que meu texto está acima de tudo o resto. Vou apenas clicar para adicionar uma nova camada aqui. Queremos criar um caminho em torno do qual possamos digitar nosso texto. Vou para a ferramenta Elipse e quero ter certeza de que tenho Caminho selecionado aqui. Nas versões anteriores do Photoshop, você terá três ícones e deseja o ícone Caminho. Vou segurar a tecla Shift enquanto começo a arrastar um círculo, e ele precisa ser um pouco maior do que o círculo interno aqui. Para facilitar, eu puxo isso, estou usando a barra de espaço para mover a forma enquanto eu desenho. Basta segurar a barra de espaço para baixo e então você pode mover sua forma e, em seguida, soltar a barra de espaço e você pode continuar a desenhar sua forma. Através de tudo isso, é claro que estou mantendo meu dedo na tecla shift porque eu quero que este seja um círculo perfeito. Agora, não está centrado, mas eu não estou preocupado com isso agora, eu só quero o círculo de tamanho certo. Vou soltar o botão esquerdo do mouse, e então soltar a tecla Shift. Agora eu estou indo para a ferramenta de seleção de caminho aqui, eu vou arrastar a forma para que ela esteja centrada no documento, o banner de prêmio em si está bem no centro do documento. Isso facilita posicionar o caminho exatamente onde você quer que ele esteja. Agora, para o meu texto, eu quero algum texto ao longo do topo aqui, mas eu também quero algum texto ao longo do fundo. Eu vou ter que quebrar este caminho em dois pedaços para tornar mais fácil fazer exatamente isso. Eu estou indo para a ferramenta Caneta aqui e o que eu quero é a ferramenta Adicionar ponto de ancoragem, então eu vou apenas clicar sobre isso. Vou clicar para Adicionar um ponto de ancoragem logo acima desta faixa de opções e, em seguida, clique para Adicionar outro logo abaixo da faixa de opções. Eu vou fazer o mesmo deste lado, um acima da fita e um logo abaixo da fita. Agora vou para a Ferramenta de Seleção Direta, e agora posso selecionar apenas essa linha que está acima da parte superior da faixa de opções e pressionar Delete. Isso quebra a linha em dois nesse ponto. Vou fazer a mesma coisa aqui, Delete. Se tivermos uma olhada na palete de caminho eles, você verá que seu caminho de trabalho é duas linhas distintas, uma na parte superior e outra na parte inferior. Porque temos duas linhas, podemos ter mensagens indo em ambas as direções. Agora vamos obter a ferramenta de texto, eu tenho texto branco selecionado aqui, eu vou passar o mouse sobre o caminho e esperar até que eu diga o ponteiro do feixe I com uma linha wiggly através dele e então eu vou clicar uma vez. Eu tenho texto centralizado, selecione isso, então eu vou apenas digitar meu texto. Agora, como aconteceu anteriormente, os marcadores aqui estão tão próximos que eu não tenho espaço para o meu texto. Eu estou indo para a minha Ferramenta de Seleção Direta aqui, eu só vou encontrar o ponto de ajuste para este marcador, lá está ele lá. É um feixe de I com uma seta apontada para a esquerda, então eu vou apenas clicar e arrastar. Mas preocupado que o meu texto seja virado sobre a linha, mas eu só vou levar o ponto final para a direita até o fim da linha. Então eu vou arrastar para fora em direção à borda desta forma e isso vai apenas virar o texto ao redor. Vamos voltar para a ferramenta de texto, eu vou posicioná-lo logo sobre o final do meu texto, eu vou selecionar meu texto porque eu quero usar algo um pouco menor. Eu só vou enrolar isso para cerca de 36 pontos. Agora não parece particularmente bem centrado para mim aqui, então eu vou entrar neste marcador e apenas movê-lo um pouco para que os dois marcadores à esquerda e à direita sejam praticamente iguais. Se você não tiver certeza de que eles são iguais, se você tiver suas réguas visíveis escolhendo Exibir e, em seguida, Réguas basta arrastar uma régua para baixo e verificar novamente. Quando terminar, você pode escolher Exibir, Limpar guias, e o guia simplesmente desaparecerá. Agora que fizemos nosso primeiro texto, estamos prontos para fazer o segundo pedaço de texto. Se você perdeu seu caminho, basta clicar no Caminho de Trabalho aqui na paleta de caminho para pegá-lo novamente. Vamos para a ferramenta de texto, vamos clicar na linha aqui e então vamos digitar 2016. Novamente, eu quero centralizar isso na linha, então eu estou indo para a Ferramenta de Seleção Direta, eu estou olhando para pegar o marcador, eu vou apenas arrastá-lo ao redor até que ele é aproximadamente oposto ao marcador na outra extremidade e porque o texto está centralizado, ele está aparecendo em uma posição perfeita, exceto que está de cabeça para baixo. Bem, eu vou pegar o ponto do meio aqui e apenas arrastá-lo para que fique acima da linha. O texto está agora do lado direito para cima, mas deve estar aqui em baixo e não acima da linha. Bem, eu vou voltar para a Ferramenta de Texto, e eu vou selecionar o meu texto. Agora eu vou voltar aqui para a barra de opções da ferramenta e eu vou abrir o painel Caractere porque o painel de caracteres permitirá que eu empurre meu texto para baixo. Para fazer isso, vou ajustar esta configuração aqui, que é o deslocamento da linha de base. Este é um slide escrupuloso, então eu posso apenas clicar e arrastar sobre as palavras e se eu arrastar em uma direção negativa, eu vou puxar o texto para baixo como ele vem. Vou clicar em Away para dizer se está em uma boa posição, o que está. Agora posso selecionar outra ferramenta para desmarcar tudo. Temos texto na parte superior do círculo, temos texto na parte inferior do círculo, vimos como cortar um caminho em dois, e estamos prontos para seguir em frente agora e apenas para criar alguns textos ao longo deste banner. 4. Texto em caminho - parte 3: Para colocar o texto nesta faixa de opções, vamos voltar para a paleta Caminhos porque temos um caminho de faixa de opções que foi criado e salvo com o documento. O caminho não está no lugar certo, mas está lá, então é metade do trabalho feito. Vamos para a Ferramenta de Seleção de Caminhos. Eu só vou arrastá-lo para baixo para a posição porque eu quero posicioná-lo direito sobre a faixa de opções e exatamente onde eu quero que o texto esteja. Agora vou voltar à minha Ferramenta de Seleção de Caminho porque quero selecionar no meu caminho. Preciso ter certeza de que meu caminho está selecionado. Vou clicar na ferramenta de texto e passar o mouse sobre a linha até obter meu ponteiro de feixe de I com minha linha wiggly através dele. Vou clicar uma vez e começar a digitar. Agora, imediatamente, posso dizer que a mudança de linha de base que eu tinha em vigor anteriormente ainda está sendo aplicada a esta linha. Eu só vou seta de volta sobre o meu texto e eu vou definir isso como 0. Isso trará o backup de texto para a linha. Voltar à minha Ferramenta de Texto, clique na linha e continue a digitar. Agora, mais uma vez, o meu texto desapareceu porque as fronteiras do meu texto estão tão próximas. Desta vez eu fui em frente e digitei tudo. Vou agora para a Ferramenta de Seleção Direta. Vou passar o mouse sobre este ponto procurando o ponteiro do feixe de I com a seta apontando para a esquerda porque isso controla a borda direita do meu texto. Eu só vou começar a arrastá-lo e como eu faço meu texto deve aparecer novamente e eu posso girá-lo sobre a linha apenas arrastando para cima em direção ao topo do documento. Vou começar a posição do meu texto aqui voltando para este fim da linha, procurando o cursor de feixe de I apontando para a direita para que isto esteja controlando a borda esquerda do texto. Eu só vou arrastá-lo um pouco mais. Eu perdi meu texto sobre a linha, então eu vou apenas encontrar um ponteiro e arrastar em uma direção para cima e, em seguida, clicar para fora. Se você já esteve na minha classe onde criamos este emblema e fita a bordo , agora você verá como é útil ter salvo o caminho que está ao longo da linha desta faixa de opções para que possamos tê-lo à mão na paleta Caminhos e Poderíamos usá-lo a qualquer hora que quiséssemos. Seu projeto para esta classe será criar texto em um caminho. Você é bem-vindo para baixar esta imagem e usá-la ou você pode usar qualquer imagem de sua escolha. Publique seu projeto na área do projeto de classe. Espero que você tenha gostado dessa aula e que tenha aprendido a criar texto em um caminho e também texto em um círculo no Photoshop. Se você gostou deste curso e se você vir um prompt para recomendá-lo a outros, por favor, dê um polegar para cima. Isso ajuda os outros a identificar isso como uma classe que eles podem querer tomar. Se você quiser deixar um comentário, por favor faça-o. Eu leio e respondo a todos os seus comentários e olho e respondo a todos os seus projetos de classe. Meu nome é Helen Bradley. Muito obrigado por se juntar a mim neste episódio de Design Gráfico para o Almoço. Estou ansioso para vê-lo em um próximo episódio em breve.