Rotate, Flip and Scale Individual Letters In Text With Photoshop

Rotate Flip and Scale Individual Letters In Text - Photoshop Tutorial
Escrito por Steve Patterson.

Photoshop facilita a rotação, inversão e escala de palavras inteiras ou linhas de texto em um documento, mas e se quisermos transformar apenas uma única letra em uma palavra, ou transformar diferentes letras de forma diferente, girando algumas, virando outras horizontalmente ou verticalmente, e escalando outras? Parece que deveria ser um trabalho bastante simples para o comando Free Transform do Photoshop, mas se você já tentou fazer isso, você sabe que não é tão simples quanto parece. Vamos dar uma olhada no problema.

Aqui está um documento que tenho aberto na minha tela – um desenho simples com a palavra “letras” em frente a um fundo gradiente:

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

O documento original.

Se olharmos para o meu painel Layers, vemos que o documento é composto por duas camadas – uma camada Type normal no topo contendo a palavra “letras” (com uma camada de sombra aplicada para adicionar algum interesse) e o gradiente na camada Background abaixo dela:

O painel Layers no Photoshop mostrando a camada de texto e a camada Background. Imagem © 2011 Photoshop Essentials.com.

O painel Layers mostrando a camada Type acima da camada Background.

Usualmente, para inverter, girar ou escalar o texto, nós usaríamos o comando Free Transform do Photoshop. Vou selecioná-lo indo até o menu Edit na Barra de Menu no topo da tela e escolhendo Free Transform:

Selecionar o comando Free Transform do menu Edit do Photoshop. Image © 2011 Photoshop Essentials.com.

Selecionando o comando Free Transform do menu Edit.

Isso coloca a caixa de delimitação Free Transform e manipula ao redor 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 de delimitação e as alças ao redor dela. Se eu mover o cursor do mouse fora da caixa de delimitação, então clique e arraste com o mouse para girá-la, a palavra inteira gira, não apenas uma letra individual:

Rotar o texto com Free Transform. Imagem © 2011 Photoshop Essentials.com.

Free Transform roda a palavra inteira porque seleccionou todo o conteúdo da camada de texto.

Premir a tecla Esc no meu teclado para cancelar a rotação. Vamos tentar virar uma letra de cabeça para baixo. Com Free Transform ainda ativo, clicarei com o botão direito do mouse (Win) / Control-clique (Mac) em qualquer lugar dentro do documento e escolherei Flip Vertical no menu que aparece:

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

Selecionar o comando Flip Vertical a partir do menu contextual.

Ganhar, encontramos o mesmo problema. Free Transform está afetando a palavra inteira, então a palavra inteira é virada de cabeça para baixo:

Texto de fotosshop virado verticalmente no documento. Imagem © 2011 Photoshop Essentials.com.

Free Transform mais uma vez afeta a palavra inteira.

Pressionarei Esc no meu teclado para cancelar o comando Flip Vertical. Vamos tentar escalonar uma letra. Vou manter pressionado Shift+Alt (Win) / Shift+Option (Mac) enquanto clico em uma das alças de canto da Free Transform e arrasto para dentro em direção ao centro da caixa de delimitação. Manter a tecla Shift pressionada enquanto arrasto manterá as proporções originais do texto intacto enquanto o redimensiono, enquanto a tecla Alt (Win) / Option (Mac) diz ao Photoshop para redimensionar o texto a partir do seu centro. E não é surpresa que nos deparemos com o mesmo problema de antes. A palavra inteira está sendo redimensionada como um todo:

Escalar o texto no Photoshop com o comando Free Transform. Imagem © 2011 Photoshop Essentials.com.

Sem uma forma de selecionar uma letra específica, a palavra inteira fica menor.

Pode parecer que Free Transform é o problema aqui, pois não nos dá nenhuma forma de selecionar letras individuais na palavra, mas o verdadeiro problema é, na verdade, o texto em si. 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 seleccionar letras individuais numa 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 podermos trabalhar com letras individuais é converter o texto em outra coisa!

Então em que podemos convertê-lo e ainda tê-lo parecido com texto? Bem, nós poderíamos convertê-lo em pixels rasterizando-o, mas essa não é a melhor solução porque vamos perder as bordas nítidas e nítidas das letras, especialmente quando começarmos a girar e escaloná-las. Uma solução muito melhor é converter o texto em uma forma. Como uma forma, ele ainda parecerá um 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, então apenas verifique se você tem tudo escrito corretamente primeiro.

Para converter texto em uma forma, verifique se a camada Type está selecionada no painel Layers, então vá até o menu Layer no topo da tela, escolha Type, então escolha Convert to Shape:

Converting type to a shape no Photoshop com o comando Convert to Shape. Imagem © 2011 Photoshop Essentials.com.

Vá para Camada >Tipo >Converta para Forma.

Nada muito parecerá ter acontecido na janela do documento, mas se olharmos no painel Camadas, vemos que a camada Tipo foi convertida em uma camada 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 de Forma.

Com o texto agora uma forma, podemos facilmente selecionar qualquer uma das letras individuais. Para seleccionar uma letra, precisamos da Ferramenta de Selecção de Caminhos (a seta preta) que pode obter no painel Ferramentas:

Selecting the Path Selection Tool from the Tools panel in Photoshop. Imagem © 2011 Photoshop Essentials.com.

Selecione a ferramenta de seleção de caminho.

Então, com a ferramenta de seleção de caminho na mão, basta clicar na letra que você deseja. Eu clicarei na primeira letra “e” da palavra para a seleccionar. Os pontos de ancoragem (pequenos quadrados) aparecerão à volta da letra para mostrar que está agora seleccionada:

Seleccionar a letra

Click with the Path Selection Tool on the letter you want to select.

Com a letra seleccionada, posso agora transformá-la da forma que quiser utilizando Free Transform. Vou premir Ctrl+T (Win) / Command+T (Mac) no meu teclado para trazer rapidamente a caixa e alças de Transformação Livre (é mais rápido do que escolher Transformação Livre no menu Editar), e desta vez, em vez de aparecerem à volta da palavra inteira, aparecem à volta da letra que seleccionei:

A caixa e alças de Transformação Livre aparece à volta da letra. Imagem © 2011 Photoshop Essentials.com.

Free Transform pode agora funcionar com letras individuais.

I rodarei a letra da mesma forma que rodei a palavra inteira anteriormente, clicando em qualquer lugar fora da caixa de delimitação Free Transform e arrastando com o meu mouse. Vou girá-la no sentido contrário ao dos ponteiros do relógio. Quando terminar de transformar uma letra, prima Enter (Win) / Return (Mac) para aceitar a alteração e sair de Free Transform:

A caixa de delimitação Free Transforming e as pegas aparecem à volta da letra. Imagem © 2011 Photoshop Essentials.com.

Rotar a letra no sentido anti-horário.

Faço o mesmo com a segunda letra “e” na palavra. Primeiro, vou selecioná-la clicando nela com a Ferramenta de Seleção de Caminhos, depois vou pressionar Ctrl+T (Win) / Command+T (Mac) para trazer a caixa de Transformação Livre e manipulá-la ao redor. Para rodá-la, clicarei fora da caixa de delimitação e arrasto com o meu mouse. Desta vez, eu vou girar a letra no sentido horário. Quando terminar, vou pressionar Enter (Win) / Return (Mac) no meu teclado para aceitar a alteração e sair de Free Transform:

Rotar a segunda letra 'e' com Free Transform. Imagem © 2011 Photoshop Essentials.com.

Rotar a segunda letra “e”, desta vez no sentido horário.

E se eu quiser virar uma letra, seja horizontalmente ou verticalmente? Com o texto agora uma forma, é fácil! Mais uma vez, só preciso de clicar na letra com a Ferramenta de Selecção de Caminhos para a seleccionar. Vou seleccionar a segunda letra “t” na palavra. Depois vou pressionar Ctrl+T (Win) / Command+T (Mac) para colocar a caixa de transformação livre e as alças ao redor dela. Para inverter a letra, clicarei com o botão direito do mouse (Win) / Control-clique (Mac) em qualquer lugar dentro do documento e selecionarei uma das duas opções (Flip Horizontal ou Flip Vertical) a partir da parte inferior do menu que aparece. Escolherei Flip Horizontal:

Seleccionar Flip Horizontal a partir do menu contextual. Image © 2011 Photoshop Essentials.com.

Selecionar Flip Horizontal a partir do menu contextual.

Pressionarei Enter (Win) / Return (Mac) para aceitar a alteração, e assim mesmo, a letra é invertida:

A letra na palavra foi invertida horizontalmente. Imagem © 2011 Photoshop Essentials.com.

A segunda letra “t” é agora um reflexo espelho da letra em frente a ela.

Para redimensionar (redimensionar) uma letra, novamente basta clicar nela com a Ferramenta de Seleção de Caminhos, depois pressione Ctrl+T (Win) / Command+T (Mac) para trazer a Transformação Livre. Clique em qualquer uma das quatro alças de canto, mantenha pressionada a tecla Shift para manter a forma original da letra intacta enquanto a redimensiona, depois arraste a alça para tornar a letra maior ou menor. Segure Alt (Win) / Option (Mac) também enquanto você arrasta a alça para redimensionar a letra a partir do seu centro. Aqui, estou redimensionando a letra “r” e tornando-a maior. Prima Enter (Win) / Return (Mac) quando terminar de aceitar a alteração:

 Redimensionar a letra 'r' com Free Transform. Imagem © 2011 Photoshop Essentials.com.

Dragando um puxador de canto para fora para aumentar o tamanho da letra.

Desde que as letras são formas, não pixels, você pode continuar girando, girando e escalando-as o quanto quiser sem qualquer perda de qualidade de imagem, então sinta-se livre para continuar selecionando letras e brincando com Free Transform até que você esteja satisfeito com os resultados. Você também pode mover as letras dentro do documento se você precisar simplesmente selecioná-las com a Ferramenta de Seleção de Caminho e arrastá-las com o seu mouse. Free Transform não é necessário se tudo o que está a fazer é mover uma letra.

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

Selecionando a camada Background no Photoshop. Imagem © 2011 Photoshop Essentials.com.

Click on a different layer to hide any outlines or anchor points around the letters when you’re done.

Here’s what my word now looks like like after scrambling up the letters a bit more with Free Transform:

Rotate, flip and scale letters in a word with Photoshop. Imagem © 2011 Photoshop Essentials.com.

O resultado final.

Onde ir a seguir…

E já está! Confira nossas seções Efeitos de Texto ou Efeitos de Foto para mais tutoriais de efeitos do Photoshop!

Obtenha todos os nossos tutoriais do Photoshop em PDF! Baixe-os hoje!

Deixe uma resposta

O seu endereço de email não será publicado.