Como Criar um Efeito de Texto Inflado, Brilhante em 3D no Adobe Photoshop

Este tutorial é muito especial, já que celebra os dez maravilhosos anos da Envato Tuts+, e que efeito de texto seria melhor para celebrar do que um inspirado em balões e confetes? Esse tutorial vai te mostrar como usar as ferramentas e configurações 3D do Photoshop, junto com pincéis e camadas de ajustes, para criar um efeito de texto inflado, brilhante e divertido. Vamos começar!

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

Arquivos do Tutorial

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

• Fonte Sofia Pro - Black
• Volume scene poster nobody room por benzoix
• Sofa por ErikaWittlieb
• Pacote de 6000 degradês grátis para o photoshop por Supertuts007 (Carregue o arquivo DIALS.grd)

1. Como Criar um Plano de Fundo

Passo 1

Crie um novo documento de 1000 x 1000 px com o Fundo Branco, coloque a imagem Volume scene poster nobody room acima da camada de Plano de Fundo (Background) e redimensione-a de acordo com o necessário.

Passo 2

Vá para Imagem > Ajustes > Matiz/Saturação (Image > Adjustments > Hue/Saturation) e altere a Matiz (Hue) para 35 e a Saturação para -80.

Passo 3

Altere a Opacidade da camada da textura para 50%.

2. Como Criar uma Camada de Forma de Texto

Passo 1

Crie o texto usando a fonte Sofia Pro Black, e altere o valor do Espaçamento entre os Caracteres (Tracking) para 75. Use um Tamanho (Size) grande na fonte para criar a forma final de forma mais fácil.

Passo 2

Renomeie a camada de texto para Texto, e dê um Command/Ctrl-clique nela para escolher a opção Converter para Forma (Convert to Shape).

Passo 3

Pegue a Ferramenta Linha (U), escolha a opção Forma (Shape) na barra de Opções, e defina o Peso (Weight) para 1 px.

Pressione-e-segure a tecla Option/Alt para subtrair da forma do texto, e comece a desenhar linhas sobre o texto para dividí-lo.

Passo 4

Certifique-se de criar as linhas em ângulos diferentes, e adicione apenas algumas, para que as seções não se sobreponham muito.

Passo 5

Assim que você terminar, clique no ícone Operações de Demarcador (Path Operations) na barra de Opções, e escolha Mesclar Componentes de Forma (Merge Shape Components).

3. Como Criar as Camadas dos Elementos 3D

Passo 1

Crie uma nova camada preenchida com a cor Branca e chame-a de Esfera.

Passo 2

Pegue a Ferramenta Pincel (B) e abra o painel Pincel (Brush). Escolha a ponta Hard Square 20 pixels e use essas configurações:

Forma da Ponta do Pincel (Brush Tip Shape)

Dinâmica da Forma (Shape Dynamics)

Dispersão (Scattering)

Passo 3

Defina a Cor do Primeiro Plano para Preto, crie uma nova camada, chame-a de Confete e comece a pintar para adicionar confete na camada.

Certifique-se de que nada se sobrepõe, e não se preocupe em preencher toda a área, pois você pode duplicar o que criou quando você convertê-la em 3D.

4. Como Criar as Camadas 3D

Passo 1

Selecione a camada Confete e vá para 3D > Nova Extrusão 3D da Camada Selecionada (3D > New 3D Extrusion from Selected Layer). Selecione a camada Esfera e vá para 3D > Nova Malha da Camada > Predefinição de Malha > Esfera (3D > New Mesh from Layer > Mesh Preset > Sphere). E selecione a camada Texto e vá para 3D > Nova Extrusão 3D do Demarcador Selecionado (3D > New 3D Extrusion from Selected Path).

Passo 2

Selecione todas as suas camadas 3D e vá para 3D > Mesclar Camadas 3D (3D > Merge 3D Layers).

5. Como Trabalhar Com a Cena 3D

Passo 1

Para acessar as configurações e propriedades da malha 3D, você vai precisar abrir dois painéis: o painel 3D e o de Propriedades (ambos podem ser encontrados no menu Janela (Window)).

O painel 3D contém todos os componentes da cena 3D, e quando você clica no nome de qualquer um deles, você pode acessar suas configurações no painel de Propriedades. Então, certifique-se de sempre selecionar a aba do elemento que você quer modificar no painel 3D antes de alterar suas configurações no painel de Propriedades.

Passo 2

Se você escolher a Ferramenta Mover (V), você vai encontrar um conjunto de Modos 3D para ela à direita da barra de Opções. Quando você escolher uma delas, você pode então clicar e arrastar para efetuar mudanças (no elemento selecionado no painel 3D).

Use esses modos para alterar a Visualização Atual (Current View) em um ângulo de sua preferência.

6. Como Ajustar as Configurações da Malha 3D

Passo 1

Selecione a aba da malha 3D do Texto no painel 3D, e altere sua Profundidade da Extrusão (Extrusion Depth) no painel de Propriedades para 100.

Passo 2

Clique no ícone Cap na parte superior do painel de Propriedades e altere a Largura do Chanfro (Bevel Width) para 5, o Contorno para Meia-Volta (Half Round) e a Resistência do Inflar (Inflate Strength) para 25.

Passo 3

Altere a Profundidade da Extrusão da malha (Extrusion Depth) do Confete para 1.

7. Como Escalar as Malhas 3D

Passo 1

Pegue a Ferramenta Mover (V) e selecione a malha da Esfera, e use os Eixos 3D (3D Axis) para escalar a esfera para um tamanho de sua preferência.

As setas no fim dos eixos movem a malha, a parte abaixo delas são usadas para a rotação, e os cubos são usados para escalar. O cubo no centro é usado para escalar o objeto uniformemente. Tudo o que você precisa fazer é clicar e arrastar a parte que você quer usar.

Passo 2

Você pode também clicar no ícone de Coordenadas no topo do painel de Propriedades para usar os valores numéricos.

Clique no ícone da Escala e marque a opção Dimensionamento Uniforme (Uniform Scaling) para escalar a esfera uniformemente.

Passo 3

Você pode sempre voltar para a esfera e alterar os seus valores da Escala, mas basta reduzir sua escala para um valor de sua preferência, por agora.

8. Como Mover as Malhas 3D

Passo 1

Oculte a malha da Esfera clicando no ícone do olho próximo a sua aba.

Passo 2

Selecione a aba da malha do Confete, clique no ícone das Coordenadas e altere o Ângulo da Rotação em X para 90.

Passo 3

Clique no ícone de menu do painel 3D e escolha Mover Objeto para o Plano do Chão (Move Object to Ground Plane).

9. Como Criar os Materiais 3D

Passo 1

Selecione todas as abas do Material do Texto, clique no ícone da textura de Difusão (Diffuse) no painel de Propriedades, e escolha Remover Textura.

Passo 2

Use essas configurações para o material (os valores usados para as cores estão em RGB):

• Difusão: 122, 95, 22
• Especular: 224, 219, 208
• Brilho (Shine): 80%
• Reflexo: 20%

Passo 3

Exiba a malha da Esfera, selecione sua aba do Material, remova a textura de Difusão e use as seguintes configurações:

• Difusão: 72, 35, 140
• Especular: 191, 189, 185
• Brilho (Shine): 70%
• Reflexo: 10%

Passo 4

Selecione todas as abas dos Materiais de Confete, remova a textura de Difusão e use as seguintes configurações:

• Difusão: 128, 128, 128
• Especular: 235, 229, 229
• Brilho (Shine): 70%
• Reflexo: 10%

10. Como Dividir as Malhas 3D e Salvar as Vistas da Câmera

Passo 1

Selecione a aba da malha do Texto e vá para 3D > Dividir Extrusão (3D > Split 3D Extrusion). Isso vai dividir as seções de texto em malhas separadas.

Você pode ocultar as malhas da Esfera e do Confete para trabalhar melhor no seu texto.

Passo 2

O que você precisa fazer em seguida é selecionar algumas peças aleatórias, e rotacionar levemente cada uma delas em diferentes direções. Não se preocupe se elas se sobreporem, isso faz parte do efeito de qualquer forma.

Passo 3

Escolha um ângulo final de câmera de sua preferência e certifique-se de que a aba da Visualização Atual (Current View) esteja selecionada.

Em seguida, escolha Salvar do menu Visualizar (View) no painel de Propriedades, digite um nome para a vista no campo Exibir Nome (View Name), e clique em OK.

Isso vai adicionar a visualização ao painel 3D assim como ao menu Exibir (View). Então quando você posiciona as esferas posteriormente, você pode alterar a vista e voltar a vista final simplesmente clicando no seu nome ou escolhendo ela a partir do menu.

11. Como Instanciar os Objetos 3D

Passo 1

Exiba a malha da Esfera, clique com o Botão Direito do Mouse na sua aba, e escolhe Objetos da Instância (Instance Objects).

Isso vai criar uma cópia vinculada que reflete as mudanças feitas à malha original, como as configurações do material, por exemplo.

Passo 2

Instancie quantas esferas forem necessárias e coloque todas elas ao redor do texto.

Para manter as coisas organizadas, você pode selecionar todas as abas da malha da esfera, clicar com o Botão Direito do Mouse em qualquer uma delas, e escolha Agrupar Objetos (Group Objects) para posicionar todas elas em um grupo.

Passo 3

Faça o mesmo com a malha do Confete para cobrir o chão ao redor do texto com confete. Você pode mover, rotacionar e escalar as instâncias dos objetos para obter um resultado mais dinâmico.

12. Como Ajustar a Iluminação da Cena 3D

Passo 1

Selecione a aba Luz Infinita 1 (Infinite Light 1), e altere sua Intensidade para 50% e a Suavidade da Sombra (Shadow Softness) para 30%.

Passo 2

Use a Ferramenta Mover (V) ou os valores das Coordenadas para mover a Luz Infinita até que você obtenha um resultado de sua preferência.

Passo 3

Selecione a aba Ambiente (Environment), clique no ícone de textura IBL, escolha Substituir Textura (Replace Texture) e abra a image do Sofa.

Passo 4

Altere a Intensidade para 80% e mova a imagem ao redor para obter um resultado de sua preferência.

Você pode avançar e voltar entre as luzes Infinitas e de Ambiente (Environment), e altere suas configurações ou mova elas ao redor, até que você obtenha o resultado de sua preferência.

13. Como Adicionar Profundidade de Campo e Renderizar a Cena 3D

Passo 1

Selecione a aba Cena (Scene), e escolha Wireframe Oculto (Hidden Wireframe) a partir do menu de Predefinições (Presets).

Passo 2

Clique na aba Visualização Atual (Current View), e altere o valor da Profundidade da Profundidade de Campo (Depth of Field's Depth) para 3. Brinque com o valor da Distância até você obter um resultado de sua preferência.

Passo 3

Clique na aba Cena (Scene) novamente, e altere as Predefinições (Presets) de volta para Padrão (Default).

Passo 4

Assim que você gostar do resultado final, vá para 3D > Renderizar Camada 3D (3D > Render 3D Layer). A renderização pode demorar um pouco, mas você pode pará-la a qualquer hora pressionando a tecla Esc.

Assim que a renderização terminar, clique com o Botão Direito do Mouse na camada 3D e escolha Converter em Objeto Inteligente (Convert to Smart Object) para evitar qualquer mudança acidental.

14. Como Adicionar Ajustes Globais

Passo 1

Adicione uma camada de ajuste de Brilho/Contraste (Brightness/Contrast) acima da camada 3D, clique com o Botão Direito do Mouse nela, escolha Criar Máscara de Corte (Create Clipping Mask) e altere o valor do Contraste para 15.

Passo 2

Pegue a Ferramenta Pincel (B), escolha a ponta Hard Square 20 pixels e use essas configurações:

Forma da Ponta do Pincel (Brush Tip Shape)

Dinâmica da Forma (Shape Dynamics)

Dispersão (Scattering)

Passo 3

Crie uma nova camada acima de todas as camadas, chame-a de Confete e pinte alguns confetes sobre o texto e suas redondezas.

Passo 4

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

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

• Tamanho (Size): 16
• Contorno de Reflexo (Gloss Contour): Inclinação com Curva - Descendente (Rolling Slope - Descending)
• Marque a opção Suavização de Serrilhado (Anti-aliased)
• Modo de Realce (Highlight Mode): Luz Brilhante (Vivid Light)
  • Opacidade: 70%
• Modo de Sombra (Shadow Mode):
  • Opacidade: 0%

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

• Estilo: Refletido
• Ângulo: 29
• Use o preenchimento de degradê Gold Pipes X3

Passo 5

Você pode usar agora a Ferramenta Borracha (E) para se livrar de quaisquer partes indesejadas de confete, de acordo com sua preferência.

15. Como Adicionar os Ajustes de Curvas

Passo 1

Adicione uma camada de ajuste de Curvas acima de todas as camadas, e arraste o meio da curva muito levemente para cima.

Passo 2

Selecione a miniatura da máscara da camada de Curvas e vá para Imagem > Aplicar Imagem.

Altere a Camada de Origem (Source Layer) para Mesclado (Merged) e o seu Canal para Azul, altere a Mesclagem do Destino (Target Blending) para Superexposição Linear (Linear Burn) e clique em OK.

Passo 3

Altere o Modo de Mesclagem (Blend Mode) da camada de Curvas para Luminosidade.

Passo 4

Duplique a camada de Curvas, e arraste o meio da curva levemente para baixo.

Passo 5

Crie uma nova camada acima de todas as camadas, chame-a de Alta Frequência e pressione as teclas Command/Ctrl-Shift-Option/Alt-E para criar um carimbo.

Converta esta camada em um Objeto Inteligente (Smart Object) e altere o seu Modo de Mesclagem (Blend Mode) para Luz Suave (Soft Light).

Passo 6

Vá para Filtro > Outros > Alta Frequência (Filter > Other > High Pass), altere o Raio para 1 e clique em OK.

Parabéns! Você Terminou!

Neste tutorial, criamos um simples plano de fundo e uma forma de texto dividida, além de modificarmos a ponta de um pincel para criar confete.

Então, transformamos as camadas em malhas 3D, ajustamos suas configurações, criamos seus materiais e os instanciamos.

Depois disso, ajustamos a iluminação e renderizamos a cena. Finalmente, adicionamos mais alguns confetes, bem como alguns ajustes finais globais.

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