Efeitos de lettering: Contorno, Interior, Recorte, Extrusão e mais

O Gradiently tem oito efeitos de lettering: Contorno, Interior, Recorte, Extrusão, Duplo, Rasto, Riso e Halo. Cada um transforma uma linha de texto em lettering desenhado nas cores do teu Mark: linhas de nível a envolver as palavras, uma linha esculpida dentro de cada letra, palavras recortadas numa placa, letras tridimensionais profundas e mais. São para palavras de exibição, um título ou um nome, e funcionam melhor um de cada vez, na linha que mais queres que vejam.

Os oito tratamentos de lettering de relance

Contorno, Recorte e Extrusão: lettering com o seu próprio contraste

Estes três incorporam nas letras um contorno forte, e é por isso que aguentam em Marks cheios de vida. O Contorno envolve as palavras com linhas como num mapa em relevo, para o lettering parecer erguer-se do fundo. O Recorte compõe as palavras como formas recortadas numa placa sólida, o que se lê como seguro e gráfico. O Extrusão dá profundidade a cada letra, desenhada nas cores do Mark, o visual clássico para um título de lançamento ou uma miniatura.

Se queres saber como funciona em geral a letra extrudida e com contorno, os efeitos de texto 3D e o texto com contorno explicam o ofício por trás deles.

Interior, Duplo e Riso: a família da impressão e do editorial

O Interior esculpe uma única linha dentro de cada letra, e como a linha mostra o próprio Mark, o fundo passa a ser a segunda cor do lettering. Serve melhor tipos de letra pesados e largos, onde há espaço dentro do traço. O Duplo desenha letras abertas duas vezes, ligeiramente deslocadas, para um eco que lembra a moda ou a impressão musical. O Riso imita uma risografia: duas tintas que não coincidem bem e um pontilhado granuloso, perfeito para tudo o que deva parecer impresso à mão.

Rasto e Halo: movimento e ambiente

O Rasto repete o contorno de uma palavra atrás dela, como letras que deixam um rasto. Podes definir a cor do rasto, e lê-se como velocidade: bom para desporto, contagens decrescentes e tudo o que deva parecer em movimento mesmo numa imagem parada. O Halo rodeia as letras com uma luz suave na cor do Mark. É puramente decorativo, um ambiente e não uma ferramenta, e nunca um modo de salvar texto difícil de ler. Se uma linha custa a ler, sobe o nível de reação do Mark ou deixa a tinta automática escolher a outra tinta.

Escolher um efeito de lettering para o trabalho

Como juntar um efeito de lettering no Studio

1. 1

   Seleciona o texto

   Escolhe o título ou a palavra que queres tratar. Mantém tudo o resto como letra simples.

2. 2

   Escolhe um tratamento

   Escolhe um dos oito tratamentos de lettering. É desenhado de imediato nas cores do Mark do design.

3. 3

   Ajusta a letra

   Usa um peso maior ou mais largo se o efeito parecer apertado, e junta um pouco de espaçamento entre letras no Duplo e no Rasto.

4. 4

   Experimenta outro Mark

   Troca o Mark e vê o lettering recolorir-se com ele. É a forma mais rápida de avaliar um tratamento.

5. 5

   Verifica todos os tamanhos

   Redimensiona para um story ou uma miniatura e confirma que a palavra tratada continua a ler-se a essa escala.

Efeitos de lettering em CSS, para a web

Se precisares de um visual semelhante num site, dois destes traduzem-se bem para CSS: um contorno ao espírito do Duplo e uma extrusão por degraus. Ambos usam texto real, por isso continuam selecionáveis e acessíveis.

/* Open outline letters, in the spirit of Double */
.outline {
  color: transparent;
  -webkit-text-stroke: 2px #f4b26a;
  text-shadow: 6px 6px 0 #7a2e5c;
}

/* A stepped extrusion in two tones */
.extrude {
  color: #fbe7d4;
  text-shadow:
    1px 1px 0 #c2577a,
    2px 2px 0 #c2577a,
    3px 3px 0 #a3456a,
    4px 4px 0 #a3456a,
    5px 5px 0 #7a2e5c,
    6px 6px 0 #7a2e5c;
}

Para a família mais ampla de efeitos, incluindo os que não se traduzem bem para a web, vê os efeitos de texto. E se estás a decidir se precisas mesmo de lettering, lettering vs tipografia é uma boa leitura.