Se você estiver usando o Photoshop para seus projetos de design - criando logotipos, pôsteres, infográficos ou qualquer outra coisa -, precisará conhecer a tipografia.
O Photoshop tem várias ferramentas para colocar texto na sua página e torná-la incrível. Mas por onde você começa?
Neste breve guia, mostraremos tudo o que você precisa saber sobre como trabalhar com texto no Photoshop.
Noções Básicas de Ferramentas de Tipo no Photoshop
Antes de começarmos, vamos fazer uma rápida visão geral dos princípios básicos absolutos para trabalhar com texto no Photoshop.
Você adiciona texto a um documento usando uma das ferramentas Type . Você pode selecioná-los na barra de ferramentas na borda esquerda da tela ou pressionando T no teclado.
Quando você seleciona isso, as opções Tipo aparecerão na Barra de opções na parte superior da tela. Os principais são:
- Família de fontes: selecione uma fonte daquelas instaladas em seu computador (ou do Typekit)
- Estilo da fonte: escolha um estilo para a sua fonte selecionada, como as versões Negrito ou Oblíqua
- Tamanho: defina o tamanho do ponto para o seu tipo
- Alinhar texto: defina o texto para a esquerda, para a direita ou para o centro
- Cor: escolha uma cor para o seu texto
- Cancelar ou confirmar: depois de adicionar ou editar o texto, você deve confirmar para aplicá-lo à sua tela ou cancelar para desfazer ou removê-lo
Cada item de texto sempre entra em sua própria camada. Para mover ou redimensionar o texto durante a edição, mantenha pressionada a tecla Ctrl ou Cmd e arraste-o para o lugar.
Você pode editar o texto ou alterar a fonte, o tamanho e assim por diante a qualquer momento. Para fazer isso, selecione a ferramenta ' Tipo' e use o cursor para destacar o texto, exatamente como faria em um processador de texto. Não selecione apenas a camada de texto.
Criando texto para títulos e cabeçalhos
A principal maneira de adicionar e editar texto no Photoshop Como adicionar e editar texto no Adobe Photoshop Como adicionar e editar texto no Adobe Photoshop Adicionar, modificar e editar texto no Adobe Photoshop não poderia ser mais simples. Leia mais é selecionar a ferramenta Horizontal Type (ou Vertical, se preferir), clique na tela e comece a digitar.
Essa é a melhor opção para títulos, cabeçalhos ou outras partes curtas de uma única linha de texto.
Clicar na tela cria uma área de texto que se expande enquanto você digita. Todo o texto vai em uma única linha, e nunca envolve uma nova linha. Mesmo quando você alcança a borda da tela, a linha simplesmente continua na área de trabalho.
Se você quiser adicionar quebras de linha, posicione o cursor e pressione Enter . Melhor ainda, crie camadas de texto separadas para cada linha no seu cabeçalho. Dessa forma você pode controlar e posicionar cada um individualmente.
Trabalhando com texto de parágrafo
Para cópia do corpo - partes maiores de texto, como parágrafos ou listas - crie uma caixa de texto primeiro.
Selecione a ferramenta Horizontal Type e defina suas opções básicas de formatação. Clique e arraste diagonalmente na tela para criar uma caixa de texto retangular. Agora digite ou cole sua cópia na caixa.
A caixa de texto é um tamanho fixo. Quando o texto atinge a borda direita, ele se encaixa em uma nova linha. Se o texto for muito longo, você precisará redimensionar a caixa para tornar o restante visível (ou você pode alterar o tamanho da fonte, é claro).
Pressione Ctrl + T (Windows) ou Cmd + T (Mac), segure a tecla Shift e arraste um dos guidões para aumentar a caixa.
Criando formas de caixa de texto personalizadas
Você não está limitado a trabalhar com caixas de texto retangulares. Você pode usar várias ferramentas de forma ou desenhar novas formas manualmente com a Pen Tool e, em seguida, preenchê-las com texto.
Selecione uma das ferramentas Forma ou use a ferramenta Caneta . Defina o Modo de ferramenta como Caminho no canto superior esquerdo da Barra de opções e desenhe sua forma na tela.
Agora pegue a ferramenta Horizontal Type e clique dentro do caminho que você desenhou. Isso transforma a forma em uma caixa de texto. Agora defina o alinhamento do texto para Centro e digite ou cole seu texto na caixa.
As formas personalizadas são úteis quando você precisa envolver o texto em torno de imagens ou outros objetos em seu design.
Colocando texto em uma curva no Photoshop
Você também pode definir seu texto para seguir a linha de uma curva.
Comece selecionando a ferramenta Pen . Na Barra de Opções na parte superior, defina o Modo de Ferramenta para Caminho . Agora desenhe uma curva na tela. Se você precisar de uma cartilha sobre isso, confira nosso guia sobre como usar a ferramenta Caneta do Photoshop.
Em seguida, selecione a ferramenta Horizontal Type . Passe o cursor sobre o caminho que você acabou de desenhar. Quando o cursor se transformar em uma linha ondulada, clique em. Isso ancora uma caixa de texto no caminho.
Agora digite seu texto.
Você também pode definir seu texto para seguir o contorno de uma forma. O processo é o mesmo, somente você seleciona uma das ferramentas Shape em vez da Pen. Novamente, certifique-se de definir o Modo de ferramenta para Caminho antes de desenhá-lo.
Para ajustar a posição do texto na curva, use a Ferramenta de Seleção Direta . Passe o ponteiro do mouse sobre o texto e ele se transformará em um cursor com duas setas. Clique e arraste ao longo da linha para desviar o texto ao longo da linha.
Clique e arraste a linha para definir se o texto deve ser executado dentro ou fora da forma.
Mascarando texto no Photoshop
As últimas ferramentas de texto do Photoshop são a Horizontal Type Mask Tool e a Vertical Type Mask Tool .
Essas ferramentas não colocam texto na tela. Em vez disso, eles criam formas baseadas em texto que você pode usar em seus designs. Por isso, é importante escolher a fonte correta antes de começar. Você não pode voltar e editá-lo mais tarde.
Comece abrindo uma imagem no Photoshop ou escolhendo uma camada que contenha alguma cor.
Selecione uma das ferramentas Type Mask e defina sua fonte. Agora clique na tela e comece a digitar. Quando você apertar o botão Commit, seu texto irá se transformar em uma seleção.
Aqui estão três maneiras de usá-lo:
Adicione uma textura ao seu texto. Clique no botão Adicionar máscara de camada na parte inferior do painel Camadas . Isso torna o plano de fundo transparente, deixando apenas as formas de texto que contêm a textura da imagem original.
Preencha o texto com a cor de fundo. Pressione Ctrl + Backspace ou Cmd + Backspace para recortar o texto e substituí-lo pela sua cor de fundo selecionada no momento.
Recorte o texto do fundo. Pressione Shift + Ctrl + I ou Shift + Cmd + I para inverter sua seleção. Agora pressione Ctrl + J ou Cmd + J. Esconda a camada inferior e agora você terá a imagem original com um recorte transparente na forma do seu texto.
Estilo de texto no Photoshop
Agora que você conhece as principais maneiras de colocar texto em sua página, como você o estiliza? Já analisamos as configurações básicas na Barra de opções. Há mais alguns para conhecer também.
- Direção do texto: alterna entre texto horizontal e vertical
- Anti-aliasing: defina a aparência nítida ou suave desejada para o texto
- Texto de distorção : distorce o texto com 15 estilos predefinidos
- Abrir painel de caracteres / parágrafos: Abra o painel para ajustar as configurações de caracteres
- 3D: alternar para a vista 3D do Photoshop
Como mencionado anteriormente, você precisa selecionar seu texto com o cursor antes de alterar sua formatação.
Os Painéis de Caracteres e Parágrafos
Clique no botão Character and Paragraph Panel na barra de opções . A primeira guia contém um conjunto de opções para formatar caracteres. Alguns dobram as opções que já vimos (como escolher fontes e cores), enquanto o resto permite que você faça o seu tipo.
- Menu do Painel: Isso inclui No Break, que coloca um espaço sem quebra entre duas palavras para garantir que elas permaneçam na mesma linha.
- Entrelinha: Permite ajustar a altura da linha do seu texto. Deixá-lo definido para Auto geralmente é bom o suficiente.
- Kerning: define o espaçamento entre um par de caracteres. Defina a opção para Métricas para usar o design padrão para sua fonte ou Ótico para permitir que o Photoshop defina isso automaticamente.
- Rastreamento: Controla o espaçamento entre todos os caracteres do seu texto. Escolha um acompanhamento mais rigoroso (um número negativo) para adicionar punção e urgência aos seus cabeçalhos.
- Escala Vertical e Escala Horizontal: Essas opções ampliam ou encolhem sua fonte vertical ou horizontalmente. Use-os apenas para casos específicos de design - se você precisar de um tipo mais largo ou mais alto, escolha uma fonte diferente Quer lindas fontes gratuitas? Aqui estão 25+ sites onde você vai encontrá-los quer lindos fontes grátis? Aqui estão 25+ sites onde você vai encontrá-los Em vez de percorrer centenas de fontes, aqui estão alguns sites que ajudarão você a acompanhar todas as novas fontes que você deseja usar em seu próximo projeto. Consulte Mais informação .
- Deslocamento da Linha de Base: Move os caracteres selecionados acima ou abaixo da linha de base. Mais comumente usado para escrever caracteres subscritos ou sobrescritos.
- Faux Negrito e Itálico: evite-o sempre que possível - use sempre as versões Negrito ou Oblíqua da sua fonte escolhida, se você as tiver.
- Todos os Caps e Small Caps: capitaliza automaticamente o seu texto.
- Outras opções: Várias configurações para criar caracteres sub e sobrescritos, sublinhar ou controlar certas fontes OpenType.
Clique na guia Parágrafo para ver as opções de formatação do layout de blocos maiores de texto.
Aqui, você pode recuar as margens esquerda ou direita de sua caixa de texto, bem como escolher usar ou não a hifenização.
Efeitos de texto no Photoshop
O Photoshop permite adicionar efeitos a qualquer camada e isso inclui uma camada de texto. Ele permite que você adicione uma sombra que faz com que seu texto se destaque no plano de fundo do seu design, ou talvez para adicionar um efeito brilhante.
Clique duas vezes na camada para abrir a caixa Layer Style .
Selecione Sombra e ajuste as configurações, incluindo Opacidade, Ângulo e Distância . Certifique-se de que o botão Visualizar esteja marcado, para que você tenha uma visão em tempo real do efeito. Clique em OK quando terminar.
A mesma abordagem permite adicionar um brilho externo ao texto ou aplicar uma textura à fonte.
Rotação ou inclinação de texto no Photoshop
Para girar ou inclinar o texto, selecione a camada de texto e pressione Ctrl + T ou Cmd + T para abrir a Free Transform Tool .
Passe o ponteiro do mouse sobre o canto da caixa delimitadora até que o cursor se transforme em uma seta curva. Agora clique e arraste para girar.
Para inclinar o texto, segure a tecla Shift + Ctrl ou Shift + Cmd e pegue um dos guidões na borda da caixa. Arraste para o lado e pressione Enter para confirmar.
Lembre-se de que o excesso de inclinação pode distorcer sua fonte.
Trabalhando com fontes no Photoshop
Escolhendo a fonte correta Estratégias e ferramentas de emparelhamento de fontes para combinações de fontes perfeitas Estratégias e ferramentas de emparelhamento de fontes para combinações perfeitas de fontes O emparelhamento de fontes é parte arte e parte ciência. Essas estratégias e ferramentas de emparelhamento de fontes ajudarão você a escolher o par perfeito de fontes para qualquer tarefa. Read More, ou par de fontes, é uma das partes mais essenciais do design gráfico.
Selecione fontes usando o menu suspenso Fontes na Barra de opções . Você verá uma pequena prévia para cada um.
Marque suas fontes favoritas clicando no ícone de estrela ao lado delas. Para encontrá-los novamente, clique no ícone Estrela na barra de menu.
Selecione uma fonte e escolha Fontes semelhantes para navegar por todas as fontes disponíveis com características semelhantes.
Para aumentar suas opções de fonte, clique no ícone Adicionar fontes do Typekit no menu suspenso Fontes .
Isso inicia o site Typekit da Adobe. Faça o login, se necessário, procure e selecione as fontes que deseja adicionar. Clique no botão Sincronizar tudo para disponibilizar todos os estilos dessa fonte no Photoshop. Como alternativa, sincronize apenas os estilos e pesos de que você precisa.
Fontes correspondentes de outras imagens
Muitas vezes você pode ter outra imagem que contém uma fonte que você gostaria de usar, mas não reconhece. A ferramenta Match Fonts do Photoshop pode ajudar a identificar essas fontes misteriosas ou, pelo menos, oferecer algumas alternativas semelhantes.
Abra a imagem e vá para Type> Match Font . A ferramenta coloca uma sobreposição na sua tela. Ajuste as marcas de corte para destacar a fonte que você deseja combinar.
Algumas sugestões serão feitas depois de alguns segundos. Escolha um e clique em OK .
Ajustando uma Fonte
Quando você está criando um logotipo Como projetar um logotipo simples no Photoshop Como projetar um logotipo simples no Photoshop O Photoshop pode fazer muito mais do que apenas editar fotos - é mais do que um trabalho de design simples. Aqui nós mostramos como fazer um logotipo geométrico simples. Leia mais, um truque rápido que você pode fazer para dar um giro único é ajustar a fonte que está usando. Você pode fazer isso facilmente no Photoshop.
Selecione o texto e vá para Type> Convert to Shape . Isso torna o texto não mais editável.
Pegue a Ferramenta de Seleção de Caminho ( A ) para selecionar caracteres individuais. Agora você pode alterar a cor, mover ou girá-las independentemente do restante do texto.
Use a Ferramenta de Seleção Direta para mostrar o caminho de cada personagem. Arraste os pontos de ancoragem para ajustar a aparência da fonte e você pode até mesmo usar a ferramenta Caneta para adicionar novas curvas às suas letras.
Qual é o próximo? Mais dicas sobre o Photoshop
O tipo é uma parte integrante do design gráfico, e o Photoshop oferece algumas ferramentas bastante poderosas para controlar a aparência do texto na sua página.
O próximo passo é aprender como incorporá-lo ao resto de seus projetos. Confira nosso guia para trabalhar com gráficos vetoriais no Photoshop Criando e Trabalhando com Gráficos Vetoriais no Photoshop Criando e Trabalhando com Gráficos Vetoriais no Photoshop O Photoshop é uma alternativa surpreendentemente capaz ao Illustrator para gráficos vetoriais. Aqui está um tutorial introdutório sobre como criar gráficos vetoriais no Photoshop. Leia mais e você estará bem definido para começar a criar ícones, logotipos, cartazes e muito mais.