Como Criar um Efeito de Texto Inspirado em Pirulitos no Adobe Photoshop

Neste tutorial eu irei mostrar a você como usar um par de texto e camadas de formas, com um monte de estilos de camadas, texturas e filtros para criar um efeito de texto de pirulito realista. Vamos começar!

Este efeito de texto foi inspirado em vários Estilos de Camada disponíveis no GraphicRiver.

Arquivos do Tutorial

Os seguintes arquivos foram utilizados durante a produção deste tutorial:

• Fonte Museo Sans Rounded 1000
• SpiritsighsTexture22 por spiritsighs-stock
• WaterSplashes0119 - Pequeno 936 x 1024
• Water Texture por Stock-by-Kai
• Water Stock II por PlutoHasCows
• 11 por darkrose42-stock
• Padrão de Textura 2
• Padrão Brushed Alum Dark por Tim Ward
• Pacote Grátis de 6000 degradês para o Photoshop por Supertuts007 (Carregue o arquivo CSP True Sky Gradients.grd)

1. Como Criar um Fundo Simples

Passo 1

Crie um novo documento de 1000 x 750 px. Logo depois, clique no ícone Criar Nova Camada de Ajuste ou Preenchimento (Create New Fill or Adjustment Layer) na parte inferior do painel de Camadas (Layers) e escolha Degradê (Gradient).

Passo 2

Crie um preenchimento de degradê usando as cores #deeff0 para a esquerda e #167e75 para a direita. Altere o Estilo para Radial, a Escala para 200 e marque a opção Pontilhamento (Dither). Você também pode clicar-e-arrastar o degradê no documento para movê-lo da forma que preferir.

Passo 3

Coloque a imagem SpiritsighsTexture22 acima da camada do Fundo (Background), renomeie sua camada para Textura de Fundo, e logo depois vá para Editar > Transformação > Girar 90º em Sentido Anti-Horário (Edit > Transform > Rotate 90º Counter Clockwise).

Vá para Imagem > Ajustes > Remover Saturação (Image > Adjustment > Desaturate) e então altere o Modo de Mesclagem (Blend Mode) da camada Textura de Fundo para Superexposição de Cores (Color Burn) e sua Opacidade para 5%.

Depois disso, redimensione a textura de acordo com o necessário. Você pode mudar o valor da Opacidade dependendo do quanto da textura você quer que tenha no fundo.

2. Como Criar as Camadas de Texto

Passo 1

Crie o texto em Todas em Maiúsculas (All Caps) usando a fonte Museo Sans Rounded 1000.

Defina a Cor para #ff0000 (ou qualquer outra cor de sua preferência), o Tamanho (Size) para 250 pt, e o Espaçamento entre os Caracteres (Tracking) para 100. 

Passo 2

Duplique a camada de texto e altere o valor do Preenchimento (Fill) da cópia para 0.

3. Como Criar uma Simples Extrusão

Passo 1

Duplique a camada de texto original e arraste a cópia para baixo da original.

Pegue a Ferramenta Mover (V) e então pressione a Seta para Esquerda uma vez e a Seta para Baixo uma vez, para descolar a camada cópia em 1 px nessas direções.

Passo 2

Duplique a camada deslocada, coloque a cópia por baixo dela, e em seguida desloque a cópia em um 1 px nas mesmas direções. Coloque ambas as camadas deslocadas em um grupo e chame-o de Extrusão.

4. Como Criar um Estilo Semi-Transparente Simples

Dê um duplo-clique na camada de texto original para aplicar os seguintes estilos de camada:

Passo 1

Adicione um Chanfro e Entalhe (Bevel and Emboss) com as seguintes configurações:

• Tamanho (Size): 3
• Desmarque a opção Utilizar Luz Global (Use Global Light)
• Ângulo: -175
• Altitude: 26
• Contorno de Reflexo (Gloss Contour): Gaussiana - Invertida
• Marque a opção Suavização de Serrilhado (Anti-aliased)
• Modo de Realce (Highlight Mode): Luz Brilhante (Vivid Light)
• Modo de Sombra (Shadow Mode): Superexposição de Cores (Color Burn)

Passo 2

Adicione um Contorno com as seguintes configurações:

• Contorno: Inclinação com Curva - Descendente (Rolling Slope - Descending)
• Marque a opção Suavização de Serrilhado (Anti-aliased)
• Escala (Range): 100%

Passo 3

Altere o valor do Preenchimento (Fill) da camada de texto original para 50%. Você pode ocultar o grupo Extrusão clicando no ícone do olho próximo a ele para ver os resultados.

5. Como Criar um Estilo de Camada Texturizado Semi-Transparente

Dê um duplo-clique na camada de texto cópia para aplicar o seguinte estilo de camada:

Passo 1

Adicione um Chanfro e Entalhe (Bevel and Emboss) com as seguintes configurações:

• Tamanho (Size): 8
• Desmarque a opção Utilizar Luz Global (Use Global Light)
• Ângulo: 126
• Altitude: 42
• Contorno de Reflexo (Gloss Contour): Vale - Profundo (Cove - Deep)
• Marque a opção Suavização de Serrilhado (Anti-aliased)
• Modo de Realce (Highlight Mode): Luz Brilhante (Vivid Light)
  • Cor: #b6b6b6
  • Opacidade: 100%
• Modo de Sombra (Shadow Mode): Superexposição de Cores (Color Burn)
  • Cor: #010101

Passo 2

Adicione um Contorno com as seguintes configurações:

• Contorno: Vale - Raso (Cove - Shallow)
• Marque a opção Suavização de Serrilhado (Anti-aliased)
• Escala (Range): 44%

Passo 3

Adicione uma Textura com as seguintes configurações:

• Padrão (Pattern): Padrão de Textura 2
• Profundidade (Depth): 4%

Passo 4

Adicione uma Sombra Interna (Inner Shadow) com as seguintes configurações:

• Opacidade: 15%
• Desmarque a opção Utilizar Luz Global (Use Global Light)
• Ângulo: 140
• Distância: 6
• Desfoque (Choke): 6
• Tamanho (Size): 32
• Contorno: Vale - Profundo (Cove - Deep)

Passo 5

Adicione um Brilho Interno (Inner Glow) com as seguintes configurações:

• Modo de Mesclagem (Blend Mode): Luz Brilhante (Vivid Light)
• Opacidade: 5%
• Cor: #d1d1d1
• Tamanho (Size): 55

Passo 6

Adicione uma Sobreposição de Degradê (Gradient Overlay) com as seguintes configurações:

• Modo de Mesclagem (Blend Mode): Luz Suave (Soft Light)
• Opacidade: 35%
• Use o preenchimento de degradê Preto para Branco (Black to White)

Passo 7

Você também pode voltar para o efeito de Textura e clicar-e-arrastar para mover o padrão se você quiser.

6. Como Estilizar uma Extrusão Semi-Transparente

Dê um duplo-clique no grupo da Extrusão para aplicar o seguinte estilo de camada:

Passo 1

Adicione um Chanfro e Entalhe (Bevel and Emboss) com as seguintes configurações:

• Tamanho (Size): 10
• Desmarque a opção Utilizar Luz Global (Use Global Light)
• Ângulo: 6
• Altitude: 37
• Contorno de Reflexo (Gloss Contour): Degraus Arredondados (Rounded Steps)
• Marque a opção Suavização de Serrilhado (Anti-aliased)
• Modo de Sombra (Shadow Mode): Superexposição de Cores (Color Burn)
  • Cor: #8b8b8b
  • Opacidade: 10%

Passo 2

Adicione um Contorno com as seguintes configurações:

• Contorno: Gaussiana
• Marque a opção Suavização de Serrilhado (Anti-aliased)
• Escala (Range): 100%

Passo 3

Adicione uma Textura com as seguintes configurações:

• Padrão: Padrão de Textura 2
• Profundidade (Depth): 7%

Passo 4

Adicione uma Sombra Interna (Inner Shadow) com as seguintes configurações:

• Opacidade: 35%
• Desmarque a opção Utilizar Luz Global (Use Global Light)
• Ângulo: 141
• Distância: 9
• Desfoque (Choke): 6
• Tamanho (Size): 18
• Contorno: Inclinação com Curva - Descendente (Rolling Slope - Descending)

Passo 5

Altere o valor do Preenchimento (Fill) do grupo da Extrusão para 38%.

7. Como Criar Formas de Palito

Passo 1

Pegue a Ferramenta Retângulo (U) e então crie a forma de palito para a primeira letra que você tenha acima da camada Extrusão.

Passo 2

Pegue a Ferramenta Elipse (U) e crie uma elipse para a ponta do palito de um lado, e depois duplique a elipse para o outro lado do palito

Passo 3

Selecione todas as camadas com as formas de palito e vá para Camada > Mesclar Formas (Layer > Merge Shapes) e renomeie a camada da forma para Palito e adicione o nome da letra nela para manter as coisas organizadas.

8. Como Estilizar a Forma de Palito

Dê um duplo-clique na camada da forma do Palito para aplicar o seguinte estilo de camada:

Passo 1

Adicione uma Sobreposição de Degradê (Gradient Overlay) com as seguintes configurações:

• Opacidade: 77%
• Estilo: Refletido
• Ângulo: 0
• Escala: 150%
• Crie um Degradê (Gradient) usando as cores #ffffff para a esquerda e #d8d8d7 para a direita.

Passo 2

Adicione uma Sobreposição de Padrão (Pattern Overlay) com as seguintes configurações:

• Padrão (Pattern): Brushed Alum Dark

Passo 3

Duplique a camada do Palito estilizado para adicionar um para cada letra, renomeie camadas cópia e agrupe-as em um grupo chamado Palitos.

9. Como Adicionar Sombras

Passo 1

Use a Ferramenta Letreiro Elíptico (L) para criar uma pequena elipse onde ao palito se encontra com a primeira letra.

Crie uma nova camada, chame-a de Sombra, adicione o nome da letra no final, e logo depois, preencha a seleção com Preto.

Passo 2

Pressione Cmd/Ctrl-D para desselecionar, vá para Filtro > Desfoque > Desfoque Gaussiano (Filter > Blur > Gaussian Blur) e defina o Raio para 3 ou qualquer outro valor dependendo de quão suave você quer a sombra.

Passo 3

Você pode alterar a Opacidade da camada e transformar a sombra até que você consiga o resultado desejado.

Passo 4

Duplique a camada da Sombra, adicione-a nas outras letras que você tem e renomeie as camadas copiadas.

Passo 5

Repita os mesmos passos para criar uma sombra projetada abaixo de cada letra.

Use a cor #454545, e altere o Modo de Mesclagem (Blend Mode) das camadas para Superexposição de Cores (Color Burn) e defina sua Opacidade para 7%.

10. Como Adicionar uma Textura de Bolhas

Passo 1

Coloque a textura WaterSplashes0119 acima do grupo Palitos, renomeie sua camada para Bolhas com o nome da primeira letra e altere seu Modo de Mesclagem (Blend Mode) para Superexposição Linear (Linear Burn) e sua Opacidade para 70%.

Reduza a escala da textura para deixar as bolhas com um tamanho de sua preferência.

Passo 2

Adicione uma camada de ajuste de Níveis (Levels) e crie uma máscara de corte para a sua camada Bolhas.

Clique no ícone Fazer uma amostra da imagem para definir ponto branco (Sample in image to set white point), e depois clique nas áreas ligeiramente mais escuras para iluminar a textura.

Você pode clicar sobre áreas diferentes até conseguir o resultado desejado.

Passo 3

Pressione Cmd/Ctrl-Clique na miniatura da camada do texto para criar uma seleção.

Passo 4

Pegue a Ferramenta Letreiro Retangular (M), e então pressione e segure as teclas Shift-Option/Alt para cruzar e criar um retângulo em volta da nossa primeira letra.

Passo 5

Com a camada das Bolhas selecionada, clique no ícone Adicionar Máscara de Camada (Add Layer Mask) na parte inferior do painel de Camadas (Layers).

11. Como Editar uma Textura Dentro da Máscara

Passo 1

Clique no ícone da corrente (link) entre a camada e as miniaturas da máscara para desvinculá-las.

Passo 2

Certifique-se de que a miniatura da camada está selecionada, e use a Ferramenta Mover (V) para mover a textura por dentro da camada da máscara, até você gostar da localização das bolhas dentro da primeira letra.

Passo 3

Pegue a Ferramenta Pincel (B), defina a Cor de Primeiro Plano para Preto, selecione a miniatura da máscara da camada Bolhas e use uma ponta suave e arredondada para pintar e mascarar qualquer área indesejada da textura.

Passo 4

Repita o que fizemos para as outras letras e coloque as camadas de Bolhas e Níveis em um grupo chamado Bolhas.

12. Como Adicionar Sobreposições de Textura

Passo 1

Coloque a imagem Water Texture acima de todas as camadas, renomeie sua camada para Sobreposição de Textura 1 e redimensione-a de acordo com o necessário.

Vá para Imagem > Ajustes > Remover Saturação (Image > Adjustments > Desaturate).

Passo 2

Cmd/Ctrl-clique na miniatura da camada de texto original para criar uma seleção.

Logo depois, pressione-e-segure as teclas Shift-Cmd/Ctrl e clique em cada uma das miniaturas das camadas de texto do grupo Extrusão para adicioná-las à seleção.

Passo 3

Adicione uma máscara de camada para a camada Sobreposição de Textura 1.

Passo 4

Altere o Modo de Mesclagem (Blend Mode) da camada Sobreposição de Textura 1 para Luz Suave (Soft Light) e sua Opacidade para 80%.

Passo 5

Adicione a textura Water Stock II acima de todas as camadas, redimensione-a de acordo com o necessário, renomeie sua camada para Sobreposição de Textura 2 e pressione Cmd/Ctrl-I para inverter suas cores.

Passo 6

Pressione e segure a tecla Option/Alt e logo depois, clique-e-arraste a máscara de camada da Sobreposição de Textura 1 para a camada da Sobreposição de Textura 2.

Altere o Modo de Mesclagem (Blend Mode) da camada Sobreposição de Textura 2 para Luz Suave (Soft Light) e sua Opacidade para 25%.

13. Como Modificar uma Textura de Arranhões

Passo 1

Abra a imagem da textura 11 no Photoshop, Logo depois, vá para Filtro > Distorção > Coordenadas Polares (Filter > Distort > Polar Coordinates) e use a opção Retangular para Polar.

Passo 2

Pressione Cmd/Ctrl-A, e logo depois Cmd/Ctrl-C para copiar a imagem.

Passo 3

Volte para o documento original, e pressione Cmd/Ctrl-V para colar a imagem. Renomeie a camada para Arranhões com o nome da primeira letra.

Passo 4

Use a mesma máscara da Sobreposição de Textura para a camada dos Arranhões e desvincule-a.

14. Como Aplicar uma Textura de Arranhões

Passo 1

Duplique a camada Arranhões para criar uma cópia para cada uma das letras e renomeie as cópias para adicionar os nomes das letras.

Depois disso, para cada letra, selecione sua camada Arranhões, e logo depois, use a Ferramenta Letreiro Retangular (M) para selecionar as outras letras e preencha a máscara com Preto para escondê-las.

Passo 2

Mova cada textura para que seu centro esteja no centro da sua letra e redimensione-a de acordo com sua preferência.

Logo depois, altere o Modo de Mesclagem da camada Arranhões para Superexposição Linear (Linear Burn) e seus valores de Opacidade para 25%.

Quando você terminar, adicione todas as camadas Arranhões em um grupo chamado Arranhões.

15. Como Aplicar Filtros e Ajustar a Coloração Final

Passo 1

Crie uma nova camada acima de todas as camadas, e logo depois pressione Shift-Option/Alt-Cmd/Ctrl-E para criar um carimbo visível (stamp).

Renomeie a camada do carimbo para Alta Frequência e logo depois clique com o Botão Direito do Mouse nela e escolha Converter para Objeto Inteligente (Convert to Smart Object).

Passo 2

Vá até Filtro > Outros > Alta Frequência (Filter > Other > High Pass) e altere o Raio para 1.

Passo 3

Altere o Modo de Mesclagem (Blend Mode) da camada Alta Frequência para Luz Suave (Soft Light).

Passo 4

Defina as Cores de Primeiro e Segundo Planos para Preto e Branco respectivamente, e logo depois, vá para Filtro > Ruído > Adicionar Ruído (Filter > Noise > Add Noise).

Altere a Intensidade (Amount) para 1.35, a Distribuição para Gaussiana e marque a opção Monocromático.

Passo 5

Finalmente, adicione uma camada de ajuste de Mapa de Degradê (Gradient Map) acima de todas as camadas.

Use o preenchimento de degradê abaixo, logo depois, marque a opção Pontilhamento (Dither) e altere o Modo de Mesclagem (Blend Mode) da camada para Luz Suave (Soft Light).

Parabéns! Você Terminou

Neste tutorial nós criamos um simples fundo usando um preenchimento de degradê e uma textura.

Em seguida, criamos as camadas de texto e extrusão e estilizamos elas para conseguir o efeito principal do pirulito. Depois disso, nós usamos as formas e seleções para criar os palitos e sombras e usamos estilos de camada e filtros para adicioná-los ao texto estilizado.

Finalmente, nós usamos um monte de texturas e filtros para adicionar mais detalhes ao efeito, e deixá-lo com uma aparência mais realista.

Por favor, sinta-se livre para deixar seus comentários, sugestões e resultados abaixo.