Transforme qualquer fonte em um esboço no Illustrator

Há algumas fontes populares de esboço disponíveis que são excelentes para desenhos a mão e ilustrações. Meu problema é que eu quero ser capaz de usar este estilo esboçado em qualquer fonte. É realmente muito fácil de fazer isso no Illustrator. Além disso, você pode criar um estilo gráfico e aplicar o estilo a outras fontes editáveis!

Notas

Este tutorial foi criado com Adobe Illustrator CS4, mas você deve ser capaz de criar o tutorial em outras versões do Illustrator CS.

Imagem Final

Abaixo está um exemplo do texto esboçado que estaremos criando.

Transforme qualquer fonte em um esboço no Illustrator

Passo 1

Crie um novo documento e com a ferramenta de texto (T), digite algum texto com a fonte de sua escolha. Eu estou usando Glypha Black como minha fonte.

Crie um novo documento e com a ferramenta de texto (T), digite algum texto com a fonte de sua escolha. Eu estou usando Glypha Black como minha fonte.

Passo 2

Com o texto selecionado, tire qualquer traçado e preenchimento. Estaremos adicionando um contorno em separado e preenchimento do outro no painel Appearance nos próximos passos.

Com o texto selecionado, tire qualquer traçado e preenchimento. Estaremos adicionando um contorno em separado e preenchimento do outro no painel Appearance nos próximos passos.

Passo 3

Com o texto sem preenchimento e sem contorno selecionado, abra o menu fly-out no painel Appearance e escolha Add new fill. Mantenha a cor preta padrão do preenchimento.

Com o texto sem preenchimento e sem contorno selecionado, abra o menu fly-out no painel Appearance e escolha Add new fill. Mantenha a cor preta padrão do preenchimento.

Passo 4

Selecione o novo preenchimento no painel Aparência e acesse Effect > Stylize > Scribble com as opções da caixa de diálogo, mude o ângulo para 45, o Path Overlap a 0 px, a Variation para 2 px. Em Line options defina a largura do traço (Stroke width) para 1 px, o Curviness para 0, a Variation para 50, Spacing para 2 px, e Variation de 1,5 px.

Selecione o novo preenchimento no painel Aparência e acesse Effect > Stylize > Scribble com as opções da caixa de diálogo, mude o ângulo para 45, o Path Overlap a 0 px, a Variation para 2 px. Em Line options defina a largura do traço (Stroke width) para 1 px, o Curviness para 0, a Variation para 50, Spacing para 2 px, e Variation de 1,5 px.

Passo 5

Selecione a opção do traçado no painel Aparência e defina 2pt para o texto.

Selecione a opção do traçado no painel Aparência e defina 2pt para o texto.

Passo 6

Com o contorno ainda selecionado no painel Aparência, acesse Effect> Distort & Transform> Roughen. Na caixa de diálogo, altere o tamanho para 0,5, habilite a opção Relative, mude o Detail para 30, e habilite a opção Smooth no painel Points. Isto vai dar uma aparência mais natural ao contorno.

Com o contorno ainda selecionado no painel Aparência, acesse Effect> Distort & Transform> Roughen. Na caixa de diálogo, altere o tamanho para 0,5, habilite a opção Relative, mude o Detail para 30, e habilite a opção Smooth no painel Points. Isto vai dar uma aparência mais natural ao contorno.

Passo 7

Agora, temos uma fonte personalizada esboçada. Além disso, você pode facilmente editar a fonte! Para tornar esta técnica ainda mais útil, vamos criar um estilo gráfico para que possamos aplicar rapidamente estes efeitos a outras fontes e textos. Primeiro, selecione o texto dê uma olhada no painel Aparência. Você pode ver todos os efeitos em seu texto. Agora, basta pressionar o botão New graphic style ou no menu fly-out do painel Graphic Styles, dê um nome e pronto!

Agora, temos uma fonte personalizada esboçada. Além disso, você pode facilmente editar a fonte! Para tornar esta técnica ainda mais útil, vamos criar um estilo gráfico para que possamos aplicar rapidamente estes efeitos a outras fontes e textos. Primeiro, selecione o texto dê uma olhada no painel Aparência. Você pode ver todos os efeitos em seu texto. Agora, basta pressionar o botão New graphic style ou no menu fly-out do painel Graphic Styles, dê um nome e pronto!

Passo 8

Agora digite mais algum texto e altere a fonte. Com o texto selecionado, clique na miniatura de seu novo estilo de gráfico esboçado e veja todos os resultados maravilhosos esboçados!

Agora digite mais algum texto e altere a fonte. Com o texto selecionado, clique na miniatura de seu novo estilo de gráfico esboçado e veja todos os resultados maravilhosos esboçados!

Experiência

Você pode aplicar o estilo gráfico esboçado a outros objetos diferentes de texto. Sugiro também brincar com a Sccrible e irritar definições de efeito. Postar links para imagens nos comentários com seus resultados!

Site original: Vectortips

Eu já fiz o meu, vejam!

Eu já fiz o meu, vejam!

Comente! Sugestões, dúvidas e opiniões são ótimos para melhorar o conteúdo do Clube.

Aproveite para seguir o Clube no twitter, facebook, youtube ou google+, assim você fica por dentro das novidades, e acompanha os melhores links do blog. Você também pode assinar nosso feed de notícias e receber todas as atualizações de maneira exclusiva.

Compartilhe este artigo:

Este post tem 2 comentários

  1. Olá Luite, belo tutorial, agora já posso começar a aprender mais sobre o Illustrator e colocar em prática, apesar que meu forte é CorelDRAW temos que saber um pouco de tudo não é verdade. Parabéns mais uma vez, precisando conte comigo, Abraço Relbert.

Deixe uma resposta

Mais artigos pra você ler:
Windows fechando aplicativos imediatamente depois de abertos

Windows fechando aplicativos imediatamente depois de abertos

Um problema que enfrentei e que me tirou do sério nos últimos dias foi este: eu abria o Affinity Photo…
Affinity Photo #1 - O que é o Affinity Photo

Affinity Photo #1 - O que é o Affinity Photo

O Affinity Photo traz um novo começo para a edição de imagens para fotógrafos profissionais, retocadores e artistas conceituais. Com…
Illustrator básico para vetorização #01

Illustrator básico para vetorização #01

Quando lancei no ano passado o curso de Lettering completo na Suíte Criativa, deixamos bem claro que seria ensinado a…
10 dicas para criar ícones impressionantes

10 dicas para criar ícones impressionantes

Hoje, vou falar um pouco sobre o design de ícones a partir de uma perspectiva mais geral. Vou compartilhar com vocês…
Fechar Menu