Como Criar um Efeito de Texto de Velas de Celebração no Adobe Illustrator
() translation by (you can also view the original English article)



Nos seguintes passos, você vai aprender como criar um efeito de texto de velas de celebração no Adobe Illustrator.
Para iniciantes, você vai aprender como configurar uma grade simples e como criar um fundo sutilmente padronizado. Usando uma fonte gratuita e o painel Appearance juntamente com algumas técnicas básicas de mesclagem e agrupamento, você vai aprender a criar as principais formas do texto. Você vai aprender como facilitar o seu trabalho com ícones alvo e como organizar suas formas dentro do painel Layers. Finalmente, você vai aprender a usar alguns efeitos Warp e a adicionar texturas sutis e sombreamento.
Para obter mais inspiração sobre como ajustar ou melhorar o seu efeito final de texto, você pode encontrar muitos recursos em GraphicRiver.



1. Como Criar um Novo Documento e Configurar uma Grade
Aperte Control-N para criar um novo documento. Selecione Pixels do menu suspenso Units, insira 850 nas caixas largura e altura e clique em no botão More Settings. Selecione RGB para o Color Mode, defina o Raster Effects para a Screen (72 ppi) e depois clique em Create Document.
Habilite a Grade (View > Show Grid) e o Snap to Grid (View > Snap to Grid). Você vai precisar de uma grade a cada 1 px, então simplesmente vá para Edit > Preferences > Guides & Grid e insira 1 na Gridline a cada caixa e 1 na caixa Subdivisions. Tente não ficar desencorajado (a) por toda essa grade; isto vai tornar o 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 curto tutorial por Andrei Stefan: Compreendendo 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 configurar a unidade de medida em pixels de Edit > Preferences > Units. Todas estas opções vão aumentar significativamente a sua velocidade de trabalho.



2. Como Criar o Fundo e Adicionar Texto
Passo 1
Pegue a Ferramenta Rectangle (M) e foque na Barra de Ferramentas. Remova a cor do traço e depois selecione o preenchimento e defina a sua cor para R=155 G=173 B=202.
Vá para a sua área de trabalho, crie um quadrado de 860 px e certifique-se de que ele cubra toda a sua área de trabalho.



Passo 2
Abra o menu flutuante do seu painel Swatches (Window > Swatches) e vá para Open Swatch Library > Patterns > Basic Graphics > Basic Graphics_Textures. Isto vai abrir um novo painel com alguns patterns internos.
Certifique-se de que o seu quadrado azul ainda está selecionado, foque no painel Appearance (Window > Appearance) e adicione um novo preenchimento usando o botão Add New Fill. Selecione este novo preenchimento, aplique o pattern Mezzotint Irregular e depois diminua sua Opacidade para 30% e altere o Blending Mode para Soft Light.



Passo 3
Foque no painel Layers (Window > Layers), bloqueie a camada existente e adicione uma segunda camada usando o botão Create New Layer. Selecione-a.
Pegue a Ferramenta Type (T) e abra o painel Character (Window > Type > Character). Selecione a fonte Coiny e defina o tamanho para 170 px. Basta clicar em sua área de trabalho e adicionar o texto "FIRST 10 DAYS". Posicione-o no centro da sua área de trabalho e defina a cor para R=255 G=242 B=161.



Passo 4
Certifique-se de que o seu texto ainda está selecionado, vá para Type > Create Outlines e depois pressione Shift-Control-G para Desagrupar o grupo resultante.



3. Como Estilizar as Formas das Letras
Passo 1
Vamos focar em uma dessas formas de letras. Selecione-a e vá para o painel Appearance.
Selecione o preenchimento existente, substitua a cor com o gradiente linear mostrado abaixo e depois vá para Effect > Path > Offset Path. Insira um Deslocamento de 6 px, clique no botão OK e depois vá para Effect > Distort & Transform > Roughen. Insira os atributos mostrados na seguinte imagem, clique no botão OK e depois vá para Effect > Stylize > Inner Glow. Insira os atributos mostrados na imagem a seguir e clique no botão OK.



Passo 2
Certifique-se de que a sua forma de letra estilizada permaneça selecionada e continue focando no painel Appearance.
Selecione o traço e substitua a cor com o gradiente linear mostrado abaixo. Diminua a sua Opacidade para 70% e altere o Blending Mode para Soft Light e depois clique nesse texto "Stroke" para abrir o painel flutuante Stroke. Aumente a Espessura para 4 px e marque o botão Align Stroke to Outside.



Passo 3
Certifique-se de que a sua forma de letra estilizada permaneça selecionada e continue focando no painel Appearance. Adicione um segundo traço usando o botão Add New Stroke e selecione-o.
Defina a cor para R=241 G=77 B=12 e a Espessura para 5 px e depois vá para Effect > Path > Offset Path. Insira um Deslocamento de -2 px, clique no botão OK e depois vá para Effect > Distort & Transform > Roughen. Insira os atributos mostrados na seguinte imagem, clique no botão OK e depois vá para Effect > Stylize > Drop Shadow. Insira os atributos mostrados abaixo e clique no botão OK.



Passo 4
Certifique-se de que a sua forma de letra estilizada permaneça selecionada e continue focando no painel Appearance. Adicione um terceiro traço e selecione-o.
Defina a cor para R=52 G=138 B=6 e a Espessura para 3 px e depois vá para Effect > Path > Offset Path. Insira um Deslocamento -2 px, clique no botão OK e depois vá para Effect > Distort & Transform > Roughen. Insira os atributos mostrados na imagem a seguir, clique no botão OK e depois abra o menu flutuante Stroke. Foque na parte inferior, abra o menu suspenso Profile e selecione Width Profile 2.



Passo 5
Certifique-se de que a sua forma de letra estilizada permaneça selecionada e continue focando no painel Appearance. Adicione um quarto traço e selecione-o.
Defina a cor para R=255 G=191 B=23 e a Espessura para 1 px e depois vá para Effect > Path > Offset Path. Insira um Deslocamento de -2 px, clique no botão OK e depois vá para Effect > Distort & Transform > Roughen. Insira os atributos mostrados na imagem a seguir, clique no botão OK e depois abra o menu flutuante Stroke. Abra o menu suspenso Profile e selecione Width Profile 6.



Passo 6
Foque no painel Layers, abra a sua camada superior e use esses ícones alvo para aplicar facilmente os atributos de Appearance usados para sua primeira forma de letra para o resto de suas formas. Os ícones alvo são os pequenos ícones redondos exibidos no extremo direito de cada camada ou forma individual. Segure o botão Alt do seu teclado, clique no ícone alvo que representa as formas de letras estilizadas e depois arraste-o para um dos ícones alvo que representam as outras formas de letra. Use esta mesma técnica para estilizar o resto de suas formas.



4. Como Criar os Suportes de Plástico
Passo 1
Foque no lado inferior das formas da primeira letra. Usando a Ferramenta Rectangle (M), crie uma forma de 20 x 25 px, e posicione-a como mostrada na imagem a seguir.
Preencha-o com um roxo aleatório e depois vá para Effect > Stylize > Rounded Corners. Insira um Raio de 2 px, clique no botão OK e depois vá para Effect > Warp > Arc Lower. Insira os atributos mostrados na imagem a seguir e clique no botão OK.



Passo 2
Usando a Ferramenta Rectangle (M), crie uma forma de 6 x 20 px e posicione-a como mostrada na imagem a seguir.
Preencha-o com preto e depois vá para Effect > Stylize > Rounded Corners. Insira um Raio de 1 px, clique no botão OK e depois vá para Effect > Warp > Arc Upper. Insira os atributos mostrados na imagem a seguir e clique no botão OK.



Passo 3
Certifique-se de que suas formas pretas e roxas ainda estão selecionadas e vá para Object > Expand Appearance. Selecione as formas resultantes, abra o painel Pathfinder (Window> Pathfinder) e clique no botão Minus Front.



Passo 4
Certifique-se de que a sua forma roxa ainda esteja selecionada e foque no painel Appearance. Selecione o preenchimento, substitua a cor com o gradiente linear mostrado abaixo e depois vá para Effect > Stylize > Drop Shadow. Insira os atributos mostrados na imagem e depois clique no botão OK.



Passo 5
Certifique-se de que sua minúscula forma ainda esteja selecionada e vá para Effect > Stylize > Rounded Corners. Insira um Raio de 2 px, clique no botão OK e depois vá para Effect > Warp > Arc Lower. Insira os atributos mostrados na imagem a seguir e clique no botão OK. Depois de terminar, envie esta forma para trás utilizando o atalho de teclado Shift-Control- [.



Passo 6
Multiplique sua minúscula forma (Control-C > Control-V) e espalhe as cópias, como mostradas na imagem a seguir. Não esqueça de enviá-las para trás (Shift-Control- [).



5. Como Adicionar Sombreamento e um Monte de Pontos Coloridos
Passo 1
Selecione a forma da primeira letra juntamente com a minúscula e Agrupe-as (Control-G).



Passo 2
Certifique-se de que o seu novo grupo ainda está selecionado e vá para Effect > Stylize >Drop Shadow. Insira os atributos mostrados na janela esquerda (na imagem a seguir), clique no botão OK e depois aplique os outros dois efeitos Drop Shadow mostrados abaixo.



Passo 3
Passe para o resto das suas formas e Agrupe-as como você fez com as duas primeiras. Novamente, use esses ícones alvo no painel Layers para transferir facilmente os efeitos Drop Shadow de um grupo para outro.



Passo 4
Foque no painel Layers, bloqueie sua segunda camada e adicione uma terceira. Selecione-a.
Usando a Ferramenta Ellipse (L), crie um monte de círculos de 5 px, espalhe-os como mostrados na seguinte imagem e preencha-os com as seis cores mostradas abaixo.



Passo 5
Multiplique seus círculos coloridos e espalhe-os como mostrados na imagem a seguir.



Passo 6
Selecione todos os seus círculos coloridos e vá para Effect > Distort & Transform > Roughen. Insira os atributos mostrados na imagem a seguir e clique no botão OK.



6. Como Criar as Chamas
Passo 1
Foque no painel Layers, bloqueie sua terceira camada e adicione uma quarta. Selecione-a e depois foque no lado superior da forma da sua primeira letra.
Usando a Ferramenta Ellipse (L), crie uma forma de 16 x 45 px, preencha-a com o gradiente linear mostrado abaixo e posicione-a como mostrada na primeira imagem. Foque na parte superior deste círculo espremido, pegue a Ferramenta Anchor Point (Shift-C) e simplesmente clique nesse ponto de ancoragem.



Passo 2
Usando a Ferramenta Ellipse (L), crie uma forma de 10 x 34 px, preencha-a com o gradiente linear mostrado abaixo e posicione-a como mostrada na primeira imagem. Certifique-se de que esta nova forma permaneça selecionada, pegue a Ferramenta Anchor Point (Shift-C) e clique no ponto de ancoragem superior.



Passo 3
Usando a Ferramenta Ellipse (L), crie uma forma de 6 x 22 px, preencha-a com o gradiente linear mostrado abaixo e posicione-a como mostrada na primeira imagem. Certifique-se de que esta nova forma permaneça selecionada, pegue a Ferramenta Anchor Point (Shift-C) e clique no ponto de ancoragem superior.



Passo 4
Utilizando a Ferramenta Rectangle (M), crie uma forma de 2 x 32 px, preencha-a com o gradiente linear mostrado abaixo e posicione-a como mostrada na primeira imagem. Certifique-se de que esta nova forma permaneça selecionada e pegue a Ferramenta Direct Selection (A). Selecione os pontos de ancoragem superiores e vá para Object > Path > Average (Alt-Control-J). Marque a caixa Both e clique no botão OK.



Passo 5
Usando a Ferramenta Ellipse (L), crie uma forma de 12 x 22 px, preencha-a com R=255 G=247 B=209 e posicione-a como mostrada na primeira imagem. Diminua a Opacidade para 40% e altere o Blending Mode para Overlay.
Usando a mesma ferramenta, crie uma forma de 6 x 2 px e preencha-a com o gradiente linear mostrado abaixo. Posicione-a como mostrada na segunda imagem e envie-a para trás (Shift-Control- [).



Passo 6
Selecione todas as formas que compõem sua chama e Agrupe-as (Control-G). Multiplique este grupo (Control-C> Control-V) e espalhe as cópias como mostradas na imagem a seguir.



Passo 7
Selecione o seu primeiro grupo de chamas e vá para Effect > Warp > Flag. Insira os atributos mostrados na imagem a seguir e clique no botão OK. Selecione o resto dos grupos e aplique o mesmo efeito Warp-Flag, mas brinque com o atributo Bend.



Passo 8
Pegue a Ferramenta Ellipse (L) e crie um monte de círculos de 40 px. Preencha estas novas formas com R=255 G=247 B=209 e posicione-as como mostradas na imagem a seguir.



Passo 9
Certifique-se de que o seu conjunto de círculos de 40 px permaneça selecionado, envie-o para trás (Shift-Control- [) e depois foque no painel Appearance. Diminua a Opacidade para 25% e altere o Bleding Mode para Overlay e depois vá para Effect > Blur > Gaussian Blur. Insira um Raio de 10 px e clique no botão OK.



7. Como Adicionar Sombreamento e uma Sutil Textura
Passo 1
Crie um novo quadrado de 860 px, certifique-se de que ele cubra toda a área de trabalho e preencha-o com o gradiente radial mostrado abaixo. Tenha em mente que o zero amarelo da imagem Gradient (Window > Gradient) representa a porcentagem de Opacidade. Foque no painel Appearance e selecione o preenchimento existente. Diminua a Opacidade para 70% e altere o Blending Mode para Soft Light.



Passo 2
Certifique-se de que a sua forma mais nova ainda esteja selecionada, foque no painel Appearance e adicione um segundo preenchimento. Selecione-o e defina a cor para preto, diminua a sua Opacidade para 15% e altere o Blending Mode para Soft Light, e depois vá para Effect > Artistic > Film Grain. Insira os atributos mostrados na seguinte imagem, clique no botão OK e você terminou.



Parabéns! Você Terminou!
Aqui está como deve ficar. Espero que você tenha gostado deste tutorial e possa aplicar estas técnicas em seus futuros projetos.
Sinta-se à vontade para ajustar o design final e faça-o do seu próprio jeito. Você pode encontrar algumas excelentes fontes de inspiração no GraphicRiver, com soluções interessantes para melhorar o seu design.



