Advertisement
  1. Design & Illustration
  2. Text Effects
Design

Como Fazer um Efeito de Texto de Madeira com o Adobe Illustrator

by
Difficulty:AdvancedLength:LongLanguages:

Portuguese (Português) translation by Adriana Takagi (you can also view the original English article)

Final product image
What You'll Be Creating

No tutorial a seguir, você pode aprender a criar um "texto de madeira". Utilizando a Ferramenta 3D Extrude e Bevel combinada com alguns gradientes inteligentes e efeitos de camada, você pode fazer este ótimo efeito perfeito para texto e símbolos.


Passo 1

Crie um documento de 700 por 300 px. Selecione a Ferramenta Type (T) e adicione seu texto. Eu utilizei a fonte New Facebook, mas você pode utilizar qualquer fonte que quiser. Preencha o seu texto com a cor mostrada abaixo (R=128 G=128 B=128). Expanda o texto. Selecione o grupo resultante de formas, adicione o efeito 3D > Extrude & Bevel e vá para Object > Expand Appearance.


Passo 2

Agora, você deve ter uma seleção de formas e grupos. Você precisa organizá-los antes de passar para o próximo passo. Para começar, vamos nos concentrar no "V". Selecione as formas principais (aquelas preenchidas com um tom mais claro de cinza), pressione Control + Shift + G para desfazer o agrupamento de cada forma separadamente e pressione Control + G para agrupá-las.

Selecione as formas mostradas na imagem #2 e clique no botão Unite no painel Pathfinder. Desagrupe o restante das formas (preenchidas com um tom mais escuro de cinza) e agrupe-as (imagem #3).


Passo 3

Vamos continuar com o "e". Utilize o botão Unite do painel Pathfinder para conectar os grupos de formas selecionados nas imagens #1, #2 e #3. No final, você deve ter dois grupos. Um com as formas escuras (imagem #5) e um com as formas mais claras (imagem #4).


Passo 4

Em seguida, é o "C". Mais uma vez, una as formas selecionadas nas imagens #1 e #2 depois faça os dois grupos.


Passo 5

Agora o "T". Una as formas selecionadas nas imagens #1 e #2 e crie os grupos.


Passo 6

Una as formas mostradas nas imagens #1 e #2 e faça os dois grupos.


Passo 7

Mais uma vez, utilize o botão Unite para as formas selecionadas nas imagens #1 e #2 e faça os dois grupos.


Passo 8

Uma última vez, una as formas mostradas nas imagens #1, #2 e #3, depois faça os grupos.


Passo 9

Duplique todas as formas principais (aquelas preenchidas com um tom mais claro de cinza). Selecione as cópias e vá para Object > Compound Path > Make e depois nomeie a forma resultante "vvv". Você vai precisar desta forma em vários passos futuros, portanto, certifique-se de sempre ter uma cópia.

Selecione uma cópia "vvv", preencha com R=198 G=156 B=109 e adicione o efeito Texturizer (Effect > Texture > Texturizer).


Passo 10

Em seguida, você precisa se livrar das bordas pixeladas. Abra a paleta Transparency. Selecione uma cópia "vvv", preencha-a com branco e mova-a acima da forma texturizada. Agora, selecione as duas formas, vá para o menu suspenso do painel Transparency e clique em Make Opacity Mask.


Passo 11

Selecione uma nova cópia "vvv" e leve-a para frente (Shift + Control + Right Square Bracket). Preencha com branco, adicione o Inner Glow e vá para Object > Expand Appearance. Mantenha apenas o Inner Glow expandido (delete a outra forma). Altere seu modo de mesclagem para Multiply e diminua sua opacidade para 30%.


Passo 12

Crie uma nova cópia "vvv" e leve-a para a frente (Shift + Control + Right Square Bracket). Preencha-o com o gradiente linear esquerdo e adicione um novo preenchimento (no menu suspenso do painel Appearance) e utilize o gradiente linear direito.

Selecione o primeiro preenchimento (no painel Appearance), mude seu modo de mesclagem para Overlay e diminua sua opacidade para 10%. Selecione o segundo gradiente, mude seu modo de mesclagem para Multiply e diminua sua opacidade para 50%. Selecione as formas feitas nas passos #9, #10, #11 e #12 e agrupe-as. Nomeie-o como "Madeira" e torne-o invisível (por enquanto).


Passo 13

Em seguida, você vai precisar criar uma série de formas finas ao longo da borda das formas superiores. Primeiro, vá para Edit > Preferences > General e insira um Keyboard Increment de 0.5 px.

Agora, vamos nos concentrar nas formas "V". Selecione a forma mostrada na imagem #1 e faça duas cópias. Selecione a parte superior e pressione a seta para baixo e a seta para a direita duas vezes (para movê-la 1 px para a direita e 1 px para baixo). Selecione novamente as duas cópias e clique no botão Minus Front no painel Pathfinder. Preencha as formas resultantes com branco e diminua sua opacidade para 40%. Repita as mesmas técnicas para as outras duas formas (imagem #3 e imagem #5).


Passo 14

Duplique a forma destacada na imagem # 1. Selecione a primeira de cima e pressione a seta para a esquerda e a seta para cima uma vez (para movê-la 0.5 px para cima e 0.5 px para a esquerda). Selecione novamente ambas as cópias e clique no botão Minus Front no painel Pathfinder. Preencha as formas resultantes com preto e diminua sua opacidade para 50%. Repita as mesmas técnicas para as outras duas formas (imagem #3 e imagem #5).


Passo 15

Repita as mesmas técnicas para o resto das formas superiores. Selecione todas essas formas finas e agrupe-as. Traga este novo grupo para a frente (Shift + Control + Right Square Bracket). Rotacione "Wood" de volta para visível e bloqueie os dois grupos.


Passo 16

Agora vamos nos concentrar nas formas mais escuras. Primeiro, preencha todas com R=66 G=33 B=11. Em seguida, crie os quatro gradientes e salve-os no painel Swatches. Simplesmente nomeie-os como "1", "2", "3" e "4". Você vai precisar deles no próximo passo.


Passo 17

Agora, você precisa adicionar alguns novos preenchimentos para a maioria destas formas. Dê uma olhada nas imagens para entender exatamente quantas e quais são os gradientes que você precisa utilizar para cada preenchimento.


Passo 18

Em seguida, é a sombra. Selecione uma cópia de "vvv" e vá para Object > Path > Offset Path. Insira um Offset de 1 px e pressione OK. Selecione a forma resultante, envie-a para trás (Shift + Control + Left Square Bracket) e mova-a alguns pixels para baixo e para a direita. Preencha com preto, adicione um Gaussian Blur de 0.5 e diminua sua opacidade para 30%.


Passo 19

Duplique a forma feita no passo anterior. Selecione esta cópia, mova-a abaixo do original e torne-a um pouco maior (basta redimensioná-la). Deixe-a preta, mas aumente o Gaussian Blur para 5 px e a opacidade para 50%.


Passo 20

Selecione outra cópia "vvv" e vá para Object > Path > Offset Path. Insira um Offset de 6 px e clique em OK. Selecione a forma resultante, envie-a para trás e mova-a alguns pixels para baixo e para a direita. Preencha com preto, adicione um Gaussian Blur 3 px e diminua sua opacidade para 5%.


Passo 21

Selecione a Ferramenta Pen (P) e crie uma forma como a vermelha mostrada na imagem # 1. Selecione-a junto com a forma "vvv" (é a última vez que você precisa desta forma) e clique no botão Intersect no painel Pathfinder. Selecione as formas resultantes e vá para Object > Compound Path > Make. Traga a forma resultante para a frente. Preencha com o gradiente linear e diminua sua opacidade para 10%.


Passo 22

Finalmente, o plano de fundo. Crie um retângulo de 600 x 300 px, envie-o para trás (Shift + Control + Left Square Bracket) e preencha com R=198 G=156 B=109. Adicione um novo preenchimento (no menu suspenso do painel Appearance), utilize a outra cor e altere seu modo de mesclagem para Screen.

Selecione este segundo preenchimento (no painel Appearance) e adicione o Pattern de Meio-tom (Effect > Sketch > Halftone Pattern), os efeitos reticulação (Effect > Sketch > Reticulation) e Diffuse Glow (Effect > Distort > Diffuse Glow) (nesta ordem) ).

Adicione um terceiro preenchimento e utilize o gradiente linear. Selecione este preenchimento final, mude seu modo de mesclagem para Multiply e diminua sua opacidade para 10%.


Passo 23

Para um efeito final, selecione a Ferramenta Rectangle (M). Crie uma forma de 700 por 20 px e posicione-a no topo da sua Prancheta. Adicione o efeito Transform (Effect > Distort & Transform > Transform) e vá para Object > Expand Appearance. Selecione todos os sete retângulos e vá para Object > Compound Path > Make. Preencha a forma resultante com o gradiente linear (preste atenção no local do controle deslizante), altere seu modo de mesclagem para Color Burn e diminua sua opacidade para 50%.


Conclusão

Aí você tem ele, um efeito de texto de madeira. Você pode utilizar os passos deste tutorial para criar seus próprios headings personalizados paraweb designs ou até mesmo para criar alguns conjuntos de ícones de estilo de madeira. Utilize sua imaginação e as habilidades aprendidas e você ficará surpreso com o que você pode fazer.

Advertisement
Advertisement
Looking for something to help kick start your next project?
Envato Market has a range of items for sale to help get you started.