Como fazer texto no Photoshop

Todo anúncio de produto, banner de promoção ou peça de marketing depende da tipografia tanto quanto da fotografia que está por baixo. O texto no Adobe Photoshop não é uma legenda estática colada sobre a imagem: é uma camada viva e editável, criada com a Ferramenta Texto Horizontal (Horizontal Type Tool), capaz de carregar ao mesmo tempo fonte, cor, traçado, sombra e uma pilha inteira de efeitos de camada. Como o texto do Photoshop continua vetorial até você achatar a imagem, um título pode ser redimensionado, reestilizado ou totalmente reescrito em qualquer etapa do projeto sem perder nitidez, e é exatamente por isso que designers profissionais mantêm as camadas de texto editáveis pelo maior tempo possível. Seja na imagem principal de um anúncio no Mercado Livre, no banner de uma loja na Shopee, no selo de promoção de uma loja na Nuvemshop ou na etiqueta de preço impressa para uma loja em Belo Horizonte, as habilidades essenciais são as mesmas: digitar e editar com a Ferramenta Texto, controlar o espaçamento pelos painéis Caractere (Character) e Parágrafo (Paragraph), valorizar as letras com efeitos de Estilo de Camada (Layer Style) como Traçado (Stroke), Sombra Projetada (Drop Shadow), Sobreposição de Gradiente (Gradient Overlay) e Chanfro e Entalhe (Bevel and Emboss) e, por fim, curvar o texto ou fazê-lo seguir um demarcador quando uma linha reta não resolve. Este guia percorre esse fluxo na ordem em que um designer realmente trabalha: criar a camada de texto, ajustar tracking, kerning e entrelinha para que o título fique legível em qualquer tamanho, aplicar estilos de camada para criar efeitos em relevo, metálicos ou luminosos, deformar o texto ou colocá-lo em um demarcador para logotipos e selos circulares e, finalmente, montar layouts tipográficos de várias linhas que se sustentam sobre um fundo carregado. Ao longo do caminho, abordamos as decisões práticas que separam uma arte amadora de um material pronto para entregar ao cliente, incluindo modos de mesclagem, conversão de texto em forma e saber exatamente quando rasterizar é o passo final correto.

Tudo começa com a Ferramenta Texto Horizontal, ativada pela tecla T ou pelo ícone da letra T na barra de ferramentas. No momento em que você clica na tela de pintura ou arrasta uma caixa, o Photoshop cria uma nova camada de texto, e essa única decisão, clicar ou arrastar, define qual dos dois tipos de texto, fundamentalmente diferentes, você vai criar.

Texto de ponto x texto de parágrafo

Um único clique com a Ferramenta Texto cria o que o Photoshop chama de texto de ponto (point text). A linha digitada continua crescendo na horizontal indefinidamente, a menos que você insira uma quebra de linha manual, o que torna o texto de ponto ideal para títulos curtos, logotipos, marcas d'água e palavras soltas como PROMOÇÃO ou LANÇAMENTO. Já arrastar um retângulo cria uma caixa de texto de parágrafo (paragraph text). Dentro dessa caixa, as palavras quebram automaticamente para caber no quadro, exatamente como em um editor de texto, por isso é a ferramenta certa para descrições de produto, instruções de cuidado ou qualquer bloco de texto que precise ficar dentro de uma área fixa em um banner ou em uma imagem de anúncio. Você pode converter um tipo no outro a qualquer momento pelo menu Texto, então não existe primeira escolha errada, apenas a ferramenta errada para um bloco de texto específico.

O painel Caractere: fonte, tamanho, tracking, kerning e entrelinha

Assim que existe uma camada de texto, o painel Caractere (Character panel) (Janela > Caractere) vira a central de controle de tudo o que diz respeito à aparência das letras. Os pontos essenciais que vale dominar são:

• Família e estilo da fonte: escolha a fonte e o peso, como regular, negrito ou itálico, na lista suspensa no topo do painel.
• Tamanho: medido em pontos por padrão, define o tamanho com que os caracteres aparecem na tela de pintura.
• Entrelinha (Leading): o espaço vertical entre as linhas de texto, logo abaixo do campo de tamanho. Uma entrelinha apertada aproxima as linhas de um título para um visual compacto e impactante; uma entrelinha generosa abre o texto corrido para que ele continue legível sobre um fundo fotográfico.
• Tracking: espaçamento uniforme aplicado a toda uma seleção de letras. Tracking positivo espalha uma palavra curta para um visual elegante e amplo, muito usado em rótulos de produtos premium; tracking negativo aperta um título longo para que ele caiba em um banner estreito.
• Kerning: o espaço entre dois caracteres específicos, que o Photoshop pode ajustar automaticamente usando as métricas embutidas da fonte ou que você pode corrigir manualmente com o cursor entre um par de letras problemático, como o vão dentro de AV ou WA.
• Cor: a amostra de cor na parte inferior do painel abre o seletor de cores padrão, onde você digita valores RGB ou hexadecimais exatos para seguir a paleta da marca.
• Suavização de serrilhado (Anti-aliasing): a lista suspensa que suaviza as bordas das letras. Os modos Nítido e Preciso funcionam bem em letras pequenas, enquanto Suave costuma ser o padrão mais seguro para textos grandes de destaque sobre uma foto.

Um bom hábito é selecionar todo o texto da camada com Ctrl+A (Cmd+A no Mac) antes de mexer no tracking ou no kerning, para que o ajuste seja aplicado de forma uniforme e não apenas ao último caractere perto do qual você clicou.

O painel Parágrafo e o alinhamento

Ao lado do painel Caractere, o painel Parágrafo (Paragraph panel) (Janela > Parágrafo) controla como as linhas se alinham e quebram dentro de uma caixa de parágrafo. Os botões de alinhamento à esquerda, ao centro e à direita resolvem os casos óbvios, enquanto as opções de justificação forçam as duas bordas do parágrafo a ficarem alinhadas, algo comum em encartes impressos e folhas de instruções que vão dentro da embalagem. Os campos de recuo e de espaço antes/depois dão controle fino sobre a densidade de um bloco de texto corrido, o que faz muita diferença quando vários tópicos sobre o produto precisam caber em uma arte de tamanho fixo sem transbordar do quadro.

Editar, mover e confirmar uma camada de texto

Para editar um texto existente, selecione a Ferramenta Texto, clique diretamente nas palavras e o Photoshop volta ao modo de edição naquela camada. Um clique duplo seleciona uma palavra; um clique triplo seleciona a linha inteira. Depois das alterações, pressione Enter no teclado numérico ou clique no ícone de confirmação na barra de opções para confirmar a edição. Para mover uma camada de texto, use a Ferramenta Mover (Move Tool) (V) e, como cada nova camada de texto fica em uma linha própria no painel Camadas, você pode reposicionar, ocultar, duplicar ou reordenar títulos independentemente da foto que está por baixo. Vale salvar o arquivo de trabalho como PSD em camadas antes de achatar qualquer coisa, já que uma camada de texto rasterizada ou mesclada não pode mais ser editada como texto vivo, apenas retocada com ferramentas de retoque baseadas em pixels.

Recursos OpenType, caixa alta e erros comuns

O painel Caractere também esconde uma fileira de pequenos botões OpenType para sobrescrito, subscrito, todas em maiúsculas e versaletes, que fazem diferença quando uma arte de produto precisa de um símbolo de marca registrada corretamente elevado ou de um subtítulo em versaletes sem redigitar tudo em outra caixa. Se uma fonte mostra aviso de glifo ausente ou é substituída por outra inesperada ao abrir um PSD em outro computador, é simplesmente porque a fonte não está instalada naquela máquina; o Photoshop mantém o nome da fonte original associado à camada no arquivo, então basta instalar a fonte correta e reabrir o documento para que ela seja restaurada automaticamente. Outro erro comum de iniciante é redimensionar uma camada de texto com Transformação Livre (Free Transform) arrastando uma alça de canto sem segurar Shift, o que distorce as letras e deixa o peso esticado e desequilibrado, em vez de um redimensionamento proporcional limpo; quando o texto precisa ficar maior, alterar o valor de Tamanho no painel Caractere quase sempre dá um resultado mais limpo do que transformar a caixa delimitadora da camada. Selecionar várias camadas de texto ao mesmo tempo no painel Camadas também permite aplicar uma mudança de fonte, tamanho ou cor a todas de uma vez, o que agiliza muito a padronização de um lote inteiro de artes de anúncio em um único estilo.

Texto cru raramente parece acabado quando está direto sobre uma fotografia. A forma mais rápida de dar peso, contraste e dimensão a um título é a caixa de diálogo Estilo de Camada (Layer Style), aberta com um clique duplo no nome da camada de texto ou no pequeno ícone fx na parte inferior do painel Camadas. Todos os efeitos ali continuam totalmente editáveis e acompanham a escala do texto, então um estilo criado uma vez pode ser copiado para novos títulos com um simples clique com o botão direito e Copiar Estilo de Camada.

Traçado: contornos limpos para máxima legibilidade

O efeito Traçado (Stroke) desenha um contorno sólido, em gradiente ou com padrão ao redor de cada letra. Tamanho controla a espessura, Posição define se o contorno fica Interno, Externo ou Centralizado em relação às letras, e Externo é a opção preferida da maioria dos designers quando o texto precisa continuar legível sobre uma foto carregada ou de baixo contraste, já que acrescenta largura sem encolher o próprio glifo. Um traçado branco sobre fundo escuro, ou preto sobre fundo claro, é a correção de legibilidade mais confiável em uma imagem de anúncio de marketplace, onde nem sempre é possível controlar o fundo.

Sombra Projetada: destacando o texto do fundo

O efeito Sombra Projetada (Drop Shadow) traz o texto visualmente para a frente ao simular uma fonte de luz. Distância e Ângulo definem onde a sombra cai, Tamanho controla a suavidade da borda e Opacidade determina a intensidade. Uma sombra curta e de baixa opacidade transmite uma profundidade sutil, adequada para uma etiqueta de preço, enquanto uma sombra mais longa e escura dá a um título de banner uma presença marcante, quase 3D. Combinar a Sombra Projetada com um Traçado levemente dessaturado costuma funcionar melhor do que levar qualquer um dos dois efeitos ao extremo, porque juntos eles separam o texto da foto sem parecer um adesivo colado por cima.

Sobreposição de Gradiente: transições de cor dentro das letras

A Sobreposição de Gradiente (Gradient Overlay) substitui a cor de preenchimento chapada por uma transição suave entre duas ou mais cores, ajustada no editor de gradiente integrado. Um gradiente do dourado ao bronze em uma fonte serifada transmite acabamento premium para um anúncio de joias ou artigos de couro, enquanto um gradiente frio do azul ao verde-azulado combina com um selo de promoção de acessórios de tecnologia. O modo de mesclagem e o ângulo no painel da Sobreposição de Gradiente mudam se a transição corre na horizontal, na diagonal ou de forma radial pela palavra.

Chanfro e Entalhe: texto dimensional, em relevo e com aspecto 3D

Chanfro e Entalhe (Bevel & Emboss) é o efeito que transforma texto chapado em algo que parece esculpido, prensado ou extrudado. O menu Estilo oferece Chanfro Externo, Chanfro Interno, Entalhe, Entalhe Almofadado e Entalhe do Traçado, e cada um sombreia as bordas das letras de um jeito diferente para simular uma luz batendo em uma superfície tridimensional. Profundidade e Tamanho controlam o quanto o falso relevo fica pronunciado, enquanto a seção Sombreamento permite definir o Ângulo e a Altitude da luz simulada, além de cores e modos de mesclagem separados para Realce e Sombra. Combinado com uma Sobreposição de Gradiente sutil e uma Sombra Projetada escura, o Chanfro e Entalhe é a forma como designers simulam um visual metálico, gravado ou em relevo sem sair da caixa de diálogo 2D de Estilo de Camada, o que é muito mais rápido do que modelar texto 3D de verdade para uma arte de produto simples.

Modos de mesclagem e combinação de efeitos

Cada item do estilo de camada, e a própria camada de texto, tem sua própria configuração de modo de mesclagem (blend mode). Multiplicação escurece o texto sobre o que estiver por baixo, útil para uma marca d'água que deve parecer uma mancha leve e não um bloco opaco. Tela e Sobrepor deixam um gradiente ou textura brilhar através das letras, ideal para um selo de promoção vibrante e cheio de energia. Como o Photoshop permite que cada efeito dentro da pilha fx tenha seu próprio modo de mesclagem, independente do modo geral da camada, uma única camada de texto pode combinar uma sombra em Multiplicação, um traçado em Normal e um gradiente em Tela ao mesmo tempo, e é assim que muitos dos efeitos de texto neon ou metálicos mais chamativos que você vê por aí são construídos por dentro.

Salvar, reutilizar e converter estilos

Quando uma combinação de Traçado, Sombra Projetada, Sobreposição de Gradiente e Chanfro e Entalhe ficar do jeito certo, salve-a como predefinição no painel Estilos para aplicá-la a qualquer título futuro com um clique, o que mantém visualmente coerente todo um catálogo de artes de produto. Quando o design precisar sair do Photoshop como gráfico escalável, clique com o botão direito na camada de texto e escolha Converter em Forma (Convert to Shape) para transformá-la em um demarcador vetorial editável que preserva todos os estilos de camada aplicados. Só rasterize uma camada de texto, transformando-a em pixels comuns com Rasterizar Tipo (Rasterize Type), no finalzinho do projeto, porque letras rasterizadas não permitem mais alterar fonte, tamanho ou texto.

Sombra Interna, Brilho e Acetinado: profundidade extra sem exagero

Além dos quatro efeitos principais, mais três itens da caixa de diálogo Estilo de Camada completam os tratamentos de texto mais populares. Sombra Interna (Inner Shadow) escurece a borda interna de cada letra para que o texto chapado pareça pressionado contra uma superfície, a ilusão oposta à da Sombra Projetada. Brilho Externo (Outer Glow) e Brilho Interno (Inner Glow) espalham um halo suave de cor para fora ou para dentro das letras; com modo de mesclagem Tela, uma cor saturada e um Tamanho amplo, o Brilho Externo é o ingrediente central de um efeito de letreiro neon convincente, principalmente sobre um fundo escuro e combinado com uma segunda cópia do mesmo brilho, maior e com menos opacidade, para espalhar ainda mais. Acetinado (Satin) adiciona uma ondulação interna de sombreamento que imita a luz refletindo em uma superfície metálica curva, um toque pequeno, mas eficaz, para letras douradas ou cromadas quando combinado com uma Sobreposição de Gradiente em tons quentes. Sobreposição de Padrão (Pattern Overlay) e Sobreposição de Cor (Color Overlay) completam as opções de preenchimento, permitindo que uma textura ou uma cor chapada da marca substitua o preenchimento original do texto sem mexer nas palavras. O segredo de qualquer pilha de estilos de camada é a moderação: três ou quatro efeitos bem ajustados quase sempre rendem mais do que todos os efeitos disponíveis ligados ao mesmo tempo, já que uma camada de texto sobrecarregada começa a brigar consigo mesma pela atenção de quem olha, em vez de ser lida como um efeito único e limpo.

Linhas de texto retas e planas atendem à maior parte das necessidades do dia a dia, mas logotipos, selos e títulos decorativos muitas vezes pedem letras que se dobram, fazem curvas ou seguem uma forma totalmente personalizada.

Deformar Texto: distorção rápida e não destrutiva

Com uma camada de texto selecionada, o ícone Deformar Texto (Warp Text) na barra de opções, ou Texto > Deformar Texto no menu, abre uma caixa de diálogo com formas predefinidas como Arco, Arqueado, Protuberância, Bandeira, Onda e Peixe. Cada predefinição vem com os controles Curvar, Distorção Horizontal e Distorção Vertical, que ajustam com precisão a força com que a forma empurra as letras. O Deformar Texto continua totalmente editável, ou seja, você ainda pode mudar o texto ou a fonte depois e a distorção é recalculada automaticamente, o que faz dele a opção mais rápida para um selo que precisa de uma curva suave, um efeito de faixa de banner ou um título ondulado e divertido em um anúncio de produto infantil.

Texto em demarcador: controle preciso com a Ferramenta Caneta

Para qualquer coisa mais específica do que um arco predefinido, como um texto que precisa acompanhar exatamente a borda de um rótulo circular ou contornar um logotipo de forma irregular, a solução é o texto em demarcador (Type on a Path). Primeiro desenhe um demarcador com a Ferramenta Caneta (Pen Tool), ou com uma ferramenta de forma como a Ferramenta Elipse (Ellipse Tool) no modo Demarcador na barra de opções, segurando Shift para obter um círculo perfeito. Depois mude para a Ferramenta Texto e posicione o cursor diretamente sobre o demarcador; o ícone do cursor muda para uma pequena linha ondulada, sinalizando que o clique vai iniciar um texto que corre ao longo daquele demarcador, e não em linha reta. Digite o texto e ele se acomoda automaticamente ao longo da curva. Se as letras ficarem do lado de dentro do demarcador em vez do lado de fora, mude para a Ferramenta Seleção de Demarcador (Path Selection Tool) (A), pegue o pequeno marcador no início do texto e arraste através do demarcador segurando Ctrl (Cmd no Mac) para passá-lo para o outro lado. O campo Deslocamento da Linha de Base (Baseline Shift) no painel Caractere move o texto para cima ou para baixo em relação ao próprio demarcador, o que ajuda a centralizar o texto com capricho ao redor de um selo circular. Depois que o layout estiver definido, o demarcador pode ser excluído no painel Demarcadores sem afetar o texto que foi colocado sobre ele.

Texto dentro de uma forma: letras preenchidas com imagem e mascaradas

Um efeito parecido, mas diferente, é preencher o interior de letras grandes e grossas com uma fotografia em vez de uma cor chapada, algo muito comum em artes de viagem e estilo de vida. Digite a palavra em uma fonte pesada e larga, como uma sem serifa em negrito, coloque uma camada de imagem logo acima da camada de texto no painel Camadas e, em seguida, clique com o botão direito nessa camada de imagem e escolha Criar Máscara de Corte (Create Clipping Mask) (Alt+Ctrl+G, ou Option+Cmd+G no Mac). Agora a foto aparece apenas através do formato das letras. A Transformação Livre (Ctrl+T / Cmd+T) reposiciona e redimensiona a imagem dentro das letras recortadas até que a parte mais interessante da foto fique na área visível, e um estilo de camada de Traçado ou Sombra Projetada na camada de texto abaixo adiciona uma borda limpa ao redor da foto mascarada.

Texto em perspectiva e simulação de profundidade 3D extrudada

Um texto que precisa ficar convincente sobre uma superfície inclinada, como a lateral de um mockup de caixa ou uma placa em uma cena de ambiente, depende de Editar > Transformar > Perspectiva ou da opção Distorcer no mesmo submenu, ambas aplicadas depois de converter a camada de texto em Objeto Inteligente (Smart Object), para que a distorção continue não destrutiva e possa ser reeditada depois. Arrastar uma alça de canto em Perspectiva inclina o texto de forma uniforme para acompanhar um ponto de fuga, enquanto Distorcer permite mover cada canto de forma independente para uma superfície irregular. Para um visual robusto e extrudado sem abrir um aplicativo 3D dedicado, duplique a camada de texto várias vezes, desloque cada cópia um único pixel para baixo e para o lado com as setas do teclado e preencha as cópias de baixo com um tom mais escuro da cor base; empilhadas, as cópias deslocadas parecem a lateral visível de uma letra grossa e tridimensional, uma técnica usada há muito tempo, antes de existirem as ferramentas 3D nativas do Photoshop, e ainda mais rápida para um selo ou logotipo simples.

Montando uma composição completa: hierarquia, contraste e grade

Uma única palavra estilizada raramente aparece sozinha em uma arte real; a maioria das imagens de produto e de marketing precisa de um título, uma linha de apoio e, às vezes, um preço ou uma chamada para ação funcionando em conjunto. Alguns hábitos mantêm uma composição com vários textos legível em vez de poluída:

• Estabeleça uma hierarquia de tamanhos. Um título dominante, um subtítulo claramente menor e as letras miúdas visivelmente menores ainda, para que o olhar saiba onde pousar primeiro.
• Limite o número de famílias tipográficas. Duas famílias de fontes, uma para títulos e outra para o texto corrido, quase sempre parecem mais profissionais do que quatro fontes disputando espaço na mesma arte.
• Use Objetos Inteligentes para elementos reutilizáveis. Converter um logotipo, um modelo de selo ou um ícone repetido em Objeto Inteligente mantém a nitidez ao redimensionar e permite que uma única edição atualize todas as ocorrências em um lote de imagens de anúncio.
• Alinhe tudo a uma grade. As guias do Photoshop (Visualizar > Nova Guia) e as opções de Alinhar na barra de opções da Ferramenta Mover mantêm vários blocos de texto alinhados, o que transmite design intencional em vez de palavras espalhadas ao acaso.
• Deixe respiro. Margens ao redor do texto, especialmente perto das bordas de uma tela de pintura que será recortada para diferentes tamanhos de miniatura dos marketplaces, evitam que um texto importante seja cortado.

Trabalhando assim, o designer passa de uma única palavra digitada para uma composição finalizada e em camadas usando exatamente as mesmas ferramentas essenciais vistas acima: a Ferramenta Texto para o conteúdo, os painéis Caractere e Parágrafo para o espaçamento, o Estilo de Camada para o acabamento e o Deformar Texto ou o texto em demarcador quando o layout pede algo diferente de uma linha reta.