Como usar fontes com traços

Você já notou aquela curva sinuosa no final de um personagem? Isso é chamado de swash. Neste tutorial de dicas rápidas, daremos uma olhada no que é um swash e como usar fontes com swash.

Aprenda como adicionar traços às fontes em nosso canal Envato Tuts+ no YouTube:


O que você aprenderá neste tutorial de fonte Swash

  • Definição de lavagem
  • As diferentes categorias de fonte swash
  • Como adicionar traços às fontes
  • Usos e dicas da fonte Swash
  • As melhores fontes de script com traços

O que é um swash?

Para aprender a definição de swash, precisamos voltar ao século XVI. Swashes apareceu pela primeira vez na primeira edição de O príncipe em Roma em 1532. Apresenta uma ligadura z-itálico que mais tarde foi estendida para um alfabeto completo. Ludovico degli Arrighi, escriba, designer de tipos e impressor, estendeu os caracteres de metal para letras maiúsculas.


Os swashes foram inspirados na caligrafia e usados ​​como elementos decorativos. Eles também são conhecidos como floreios ou traços estendidos, geralmente no início ou no final de um caractere (swashes iniciais e finais). Você verá essas extensões normalmente em fontes serif ou script.

A tecnologia OpenType permite que os designers de tipos incluam mais caracteres em um conjunto. Portanto, cada vez mais fontes são projetadas com vários caracteres swash.

ga-analytics#sendElementsClickEvent”>WashingtonWashingtonWashington
ga-analytics#sendElementsClickEvent”>Fonte Swashington da Envato Elements

Como fazer traços em fontes

Os traços nas fontes podem variar de mínimos, como um simples toque, a incrivelmente dramáticos. Swashes são ótimos para transformar um elemento de tipo específico no ponto focal do seu design.

  • Swash capitais são usados ​​no início de uma frase para criar uma bela capitulação.
  • Swashes iniciais e finais são letras maiúsculas ou minúsculas com traços que se estendem horizontalmente.
  • Traços estilísticos geralmente são adicionados a ascendentes e descendentes.
Categorias de fontes SwashCategorias de fontes SwashCategorias de fontes Swash

Se você está se perguntando como fazer traços em fontes, você pode encontrá-los como um recurso OpenType. Acesse-os através do painel Glifos em qualquer um dos programas da Adobe. No Adobe Photoshop, vá para Janela> Glifos. No Adobe Illustrator, vá para Janela > Tipo > Painel Glifos. Ou em InDesign, vá para Janela > Tipo e Tabelas > Glifos.

Como fazer traços em fontes no painel de glifosComo fazer traços em fontes no painel de glifosComo fazer traços em fontes no painel de glifos

Fontes Swash: usos e dicas

A tipografia Swash é ótima para transformar um elemento de tipo específico no ponto focal do seu design. Use traços em logotipos, convites de casamento e embalagens para criar um efeito tipográfico especial.

Aqui estão algumas coisas a serem consideradas ao usar traços em fontes:

  • Tente evitar traços no meio das palavras, pois alguns podem não fluir tão bem quanto deveriam.
  • Use swashes com moderação – eles devem tornar seu conteúdo especial.
  • Evite usar todas as letras maiúsculas e caracteres ao mesmo tempo – normalmente fica ilegível.
Coisas a evitar ao usar swashesCoisas a evitar ao usar swashesCoisas a evitar ao usar swashes

5 exemplos premium de tipografia Swash da Envato Elements

1. ga-analytics#sendElementsClickEvent”>Fonte Bordemile Luxury Swash (WOFF)

ga-analytics#sendElementsClickEvent”>Fonte Bordemile Luxury SwashFonte Bordemile Luxury SwashFonte Bordemile Luxury Swash
ga-analytics#sendElementsClickEvent”>Fonte Bordemile Luxury Swash

Bordemile é uma fonte bonita e elegante, perfeitamente adequada para convites de casamento e designs de bom gosto. Alguns dos personagens têm até nove alternativos, então há muitas opções para personalizar seu design! Os traços desta fonte são ondulados, mas elegantes.

2. ga-analytics#sendElementsClickEvent”>Tipografia Swash Moderna Metinoline (OTF, TTF, WOFF)

ga-analytics#sendElementsClickEvent”>Metinoline - Tipografia SwashMetinoline - Tipografia SwashMetinoline - Tipografia Swash
ga-analytics#sendElementsClickEvent”>Metinoline – Tipografia Swash

Esta fonte moderna é inspirada na caligrafia com pincel caligráfico. O conjunto inclui muitos caracteres alternativos, como traços de fonte e ligaduras. A fonte também oferece suporte a muitos idiomas ocidentais.

3. ga-analytics#sendElementsClickEvent”>Fonte Marchell Vintage Swash (OTF, TTF)

ga-analytics#sendElementsClickEvent”>Marchell - Fonte Vintage SwashMarchell - Fonte Vintage SwashMarchell - Fonte Vintage Swash
ga-analytics#sendElementsClickEvent”>Marchell – Fonte Vintage Swash

A inspiração para esta fonte swash é a escrita caligráfica em placa de cobre. A fonte tem um toque vintage e retrô, com um toque de elegância. O conjunto inclui muitos personagens alternativos e tem suporte multilíngue. Marchell é perfeito para uso em display para tornar seu texto ainda mais especial.

4. ga-analytics#sendElementsClickEvent”>Fonte Bigshine Elegant Swash (OTF, TTF)

ga-analytics#sendElementsClickEvent”>Bigshine - fonte Swash eleganteBigshine - fonte Swash eleganteBigshine - fonte Swash elegante
ga-analytics#sendElementsClickEvent”>Bigshine – Fonte elegante Swash

Se você está procurando um toque moderno na caligrafia, Bigshine é uma ótima opção. A fonte combina cobre e caligrafia contemporânea. O pacote inclui 132 personagens alternativos que permitem experimentar a aparência do seu design. Os traços das fontes tendem a ter uma linha muito fina no final, mas o Bigshine apresenta um pequeno elemento circular que adiciona textura ao seu design.

5. ga-analytics#sendElementsClickEvent”>The Clastic: fonte dinâmica com traços (WOFF)

ga-analytics#sendElementsClickEvent”>The Clastic - Fonte dinâmica com traçosThe Clastic - Fonte dinâmica com traçosThe Clastic - Fonte dinâmica com traços
ga-analytics#sendElementsClickEvent”>The Clastic – Fonte Dinâmica com Swashes

A família de fontes Clastic é uma dupla de fontes: uma fonte swash e uma sans serif. A fonte swash também pode ser combinada com estilos de camada para adicionar uma sombra interna ou projetada. Cada letra tem de 5 a 12 alternativas, com traços iniciais e terminais, para que seus designs pareçam o mais naturais possível.

Agora é sua vez de criar tipografia Swash!

Neste artigo, você aprendeu a definição de swash. Também mostrei como usar fontes swash e apresentei algumas fontes de script incríveis com swash que podem ajudar em seu próximo projeto. As fontes Swash não são novidade – elas existem desde o século 16! Ter traços diferentes para caracteres específicos é útil para tornar seu texto especial e diferente do normal.

Procurando por fontes incríveis ga-analytics#sendElementsClickEvent”>swash? Não deixe de conferir ga-analytics#sendElementsClickEvent”>Envato Elements — ele é atualizado todos os dias.

Se você gostou deste artigo, você pode gostar de:

Deixe uma resposta