Como Criar um Efeito de Texto de Plástico Bolha no Adobe Photoshop

Este tutorial irá mostrar a você como criar um fácil efeito de texto de plástico-bolha, usando um simples padrão e alguns estilos de camada. Vamos começar!

Este efeito de texto foi inspirado em vários Estilos de Camada disponíveis na Envato Market.

Arquivos do Tutorial

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

• Fonte Palamecia Titling
• Sorensen Leather - Savanne-royal-30307 por SorensenLeather
• Pacote Grátis de 6000 degradês para o Photoshop por Supertuts007 (Carregue o arquivo CHROMES.grd)
• Padrão de Textura (Criado usando o filtro Crysta do Filter Forge por Vladimir Golovin)

1. Carregando os Padrões Padrões

Você precisará carregar dois conjuntos de Padrões padrões do Photoshop. Para fazer isso, vá para Editar > Predefinições > Gerenciador de Predefinição (Edit > Presets > Preset Manager) e escolha Padrões (Patterns) no menu suspenso do Tipo de Predefinição (Preset Type). Em seguida, clique na pequena seta à direita do menu suspenso do Tipo de Predefinição (Preset Type) e você precisará adicionar os conjuntos Padrões (Patterns) e Padrões da Natureza (Nature Patterns). Quando a caixa de diálogo aparecer depois de adicionar cada um deles, apenas clique em Anexar (Append).

2. Criando o Padrão

Passo 1

Comece criando um novo documento de 77 x 41 px, configure a Resolução para 240 Pixels/Polegada (Pixels/Inch) e o Conteúdo do Plano de Fundo (Background Contents) para Transparente.

Em seguida, pegue a Ferramenta Letreiro Elíptico (L) e crie um círculo de 32 x 32 px no centro do documento.

Passo 2

Preencha a seleção com Preto e vá para Selecionar > Cancelar Seleção (Select > Deselect).

Passo 3

Em seguida, pegue a Ferramenta Mover (V) e arraste o círculo preto para que seu centro fique sobre a borda inferior do documento.

Crie mais três cópias do círculo e espalhe-os pelas bordas restantes do documento, certificando-se de que seus centros fiquem exatamente em cima de cada borda.

Passo 4

Vá para Editar > Definir Padrão (Edit > Define Pattern), digite Padrão no Nome e clique em OK.

3. Criando o Fundo

Passo 1

Crie um novo documento de 1204 x 870 px, e defina a Resolução para 72 Pixels/Polegada (72 Pixels/Inch).

Coloque a textura Sorensen Leather - Savanne-royal-30307 acima da camada do Fundo (Background), redimensione-a de acordo com o necessário dependendo da quantidade de detalhe que você queira e renomeie sua camada para Textura de Fundo.

Passo 2

Dê um duplo-clique na camada Textura de Fundo para aplicar o seguinte estilo de camada:

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

• Cor: #e8e8e8
• Modo de Mesclagem (Blend Mode): Superexposição de Cores (Color Burn)
• Opacidade: 50%

Passo 3

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

• Marque a opção Pontilhamento (Dither)
• Modo de Mesclagem (Blend Mode): Multiplicação (Multiply)
• Estilo: Radial
• Escala: 150%
• Clique na caixa de Degradê (Gradient) para criar o degradê usando as cores #d8d8d7 para a esquerda e #ffffff para a direita.

Passo 4

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

• Marque a opção Pontilhamento (Dither)
• Modo de Mesclagem (Blend Mode): Sobrepor (Overlay)
• Opacidade: 50%
• Estilo: Refletido
• Ângulo: 30
• Escala: 150%
• Escolha o preenchimento de degradê Chrome Circle

Passo 5

Isso irá estilizar a textura de couro e adicionar um pouco de iluminação.

Duplique a camada Textura de Fundo e em seguida, clique com o Botão Direito do Mouse na cópia e escolha Converter em Objeto Inteligente (Convert to Smart Object).

Passo 6

Vá para Filtro > Outros > Alta Frequência (Filter > Other > High Pass) e defina o Raio para 10.

Passo 7

Altere o Modo de Mesclagem (Blend Mode) da camada Textura de Fundo cópia para Sobrepor (Overlay). Isso irá dar um pouco mais de nitidez aos detalhes.

4. Criando as Camadas de Texto e Traçado

Passo 1

Crie o texto com a cor Branca usando a fonte Palamecia Titling e com o Tamanho (Size) de 250 pt.

Se você estiver criando mais de uma linha, defina o valor das Entrelinhas (Leading) para algo por volta de 220 pt.

Passo 2

Duplique a camada do texto duas vezes e renomeie a primeira cópia para Bolhas e a segunda para Traçado.

Passo 3

Altere o valor do Preenchimento (Fill) da camada Bolhas para 0.

Passo 4

Clique com o Botão Direito do Mouse na camada Traçado e escolha Converter em Objeto Inteligente (Convert to Smart Object) e em seguida, altere o valor do Preenchimento (Fill) para 0 também.

5. Estilizando a Camada de Texto

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

Passo 1

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

• Tamanho (Size): 7
• Marque a opção Suavização de Serrilhado (Anti-aliased)
• Modo de Sombra - Opacidade (Shadow Mode - Opacity): 0%

Passo 2

Adicione uma Textura com as seguintes configurações:

• Padrão (Pattern): Disposição Horizontal (Laid-horizontal)
• Profundidade (Depth): 90%

Passo 3

Adicione um Brilho Externo (Outer Glow) com as seguintes configurações:

• Opacidade: 67%
• Ruído (Noise): 41%
• Cor: #ffffff
• Tamanho (Size): 3

Passo 4

Adicione uma Sombra Projetada (Drop Shadow) com as seguintes configurações:

• Opacidade: 75%
• Distância: 10
• Tamanho (Size): 10

Passo 5

Assim que o texto estiver estilizado, reduza o valor da Opacidade de sua camada para 35% e o valor do Preenchimento (Fill) para 10%.

Você pode precisar alterar esses valores se você estiver usando um fundo diferente.

6. Criando as Bolhas

Passo 1

Dê um duplo-clique na camada Bolhas para aplicar um efeito de Sobreposição de Padrão (Pattern Overlay) com as seguintes configurações:

• Padrão (Pattern): Padrão
• Escala: 50%

Passo 2

Converta a camada Bolhas em um Objeto Inteligente (Smart Object) e altere o seu valor de Preenchimento (Fill) para 0.

Passo 3

Duplique a camada Bolhas para criar uma cópia.

7. Estilizando a Primeira Camada de Bolhas

Dê um duplo-clique na camada Bolhas para aplicar o seguinte estilo de camada:

Passo 1

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

• Tamanho (Size): 2
• Modo de Realce - Opacidade (Highlight Mode - Opacity): 100%
• Modo de Sombra - Cor (Shadow Mode - Color): #6f6f6f

Passo 2

Adicione uma Textura com as seguintes configurações:

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

Passo 3

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

• Cor: #ffffff
• Opacidade: 5%

Passo 4

Adicione uma Sombra Projetada (Drop Shadow) com as seguintes configurações:

• Opacidade: 15%
• Distância: 1
• Tamanho (Size): 3

Isso irá estilizar a primeira camada das bolhas.

8. Estilizando a Segunda Camada de Bolhas

Dê um duplo-clique na camada Bolhas cópia para aplicar um Chanfro e Entalhe (Bevel and Emboss) com as seguintes configurações:

• Tamanho (Size): 4
• Desmarque a opção Utilizar Luz Global (Use Global Light)
• Ângulo: 45
• Altitude: 74
• Modo de Sombra - Opacidade (Shadow Mode - Opacity): 20%

E é isso para esta camada. Isso só adiciona mais textura e detalhes para a anterior.

9. Estilizando a Camada Traçado

Dê um duplo-clique na camada Traçado para aplicar o seguinte estilo de camada:

Passo 1

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

• Estilo: Traçar Entalhe (Stroke Emboss)
• Tamanho (Size): 10
• Desmarque a opção Utilizar Luz Global (Use Global Light)
• Ângulo: -117
• Altitude: 42
• Contorno de Reflexo (Gloss Contour): Cone
• Marque a opção Suavização de Serrilhado (Anti-aliased)
• Modo de Sombra - Opacidade (Shadow Mode - Opacity): 0%

Passo 2

Adicione uma Textura com as seguintes configurações:

• Padrão (Pattern): Células (Cells)
• Profundidade (Depth): 1000%

Passo 3

Adicione um Traçado (Stroke) com as seguintes configurações:

• Tamanho (Size): 5
• Posição: Central
• Opacidade: 30%
• Cor: #828282

Isso irá estilizar as bordas do texto.

10. Criando a Parte Interna

Passo 1

Pressione Command/Ctrl-clique na miniatura da camada do texto original para criar uma seleção.

Passo 2

Vá para Selecionar > Modificar > Contração (Select > Modify > Contract) e digite 5.

Passo 3

Vá para Selecionar > Modificar > Difusão (Select > Modify > Feather) e digite 10.

Passo 4

Crie uma nova camada acima da camada Bolhas cópia, chame-a de Detalhes Internos e preencha a seleção com a cor Branca.

Passo 5

Pressione Command/Ctrl-clique na miniatura da camada do texto para selecionar o texto novamente.

Passo 6

Vá para Selecionar > Inverter (Select > Inverse), pressione a tecla Delete para se livrar de qualquer parte extra fora do texto e em seguida, vá para Selecionar > Cancelar Seleção (Select > Deselect).

11. Estilizando a Parte Interna

Dê um duplo-clique na camada Detalhes Internos para aplicar o seguinte estilo de camada:

Passo 1

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

• Tamanho (Size): 0
• Modo de Realce - Opacidade (Highlight Mode - Opacity): 100%

Passo 2

Adicione uma Textura com as seguintes configurações:

• Padrão (Pattern): Folhas (Leaves)
• Profundidade (Depth): 99%

Passo 3

Altere o valor do Preenchimento (Fill) da camada Detalhes Internos para 0.

Isso vai adicionar um pouco mais de textura ao texto.

12. Aplicando Alguns Filtros

Passo 1

Selecione a camada Traçado e vá para Filtro > Distorção > Ondulação (Filter > Distort > Ripple).

Altere a Intensidade (Amount) para 150 e o Tamanho (Size) para Pequena (Small).

Passo 2

Vá para Selecionar > Tudo (Select > All), em seguida, Editar > Copiar Especial > Copiar Mesclado (Edit > Copy Especial > Copy Merged) e Editar > Colar (Edit > Paste).

Coloque a camada colada em cima de todas as camadas, renomeie ela para Iluminação e converta-a em um Objeto Inteligente (Smart Object).

Passo 3

Vá para Filtros > Renderização > Efeitos de Iluminação (Filter > Render > Lighting Effects), escolha Spot Light, e modifique suas configurações como mostrado abaixo:

• Cor: (250, 250, 248)
• Intensidade: 20
• Ponto de Acesso (Hotspot): 60
• Colorir (Colorize): (245, 248, 248)
• Exposição (Exposure): 2
• Reflexo (Gloss): 0
• Metálico: 100
• Ambiente: 20
• Textura: Verde
• Altura (Highlight): 1

Passo 4

Mova a luz livremente até você conseguir um resultado parecido com o mostrado abaixo.

Passo 5

Finalmente, reduza a Opacidade da camada Iluminação (Lighting) para 50%. Isso irá ajustar a iluminação e aperfeiçoará os detalhes.

Parabéns! Você Terminou

Neste tutorial, nós criamos um simples padrão para a parte do efeito das bolhas e o definimos para que nós pudéssemos usá-lo com os nossos estilos de camada. Em seguida, nós estilizamos uma textura de couro para o fundo e deixamos ela um pouquinho mais nítida.

Depois disso, nós criamos as camadas do texto, das bolhas e do traçado e estilizamos cada uma delas para conseguir uma aparência de plástico-bolha. Finalmente, nós usamos alguns filtros para terminar o efeito e ajustar a iluminação.

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