Modo Escuro Modo Claro

Como criar um efeito de grama para textos no Illustrator

Quer aprender como criar um efeito de grama no Illustrator? Confira nosso tutorial e veja o passo-a-passo!
Como criar um efeito de grama para textos no Illustrator • GramaCapa 3 Como criar um efeito de grama para textos no Illustrator • GramaCapa 3

Mais um efeito mais que especial da nossa série de tutoriais para Illustrator.

Aqui vamos ver como podemos criar um efeito que simula grama para nossos textos ou qualquer tipo de formas. Use esse conceito como referência para outros efeitos e se surpreenda com o que poderá fazer!

Confira o passo a passo abaixo.

Mãos ao Illustrator

Crie um arquivo no tamanho que desejar. Usei 1920×1080 e as medidas das imagens seguintes foram pensadas para esse tamanho.

Como criar um efeito de grama para textos no Illustrator • grama1

Escreva uma palavra para o teste. Aqui também optei por uma fonte meio “gordinha”, como a Berlin Sans, para que o efeito ficasse mais orgânico.

Se quiser exemplos de fontes desse tipo, confira algumas opções para download.

Como criar um efeito de grama para textos no Illustrator • grama2

Converta o texto em curvas clicando com o botão direito do mouse nele.

Como criar um efeito de grama para textos no Illustrator • grama3

Depois, aplique o efeito Papel de Carta dentro da opção Croqui do menu Efeito.

Como criar um efeito de grama para textos no Illustrator • grama4

A ideia desse efeito é gerar bloquinhos na textura em que utilizaremos depois para “puxar” a grama para fora. Não alterei os valores do efeito, mantendo-os como na imagem.

Como criar um efeito de grama para textos no Illustrator • grama5

Para “fechar” o efeito como uma imagem, use o Expandir aparência, dentro do menu Objeto. E depois transforme-o em vetor novamente pelo Janela > Traçado da imagem

Como criar um efeito de grama para textos no Illustrator • grama6

Na opção Traçado de imagem escolhi esses valores circulados em vermelho (Modo Escala de Cinza, Cinzas em 60, Caminhos em 50%, Cantos em 20%, Ruído em 1px e opção Ignorar branco ativada) para voltar a ter a textura editável com uma certo nível de fidelidade.

Como criar um efeito de grama para textos no Illustrator • grama7

Vou expandir novamente para poder editar a textura. Essa opção você pode encontrar no painel das propriedades do lado direito.

Como criar um efeito de grama para textos no Illustrator • grama8

Usando a varinha mágica, clique em algum cantinho preto para apagar todas as bordas que não vamos usar mais.

Como criar um efeito de grama para textos no Illustrator • grama9

Depois, aplique um Gradiente no texto para que cada bloquinho da textura fique com os tons que desejar. No exemplo deixei um verde amarelado na esquerda e um verde mais escuro na direita para dar o efeito sombreado. Também deixei o ângulo do Gradiente em -70º para ficar com a parte escura mais para baixo.

Como criar um efeito de grama para textos no Illustrator • grama10

Faça uma cópia do texto para baixo usando o atalho Ctrl + C e depois Ctrl + B. Depois volte a selecionar o texto superior

Como criar um efeito de grama para textos no Illustrator • grama11

Para começar a dar a forma para a grama, use o Efeito > Distorcer e transformar > Esvaziar e inflar. Coloque um valor negativo até ficar do jeito que deseja.

Como criar um efeito de grama para textos no Illustrator • grama12

Selecione o texto inferior agora pelo painel camadas e pinte-o da cor da terra. Usei um marrom bem escuro para isso

Como criar um efeito de grama para textos no Illustrator • grama13

E com ele ainda ativo, aplique o Efeito > Estilizar > Difusão para suavizar as bordas da “terra” em volta da grama.

Como criar um efeito de grama para textos no Illustrator • grama14

Se quiser criar um plano de fundo com um pouco de textura como no exemplo, eu usei um retângulo marrom abaixo de tudo com o Efeito > Artístico > Esponja, deixando todos os valores do efeito no mínimo para criar uma textura sutil.

Como criar um efeito de grama para textos no Illustrator • grama15

No texto superior, para começar o acabamento, apliquei o Efeito > Estilizar > Sombra para dar mais profundidade na imagem. Selecione a opção Visualizar do efeito e configure como achar melhor.

Como criar um efeito de grama para textos no Illustrator • grama16

E para a grama não ficar muito reta e espetada, usei o Efeito > Distorcer e transformar > Torcer, com um ângulo maior de 30º para que comece a ficar com as folhinhas bem inclinadas.

Como criar um efeito de grama para textos no Illustrator • grama17

Resultado:

Como criar um efeito de grama para textos no Illustrator • GramaCapa 3

Como vimos no tutorial do efeito de fumaça, podemos conseguir resultados muito além do padrão vetor chapado ao usar linhas e efeitos que muitas vezes passam despercebidos.

Esse efeito em particular é também muito utilizado para criar pelagem de animais e texturas de pelos no geral, sendo muito versátil.

Até a próxima!