Articles

Transforme texto no Photoshop: distorce e 3D Perspective Effects

escrito por Steve Patterson.

neste tutorial, mostro-lhe como transformar o texto com os comandos distorcer e Perspective no Photoshop! Normalmente, o Photoshop não nos permite usar distorção ou perspectiva com camadas Tipo. Mas aqui, vou mostrar – lhe um truque simples para desbloquear ambos os comandos e manter o seu texto totalmente editável.

estou usando a última versão do Photoshop CC, mas qualquer versão recente vai funcionar. Vamos começar!

Baixe este tutorial como um PDF pronto para impressão!

adicionando o texto

a primeira coisa que precisamos fazer é adicionar algum texto. Aqui está uma imagem que eu abri no Photoshop para usar como fundo para o meu efeito. Descarreguei esta da pasta Adobe:

a imagem de fundo. Crédito da foto: ações da Adobe.

e se olharmos no painel de camadas, vemos que eu também fui em frente e adicionei algum texto acima da imagem. Vou ligá-lo clicando no ícone de visibilidade da camada de tipo:

ligando o texto.

E aqui está o meu texto:

o texto aparece na frente da imagem.

estou a usar um tipo de letra chamado Orbitron Bold que transferi do Adobe Typekit:

o tipo de letra usado no efeito.

os comandos distorcer e Perspective

o que eu gostaria de fazer é dar ao meu texto um visual mais 3D, como se estivesse inclinado para trás em direcção ao horizonte, o que significa que eu quero mudar a sua perspectiva. E a maneira mais fácil de adicionar perspectiva é usando o comando de perspectiva do Photoshop.

para chegar a ele, eu vou até o menu Editar na barra de Menu e eu vou escolher transformar. É aqui que encontramos todos os vários comandos de transformação do Photoshop. Mas observe que, enquanto podemos acessar coisas como escala, rotação, desvio, e até mesmo dobra, as duas opções mais interessantes—distorção e perspectiva—são gravadas:

as opções de distorção e perspectiva estão indisponíveis.

convertendo a camada de tipo

a razão é que o Photoshop não nos permitirá usar a distorção ou perspectiva com uma camada de tipo. Então, antes que eu possa adicionar uma perspectiva 3D ao meu texto, eu Primeiro preciso converter minha camada tipo para outra coisa.

Opção 1: rasterizar o texto

uma coisa que eu poderia fazer era rasterizar o meu texto, o que significa converter o meu tipo em pixels. E eu poderia fazer isso no painel de camadas clicando com o botão direito (Win) / Control-Click (Mac) diretamente na camada tipo:

Right-click (Win) / Control-click (Mac) na camada tipo.

e depois escolher o tipo Rasterize do menu:

o comando do tipo Rasterize.

mas aqui está o problema. Se eu converter meu tipo em pixels, eu perco a capacidade de editar meu texto. E, quando aplicamos qualquer tipo de transformação a uma imagem baseada em pixels, podemos perder qualidade. Rasterizar o tipo não é uma boa escolha.

Opção 2: converter o tipo para uma forma

outra opção encontrada no mesmo menu é converter para forma:

o comando Converter para forma.

o benefício que uma forma tem Sobre pixels é que podemos transformar uma forma tanto quanto quisermos sem qualquer perda de qualidade. Mas ainda teríamos um problema porque ainda perderíamos a capacidade de editar o nosso texto. Então, convertê-lo em uma forma também não é a melhor escolha.

Opção 3: Converter o tipo, em uma smart object

Mas uma terceira opção é a de converter o texto em um objeto inteligente escolhendo Converter em Objeto Inteligente a partir do menu:

Escolher a Converter em Objeto Inteligente.

Photoshop converte a camada de tipo em um objeto inteligente, e sabemos que pelo ícone de objeto inteligente na parte inferior direita da miniatura:

a camada tipo é agora um objeto inteligente.os objetos inteligentes não são destrutivos, então podemos transformá-los o quanto quisermos, sem qualquer perda de qualidade. E nossa camada de tipo está agora embutida dentro do objeto inteligente, o que significa que podemos abrir o objeto inteligente e editar nosso texto sempre que precisamos. Mas antes de aprendermos a fazer isso, vamos ver como usar os comandos distorcer e Perspective com nosso objeto inteligente.

: Como redimensionar as imagens sem perder a qualidade

distorcer

voltarei ao menu Editar e voltarei a escolher transformar. E neste momento, todas as opções de transformação, incluindo distorção e Perspectiva, estão disponíveis:

Ambos distorção e Perspectiva estão disponíveis depois de converter o texto para um smart object.

i’ll start by choosing Distort:

escolhendo o comando Distort.

o comando Distort permite-nos clicar e arrastar qualquer um dos puxadores de Canto em torno do texto, independentemente um do outro. Podemos arrastá-los em qualquer direção para distorcer o texto em diferentes formas:

no modo distorcer, arraste os cabos do canto independentemente.

cancelando uma transformação

isso não é realmente o que eu quero fazer, então eu vou cancelar o comando distorcer sem fazer quaisquer alterações pressionando a tecla Esc no meu teclado. E agora estou de volta à forma original do texto:

pressione Esc para cancelar uma transformação.

Perspective

o que eu quero fazer é fazer com que o texto pareça inclinar-se para trás em direcção ao horizonte, como o texto rolando que você vê no início de um filme de Star Wars. Podia fazer isso com o comando distorcido, mas o comando perspectiva vai facilitar as coisas.

Para selecioná-lo, eu vou voltar para o menu Editar, vou escolher Transformação e, em seguida, eu vou escolher a Perspectiva:

Vai Editar > Transformar > Perspectiva.

distorce vs Perspective

a diferença entre distorcer e Perspective é que no modo distorcer, podemos arrastar os cabos do canto em qualquer direcção, e podemos arrastá-los separadamente um do outro. Em Modo de perspectiva, ainda arrastamos os puxadores do canto, mas só podemos arrastá-los para cima e para baixo, ou esquerda e direita, e o puxador no canto oposto irá se mover junto com ele na direção oposta.

repare que se arrastar a pega no canto superior esquerdo para cima, a pega no canto inferior esquerdo desce:

arrastar uma pega para cima move a pega oposta para baixo.

vou desfazer isso indo para o menu Editar e escolhendo desfazer, ou carregando em Ctrl+Z (Win) / Comando+Z (Mac). Isto irá desfazer o último passo, mas irá manter-me no modo de perspectiva:

indo para editar > desfazer.

para fazer com que o texto pareça estar inclinado para trás, eu vou clicar na mesma pega no topo esquerdo, mas desta vez, vou arrastá-lo para dentro em direção à direita. E como estamos em Modo de perspectiva, a pega oposta no topo direita também se move para dentro:

arrastar uma pega para a direita move a pega oposta para a esquerda.

mudar entre os comandos transformar

também quero esticar o texto verticalmente para que ocupe mais espaço ao longo do fundo. Para isso, preciso de mudar do comando perspectiva para o comando escala. Você pode mudar rapidamente entre os comandos transformar se carregar com o botão direito (Win) / Control-Click (Mac) em qualquer lugar dentro do documento e escolher uma opção diferente da lista. Eu escolherei escala:

mudar de perspectiva para escala.

Depois, vou carregar na pega inferior e arrastá-la para baixo:

escalando o texto, arrastando a pega do centro inferior para baixo.

aceitando a transformação

para a aceitar e fechar fora do meu comando transformar, vou carregar em Enter ( Win) / Return (Mac):

o texto após a aplicação da perspectiva e da transformação em escala.

relacionado: aprender habilidades essenciais de Transformação livre do Photoshop

adicionando efeitos ao texto

Antes de vermos como editar o texto, vou adicionar rapidamente alguns efeitos.

alterando o modo de mistura

vou voltar para o painel de camadas e vou mudar o modo de mistura do meu objecto inteligente de Normal para sobreposição:

mudar o modo de mistura para sobreposição.

isto mistura o texto com a imagem:

o texto após mudar o modo de mistura para sobreposição.

Adicionando um Outer Glow

Então eu vou adicionar um brilho para o texto clicando na Camada de Estilos ícone (o ícone fx):

Clicando na Camada de Estilos ícone.

e escolher o brilho exterior:

escolher um estilo de camada brilhante externa.

na janela do estilo da camada, vou carregar no swatch de cores para mudar a cor do brilho:

ao carregar no swatch de cores.

Depois moverei o cursor do rato para a imagem e clicarei numa cor verde para a seleccionar:

amostrar uma cor da imagem para o brilho exterior.

vou carregar em OK para fechar o selector de cores. E depois, de volta à janela do estilo da camada, vou aumentar o tamanho do brilho para 60 px e a opacidade para 50%:

as opções de brilho externas.

vou carregar em OK para fechar a janela, e aqui está o resultado:

o texto com o brilho externo aplicado.

Como editar o texto ”

Finalmente, para editar o seu texto, abra a smart objeto clicando duas vezes na miniatura no painel Camadas:

Abrir a smart object.

isto abre o conteúdo do objecto inteligente (neste caso, o nosso texto) num documento separado:

o texto abre num documento separado.

e se olharmos no painel de camadas, vemos a nossa camada tipo:

a camada tipo original é Segura dentro do objeto inteligente.

editar o texto

seleccione a Ferramenta do tipo na barra de Ferramentas:

seleccionar a Ferramenta do tipo.

editar o texto dentro do objecto inteligente.

relacionado: como editar objectos inteligentes

guardar a alteração

para que a alteração apareça no documento principal, precisamos de gravar e fechar o objecto inteligente. Vá para o menu ficheiro e escolha Gravar:

ir para Ficheiro > gravar.

e depois voltar ao menu ficheiro e escolher fechar:

Going to File > Close.

e de volta ao documento principal, o mesmo efeito agora aparece com o novo texto:

o mesmo efeito após a edição do texto.e aqui está! Isso é como adicionar efeitos de distorção e perspectiva para o seu texto no Photoshop! Confira nossas seções de efeitos de texto para mais tutoriais! E não se esqueça, todos os nossos Tutoriais Photoshop estão agora disponíveis para download como PDFs!