Gire, inverta e dimensione letras individuais em texto com o Photoshop

Escrito por Steve Patterson.

O Photoshop facilita girar, inverter e dimensionar palavras inteiras ou linhas de texto em um documento, mas e se quisermos transformar apenas uma única letra em uma palavra ou transformar letras diferentes de maneira diferente, girando algumas, invertendo outras horizontalmente ou verticalmente, e escalar outros? Parece que deve ser um trabalho bastante simples para o comando Free Transform do Photoshop, mas se você já tentou fazê-lo, sabe que não é tão simples quanto parece. Vamos dar uma olhada no problema.

Aqui está um documento que abri na minha tela - um design simples com a palavra 'letras' na frente de um fundo gradiente:



  Texto original do Photoshop. Imagem © 2011 Photoshop Essentials.com. O documento original.

Se olharmos para o meu Painel de camadas , vemos que o documento é composto de duas camadas - uma camada de tipo normal na parte superior contendo a palavra 'letras' (com um estilo de camada de sombra aplicado para adicionar algum interesse) e o gradiente na camada de fundo abaixo dela:



  O painel Camadas no Photoshop mostrando a camada de texto e a camada de fundo. Imagem © 2011 Photoshop Essentials.com. O painel Layers mostrando a camada Type acima da camada Background.

Normalmente, para inverter, girar ou dimensionar o texto, usamos o Photoshop Transformação Livre comando. Vou selecioná-lo indo até o Editar menu na Barra de Menu na parte superior da tela e escolhendo Transformação Livre :

  Escolhendo o comando Free Transform no menu Edit no Photoshop. Imagem © 2011 Photoshop Essentials.com. Escolhendo o comando Free Transform no menu Edit.

Isso coloca a caixa delimitadora de Transformação Livre e manipula em torno da palavra, e aqui reside o nosso problema. Eu quero transformar letras individuais na palavra, mas Free Transform seleciona a palavra inteira como um todo, colocando a caixa delimitadora e as alças ao redor dela. Se eu mover o cursor do mouse para fora da caixa delimitadora, clicar e arrastar com o mouse para girá-lo, a palavra inteira gira, não apenas uma letra individual:



  Girando o texto com Free Transform. Imagem © 2011 Photoshop Essentials.com. Free Transform gira a palavra inteira porque selecionou todo o conteúdo da camada de texto.

vou pressionar o Esc tecla no meu teclado para cancelar a rotação. Vamos tentar virar uma carta de cabeça para baixo. Com Free Transform ainda ativo, vou clique com o botão direito (Ganhar) / Clique com a tecla Control pressionada (Mac) em qualquer lugar dentro do documento e eu escolho Virar Vertical no menu que aparece:

  Selecionando o comando Flip Vertical no menu contextual Free Transform. Imagem © 2011 Photoshop Essentials.com. Escolhendo Flip Vertical no menu contextual.

Novamente, nos deparamos com o mesmo problema. A Free Transform está afetando a palavra inteira, então a palavra inteira é virada de cabeça para baixo:

  O texto do Photoshop foi invertido verticalmente no documento. Imagem © 2011 Photoshop Essentials.com. Free Transform mais uma vez afeta a palavra inteira.

vou pressionar Esc no meu teclado para cancelar o comando Flip Vertical. Vamos tentar dimensionar uma letra. eu vou segurar Shift+Alt (Ganhar) / Shift+Opção (Mac) conforme clico em uma das alças de canto do Free Transform e arrasto para dentro em direção ao centro da caixa delimitadora. Manter a tecla Shift pressionada enquanto arrasto manterá as proporções originais do texto intactas à medida que o redimensiono, enquanto a tecla Alt (Win) / Option (Mac) informa ao Photoshop para dimensionar o texto a partir do centro. E nenhuma surpresa, nos deparamos com o mesmo problema de antes. A palavra inteira está sendo reduzida como um todo:



  Dimensionamento de texto no Photoshop com o comando Free Transform. Imagem © 2011 Photoshop Essentials.com. Sem uma maneira de selecionar uma letra específica, a palavra inteira fica menor.

Pode parecer que a Transformação Livre é o problema aqui, pois não nos dá nenhuma maneira de selecionar letras individuais na palavra, mas o problema real é, na verdade, o próprio texto. Ou, mais especificamente, o problema é que a palavra é texto. Isso pode soar estranho. Quero dizer, é claro que é texto, certo? No entanto, é um problema porque o Photoshop não nos permite selecionar letras individuais em uma linha de texto. Pelo menos, não enquanto o texto ainda for texto, o que nos leva à solução. Tudo o que precisamos fazer para poder trabalhar com letras individuais é converter o texto em outra coisa!

Então, em que podemos convertê-lo e ainda parecer texto? Bem, poderíamos convertê-lo em píxeis rasterizando-o, mas essa não é a melhor solução porque perderemos as bordas nítidas e nítidas das letras, especialmente quando começarmos a girá-las e dimensioná-las. Uma solução muito melhor é converter o texto em um forma . Como forma, ainda parecerá texto e manterá suas bordas afiadas, não importa o que façamos com ele. A única desvantagem menor é que, uma vez que convertemos o texto em uma forma, ele não será mais editável, portanto, certifique-se de ter tudo escrito corretamente primeiro.

Para converter texto em uma forma, certifique-se de que a camada Tipo esteja selecionada no painel Camadas e, em seguida, vá até a Camada menu na parte superior da tela, escolha Modelo , então escolha Converter em forma :



  Convertendo tipo em uma forma no Photoshop com o comando Converter em forma. Imagem © 2011 Photoshop Essentials.com. Vá para Camada > Tipo > Converter em Forma.

Parece que nada aconteceu na janela do documento, mas se olharmos no painel Camadas, veremos que a camada Tipo foi convertida em um Camada de forma , o que significa que nosso texto foi convertido com sucesso em uma forma:

  O painel Camadas mostrando a camada Tipo convertida em uma camada Forma. Imagem © 2011 Photoshop Essentials.com. A camada Type agora é uma camada Shape.

Com o texto agora em forma, podemos selecionar facilmente qualquer uma das letras individuais. Para selecionar uma letra, precisamos do Ferramenta de Seleção de Caminho (a seta preta) que você pode pegar no painel Ferramentas:



  Selecionando a ferramenta Path Selection no painel Tools no Photoshop. Imagem © 2011 Photoshop Essentials.com. Selecione a Ferramenta de Seleção de Caminho.

Em seguida, com a Ferramenta de Seleção de Caminho em mãos, basta clicar na letra desejada. Clicarei na primeira letra 'e' da palavra para selecioná-la. Pontos de ancoragem (pequenos quadrados) aparecerão ao redor da letra para mostrar que ela agora está selecionada:

  Selecionando a letra'e' in the word with the Path Selection Tool. Image © 2011 Photoshop Essentials.com. Clique com a Ferramenta de Seleção de Caminho na letra que deseja selecionar.

Com a letra selecionada, agora posso transformá-la da maneira que quiser usando Free Transform. vou pressionar Ctrl+T (Ganhar) / Comando+T (Mac) no meu teclado para abrir rapidamente a caixa delimitadora e as alças da Transformação Livre (é mais rápido do que escolher Transformação Livre no menu Editar) e, desta vez, em vez de aparecer em torno da palavra inteira, elas aparecem em torno da letra que selecionei:

  A caixa delimitadora e as alças Free Transform aparecem ao redor da letra. Imagem © 2011 Photoshop Essentials.com. Free Transform agora pode funcionar com letras individuais.

Eu vou girar a letra da mesma forma que girei a palavra inteira anteriormente, clicando em qualquer lugar fora da caixa delimitadora Free Transform e arrastando com o mouse. Vou girá-lo no sentido anti-horário. Quando terminar de transformar uma letra, pressione Digitar (Ganhar) / Retornar (Mac) para aceitar a alteração e sair do Free Transform:



  A caixa delimitadora e as alças Free Transform aparecem ao redor da letra. Imagem © 2011 Photoshop Essentials.com. Girando a letra no sentido anti-horário.

Farei o mesmo com a segunda letra 'e' da palavra. Primeiro, vou selecioná-lo clicando nele com a Ferramenta de Seleção de Caminho, depois pressionar Ctrl+T (Ganhar) / Comando+T (Mac) para abrir a caixa Free Transform e as alças ao redor dela. Para girá-lo, clico fora da caixa delimitadora e arrasto com o mouse. Desta vez, vou girar a letra no sentido horário. Quando terminar, vou pressionar Digitar (Ganhar) / Retornar (Mac) no meu teclado para aceitar a alteração e sair do Free Transform:

  Girando a segunda letra'e' with Free Transform. Image © 2011 Photoshop Essentials.com. Girando a segunda letra 'e', desta vez no sentido horário.

E se eu quiser virar uma letra, na horizontal ou na vertical? Com o texto agora uma forma, é fácil! Novamente, eu só preciso clicar na letra com a Ferramenta de Seleção de Caminho para selecioná-la. Vou selecionar a segunda letra 't' na palavra. Então eu vou pressionar Ctrl+T (Ganhar) / Comando+T (Mac) para colocar a caixa Free Transform e alças ao redor dela. Para virar a carta, eu vou clique com o botão direito (Ganhar) / Clique com a tecla Control pressionada (Mac) em qualquer lugar dentro do documento e selecionarei uma das duas opções (Flip Horizontal ou Flip Vertical) na parte inferior do menu que aparece. eu vou escolher Virar horizontalmente :



  Escolhendo Flip Horizontal no menu contextual. Imagem © 2011 Photoshop Essentials.com. Selecionando Flip Horizontal no menu contextual.

vou pressionar Digitar (Ganhar) / Retornar (Mac) para aceitar a mudança, e assim, a carta é invertida:

  A letra na palavra foi invertida horizontalmente. Imagem © 2011 Photoshop Essentials.com. A segunda letra 't' é agora um reflexo espelhado da letra à sua frente.

Para escala (redimensionar) uma letra, novamente simplesmente clique nela com a Ferramenta de Seleção de Caminho e pressione Ctrl+T (Ganhar) / Comando+T (Mac) para abrir a Transformação Livre. Clique em qualquer uma das quatro alças de canto, mantenha pressionado o Mudança para manter a forma original da letra intacta à medida que você a redimensiona e, em seguida, arraste a alça para aumentar ou diminuir a letra. Calma Tudo (Ganhar) / Opção (Mac) também enquanto arrasta a alça para redimensionar a letra a partir do centro. Aqui, estou dimensionando a letra 'r' e tornando-a maior. Imprensa Digitar (Ganhar) / Retornar (Mac) quando terminar de aceitar a alteração:

  Redimensionando a letra'r' with Free Transform. Image © 2011 Photoshop Essentials.com. Arrastar uma alça de canto para fora para aumentar o tamanho da letra.

Como as letras são formas, não pixels, você pode continuar girando, invertendo e dimensionando-as o quanto quiser sem perda de qualidade de imagem, então sinta-se à vontade para continuar selecionando letras e brincando com Free Transform até ficar satisfeito com o resultados. Você também pode jogada as letras dentro do documento, se você precisar, simplesmente selecionando-as com a Ferramenta de Seleção de Caminho e arrastando-as com o mouse. Free Transform não é necessário se tudo o que você está fazendo é mover uma letra.

Quando terminar de transformar e mover as letras, clique em qualquer outra camada no painel Camadas para desmarcar a forma. Isso removerá quaisquer contornos visíveis ou pontos de ancoragem das letras. Como tenho apenas duas camadas no meu documento, clico na camada Background para selecioná-la:

  Selecionando a camada de fundo no Photoshop. Imagem © 2011 Photoshop Essentials.com. Clique em uma camada diferente para ocultar quaisquer contornos ou pontos de ancoragem ao redor das letras quando terminar.

Aqui está a aparência da minha palavra depois de embaralhar as letras um pouco mais com Free Transform:

  Gire, inverta e dimensione letras em uma palavra com o Photoshop. Imagem © 2011 Photoshop Essentials.com. O resultado final.

Para onde ir a seguir...