Como ajustar o kerning no Photoshop

Ao finalizar um projeto de design, ajustar um logotipo, criar títulos ou editar composições tipográficas, o kerning é uma parte do processo de design que os designers levam em consideração. Hoje vamos explorar o significado do termo “kerning”, descobrir como ajustar o kerning melhora o design e aprender como ajustar o kerning no Photoshop.

kerning no adobe photoshop mriya groteskkerning no adobe photoshop mriya groteskkerning no adobe photoshop mriya grotesk
Tipo de letra Mriya Grotesk Sans-Serif disponível na Envato Elements

O que você aprenderá neste tutorial de kerning do Photoshop

  • Qual é o significado de kerning na tipografia?
  • Quais são os tipos de kerning?
  • Por que você precisa ajustar o kerning?
  • Como ajustar o kerning da fonte no Photoshop

1. O que é Kerning?

Antes de entrarmos no que é kerning no Photoshop, vamos primeiro definir o termo. O que é kerning? Kerning define tanto o termo tipográfico quanto um processo de design.

Na tipografia, kerning é o nome dado ao espaçamento entre caracteres individuais e formas de letraspara obter resultados agradáveis ​​aos olhos e melhor legibilidade.

Kerning também é o processo de design de ajustando manualmente esse espaço entre os caracteres para tornar o texto uniforme, legível e visualmente melhor.

O kerning ajuda a melhorar a aparência e o design do seu texto, que pode parecer estranho se não for ajustado. Se você espaçasse igualmente as letras de uma palavra, ficaria chocado com o fato de seu texto não parecer realmente espaçado. Um exemplo é mostrado abaixo.

Por exemplo, se as letras ‘c’ e ‘l’ estiverem muito próximas uma da outra, à distância elas podem ser lidas erroneamente como a letra ‘d’. Como as letras não são estruturadas e projetadas com curvas e formas iguais, às vezes você precisará ajustar manualmente a distância entre duas letras específicas para tornar o texto legível e corresponder ao restante das letras no design. Alguns pares de letras desafiadores para kern incluem ll, rn, wa, ya, yo, tr, ol, li e cl.

Texto com e sem efeito de kerning Texto com e sem efeito de kerning Texto com e sem efeito de kerning
Representação do efeito Kerning
Fonte Mriya Grotesk e fonte Mauren Com e sem KerningFonte Mriya Grotesk e fonte Mauren Com e sem KerningFonte Mriya Grotesk e fonte Mauren Com e sem Kerning
Fontes Mriya Grotesk e Mauren disponíveis no Envato Elements

2. Por que você precisa ajustar o kerning?

Kerning trata de criar a percepção de um espaço igual entre as letras, de acordo com o olho humano. É aplicado principalmente ao projetar logotipos, ajustar títulos e criar composições tipográficas. Embora você possa contar com um software moderno para criar kerning de fontes, e alguns tipos de letra tenham seus próprios pares de glifos integrados, seu papel como designer é ter mais controle sobre o assunto e um olho afiado para tipos uniformemente espaçados. Kerning é praticamente um ajuste óptico e um exercício visual de manipulação do espaço entre dois glifos específicos para criar a ilusão de um espaço bem equilibrado.

Kerning importa. É uma ferramenta muito poderosa que faz uma enorme diferença na melhoria de seus projetos. O simples passo de separar ou minimizar o espaço entre as letras pode transformar algo comum em algo único, causando impacto à primeira vista. Muitas marcas usam tipografia para seus logotipos, mas em vez de usar a fonte como ela é, alteram seu kerning para transformá-la em algo único. Abaixo estão alguns exemplos brilhantes de como o kerning cria um impacto no design.

Ter um bom kerning ajuda a tornar os logotipos e o texto legíveis e adaptáveis ​​em diferentes tamanhos de tela, como tablets, smartphones e laptops. A legibilidade é vital para tornar o texto claro e conveniente. Se as palavras estiverem muito unidas, elas podem parecer confusas, e se os caracteres estiverem muito distantes, as palavras podem ser mais lentas para ler. Ajustar o kerning ajuda o leitor a se concentrar no texto e torna a leitura mais fácil e rápida.

Amostras de kerning de logotipo de marcas: FedEx, Zara, eBay, Spotify, Balmain, Balenciaga, Versace, Netflix

3. Quais são os tipos de kerning?

Cada tipo de letra que você encontrar terá espaços diferentes entre suas letras individuais, então você terá que ajustar o kerning para cada uma de maneira diferente, especialmente quando se trata de logotipos e títulos, onde o espaçamento é mais aparente. Para ter mais controle sobre o tipo, é melhor kernar as letras você mesmo, pois você não pode confiar no software de fonte para kerná-las corretamente para você.

Programas de software gráfico como Photoshop, InDesign ou Illustrator geralmente incluem duas ferramentas de kerning automático padrão: kerning métrico e óptico.

Métrica kerning, também conhecido como Auto, é basicamente a configuração padrão na qual os pares de kerning integrados são usados. Esses pares de kerning integrados ajustaram o espaçamento sugerido pelo designer do tipo de letra.

Óptico kerning, por outro lado, substitui as tabelas de kern internas de uma fonte. O kerning óptico ajusta o kerning entre as letras com base em sua forma. É útil ao usar fontes sem pares de kern integrados ou ao ajustar diferentes tamanhos de tipo e combinar fontes diferentes.

Abaixo está um exemplo de kerning métrico vs óptico vs manual e os resultados desses três métodos de kerning sobrepostos.

tipos de estilos de kerning métrico óptico e manualtipos de estilos de kerning métrico óptico e manualtipos de estilos de kerning métrico óptico e manual
Tipos de kerning: amostra de kerning métrico, óptico e manual

4. Como ajustar o kerning no Photoshop

Passo 1

Agora que sabemos o que é kerning nos designs do Photoshop, vamos aprender mais sobre o kerning no Photoshop. Gastar algum tempo com o tipo de kerning ajudará seu design a parecer mais profissional. Vamos aprender como ajustar manualmente o kerning no Photoshop, usando o arquivo PSD Old Movie Night Flyer da Envato Elements.

Usar o Photoshop para ajustar o kerning (ou espaçamento de texto do Photoshop) é fácil. Para kernar seu tipo, você precisará abrir o Personagem painel (Janela > Personagem).

ajustando o kerning no Photoshop Old Movie Night Flyer PSD de Elementsajustando o kerning no Photoshop Old Movie Night Flyer PSD de Elementsajustando o kerning no Photoshop Old Movie Night Flyer PSD de Elements

Passo 2

Selecione os Ferramenta de tipo horizontal (T) e certifique-se de que o cursor esteja entre duas letras cujo espaçamento você deseja alterar. Neste caso, ajustaremos o espaço em branco entre as letras VI, NI e HT no título “MOVIE NIGHT”.

kerning postern de filme antigo usando o cursor da ferramenta de tipo entre letraskerning postern de filme antigo usando o cursor da ferramenta de tipo entre letraskerning postern de filme antigo usando o cursor da ferramenta de tipo entre letras

etapa 3

Dentro do Personagem painel, você verá um V/A ícone de kerning. Você pode alterar os valores numéricos na ferramenta de kerning escolhendo um valor no menu suspenso ou digitando o valor.

ajuste o kerning do ícone da ferramenta de kerning V/A no painel de caracteresajuste o kerning do ícone da ferramenta de kerning V/A no painel de caracteresajuste o kerning do ícone da ferramenta de kerning V/A no painel de caracteres

Passo 4

Você pode experimentar aumentando e diminuindo o espaço entre um par de letras. Um atalho de teclado útil é clicar entre as duas letras e manter pressionado o botão Opção/Alt chave, em seguida, use o tecla de seta para a direita (aumentar) ou tecla de seta para a esquerda (para reduzir) para ajustar o kerning.

No espaçamento de texto do Photoshop, um valor positivo significa que você está adicionando espaço em branco entre as letras e um valor negativo significa que você está diminuindo o espaço entre as letras.

O kerning manual ajuda a obter controle e legibilidade. Portanto, reserve um tempo para praticar o kerning em seus logotipos, banners, títulos e sinais.

photoshop ajustar kerning flyer poster deisng

Quer ganhar mais habilidades de tipografia?

Espero que você tenha gostado deste tutorial de dicas rápidas sobre o que é kerning no Photoshop e como ajustar o kerning no Photoshop. Se você estiver procurando por mais recursos do Photoshop, confira estes artigos:

Deixe um comentário

O seu endereço de e-mail não será publicado.