Unlimited PS Actions, graphics, videos & courses! Unlimited asset downloads! From $16.50/m
Advertisement
  1. Design & Illustration
  2. Kwanzaa

Como Criar um Efeito de Texto de Vela Kwanzaa no Adobe Illustrator

by
Difficulty:IntermediateLength:MediumLanguages:
This post is part of a series called Text Effects .
Quick Tip: How to Create a Metallic Text Effect Using Layer Styles in Photoshop
How to Create a Spanish 3D Text Effect in Adobe Illustrator

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

Final product image
What You'll Be Creating

Nos passos a seguir, você vai aprender como criar um efeito de texto de vela Kwanzaa no Adobe Illustrator.

Para iniciantes, você vai aprender como configurar uma grade simples. Você vai criar o plano de fundo para o efeito de texto com um retângulo simples. Utilizando um texto simples e algumas técnicas básicas de construção de formas vetoriais, você vai aprender a criar o efeito de texto. Aproveitando ao máximo o recurso de Snap to Grid e utilizando vários retângulos, você vai criar um quadro simples para o efeito de texto, além de algumas velas.

Kwanzaa é uma celebração realizada nos Estados Unidos e em outras nações da diáspora africana nas Américas, e dura uma semana. A celebração homenageia a herança africana na cultura afro-americana e é observada de 26 de dezembro a 1 de janeiro, culminando em uma festa e doação de presentes.

Para mais inspiração sobre como ajustar ou melhorar seu efeito de texto final, você pode encontrar muitos recursos no GraphicRiver.

O Que Você Vai Precisar

Você precisará do seguinte retraço para concluir este projeto:

1. Como Criar um Novo Documento e Configurar uma Grade

Aperte Control-N para criar um novo documento. Selecione Pixels no menu suspenso Units, insira 850 na caixa largura e 750 na altura e clique no botão More Settings. Selecione RGB para o Color Mode, defina o Raster Effects para Screen (72 ppi) e depois clique em Create Document.

Ative o Grid (View > Show Grid) e o Snap to Grid (View > Snap to Grid). Para iniciantes, você vai precisar de uma grade a cada 10 px, por isso simplesmente vá para Edit > Preferences > Guides & Grid, e insira 10 na caixa Gridline every e 1 na caixa Subdivisions. Tente não ficar desanimado com toda essa grade—isso vai tornar seu trabalho mais fácil e tenha em mente que você pode ativá-lo ou desativá-lo facilmente utilizando o atalho de teclado Control- ".

Você pode aprender mais sobre o sistema de grade do Illustrator neste pequeno tutorial de Andrei Stefan: Entendendo o Sistema de Grade do Adobe Illustrator.

Você também deve abrir o painel Info (Window > Info) para uma visualização ao vivo com o tamanho e a posição de suas formas. Não se esqueça de definir a unidade de medida para pixels em Edit > Preferences > Units. Todas estas opções aumentam significativamente sua velocidade de trabalho.

grid

2. Como Criar o Plano de Fundo

Passo 1

Escolha a Ferramenta Rectangle (M) e foque em sua barra de ferramentas. Remova a cor do traço e selecione o preenchimento e defina sua cor como R=237 G=224 B=192.

Mova para sua prancheta e simplesmente crie uma forma de 870 x 770 px—a grade e o Snap to Grid devem facilitar. Certifique-se de que este retângulo cubra toda a sua prancheta conforme mostrado abaixo.

rectangle

Passo 2

Defina a cor de preenchimento como branco (R=255 G=255 B=255) e verifique se a Ferramenta Rectangle (M) permanece selecionada.

Crie uma forma de 870 x 220 px e posicione-a conforme mostrada na imagem a seguir.

rectangle

3. Como Criar o Efeito de Texto

Passo 1

Para este passo, você vai precisar de uma grade a cada 5 px. Basta ir em Edit > Preferences > Guides & Grid e insira 5 na caixa Gridline every.

Escolha a Ferramenta Type (T) e abra o painel Character (Window > Type > Character). Selecione a fonte Robinson, defina o tamanho para 300 px e o rastreamento para 20.

Move para a prancheta e simplesmente clique nela. Digite seu texto, posicione-o como mostrado na imagem a seguir e defina a cor como preto (R=0 G=0 B=0).

kwanzaa text effect

Passo 2

Certifique-se de que seu texto ainda esteja selecionado e vá para Type > Create Outlines (Shift-Control-O). Desagrupe (Shift-Control-G) o grupo resultante de formas e transforme estas formas em um caminho composto (Object > Compound Path > Make ou Control-8).

create outlines

Passo 3

Certifique-se de que o caminho composto de texto ainda esteja selecionado e adicione uma cópia na frente (Control-C> Control-F).

Selecione apenas esta cópia junto com o retângulo branco e clique no botão Minus Front no painel Pathfinder (Window > Pathfinder). Desagrupe (Shift-Control-G) o grupo resultante de formas.

minus front

Passo 4

Selecione as formas brancas adicionadas na passo anterior uma a uma e preencha-as com as quatro cores mostradas na imagem a seguir.

recolor

4. Como Enquadrar o Efeito de Texto

Passo 1

Retorne para a linha de grade a cada 10 px. Simplesmente vá em Edit > Preferences > Guides & Grid e insira 10 na caixa Gridline every.

Escolha a Ferramenta Rectangle (M), crie uma forma de 870 x 20 px e posicione-a conforme mostrada na imagem a seguir. Preencha este novo retângulo com R=54 G=173 B=71 e adicione um traço de 10 px. Defina sua cor para R=26 G=19 B=27.

stroke

Passo 2

Duplique o retângulo feito no passo anterior (Control-C > Control-V). Selecione a cópia, posicione-a conforme mostrada na imagem a seguir e altere a cor de preenchimento para R=46 G=42 B=43.

duplicate

Passo 3

Duplique o retângulo feito no passo anterior (Control-C> Control-V). Selecione a cópia, posicione-a conforme mostrada na imagem a seguir e altere a cor de preenchimento para R=238 G=28 B=37.

duplicate

Passo 4

Duplique os três retângulos feitos nos últimos três passos (Control-C > Control-V). Selecione as cópias e posicione-as conforme mostradas na imagem a seguir.

duplicate

5. Como Adicionar Algumas Velas

Passo 1

Escolha a Ferramenta Rectangle (M) e crie os sete retângulos mostrados na imagem a seguir. Mais uma vez, a grade e o retraço Snap to Grid facilitarão as coisas.

Preencha estas novas formas com R=233 G=195 B=132 e adicione um traço de 10 px. Defina sua cor para R=26 G=19 B=27.

candles

Passo 2

Escolha a Ferramenta Rectangle (M), crie uma forma de 50 x 30 px e posicione-a conforme mostrada na imagem a seguir. Preencha este novo retângulo com R=238 G=28 B=37 e adicione um traço de 10 px. Defina sua cor para R=26 G=19 B=27.

Foque no lado direito deste retângulo e mude para a Ferramenta Direct Selection (A). Selecione os dois pontos de ancoragem e arraste-os 30 px para cima, conforme mostrado na segunda imagem.

direct selection tool

Passo 3

Certifique-se de que a forma adicionada no passo anterior ainda esteja selecionada e vá para Effect > Distort & Transform > Transform. Arraste o controle deslizante Move-Vertical para -60 px, defina as Cópias para 1 e clique em OK.

transform effect

Passo 4

Duplique a forma com o efeito Transform e posicione a cópia conforme mostrada na primeira imagem.

Duplique as duas formas com o efeito Transform. Selecione as cópias, altere a cor de preenchimento para R=54 G=173 B=71 e posicione-as conforme mostradas na segunda imagem.

duplicate

Passo 5

Faça uma cópia da forma vermelha com o efeito Transform e outra sobre a verde.

Posicione estas novas formas conforme mostradas na imagem a seguir e abra o efeito Transform no painel Appearence (Window > Appearance). Altere as Cópias para 2 e clique em OK.

edit transform effect

Passo 6

Faça uma cópia da forma vermelha com o efeito Transform. Selecione-a e altere a cor de preenchimento para R=46 G=42 B=43.

Posicione estas novas formas conforme mostradas na imagem a seguir e abra o efeito Transform no painel Appearance (Window >Appearance ). Altere as Cópias para 3 e clique em OK.

edit transform effect

6. Como Criar as Chamas da Vela

Passo 1

Escolha a Ferramenta Ellipse (L), crie um círculo de 50 px e posicione-o como mostrado na imagem a seguir. Preencha esta nova forma com R=235 G=166 B=28 e adicione um traço de 10 px. Defina sua cor para R=26 G=19 B=27.

yellow circle

Passo 2

Certifique-se de que seu círculo permaneça selecionado e escolha a Ferramenta Anchor Point (Shift-C). Simplesmente clique no ponto de ancoragem superior e depois mude para a Ferramenta Direct Selection (A). Selecione o mesmo ponto de ancoragem e arraste-o 10 px para cima, conforme mostrado na segunda imagem.

anchor point tool

Passo 3

Adicione seis cópias da forma da chama da vela e posicione-as conforme mostradas na imagem a seguir.

duplicate

Passo 4

Escolha a Ferramenta Type (T) e abra o painel Character (Window > Type > Character). Certifique-se de que a fonte Robinson ainda esteja selecionada, defina o tamanho para 50 px e o rastreamento para 400.

Vá para a prancheta, digite seu novo texto e ajuste a cor para R=20 G=13 B=23. Rotacione este pequeno pedaço de texto e posicione-o como mostrado na segunda imagem.

small text

Parabéns! Você Terminou!

Aqui está como o seu efeito de texto de vela Kwanzaa deve ficar. Espero que você tenha gostado deste tutorial e possa aplicar estas técnicas em seus futuros projetos. Não hesite em compartilhar seu resultado final na seção de comentários.

Sinta-se à vontade para ajustar o design final e torná-lo do seu jeito. Você pode encontrar ótimas fontes de inspiração no GraphicRiver, com soluções interessantes para melhorar seu design.

ABCD

Advertisement
Advertisement
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.