7 days of PS Actions, graphics, templates & fonts - for free!* Unlimited asset downloads! Start 7-Day Free Trial
Advertisement
  1. Design & Illustration
  2. Text Effects

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

Scroll to top
Read Time: 11 mins
This post is part of a series called 10 Years of Envato Tuts+!.
How to Create a Set of 10 Folk Flowers in Adobe Illustrator
How to Create Plastic Jelly Styles in Adobe Photoshop: 10th Anniversary Edition

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

Final product imageFinal product imageFinal product image
What You'll Be Creating

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:

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.

Add the Background ImageAdd the Background ImageAdd the Background Image

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.

HueSaturationHueSaturationHueSaturation

Passo 3

Altere a Opacidade da camada da textura para 50%.

Change the OpacityChange the OpacityChange the Opacity

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.

Create the TextCreate the TextCreate the Text

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

Convert to ShapeConvert to ShapeConvert 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.

Divide the TextDivide the TextDivide the Text

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.

Add More LinesAdd More LinesAdd More Lines

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

Merge Shape ComponentsMerge Shape ComponentsMerge 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.

Create a Sphere LayerCreate a Sphere LayerCreate a Sphere Layer

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)

Brush Tip ShapeBrush Tip ShapeBrush Tip Shape

Dinâmica da Forma (Shape Dynamics)

Shape DynamicsShape DynamicsShape Dynamics

Dispersão (Scattering)

ScatteringScatteringScattering

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.

Add the ConfettiAdd the ConfettiAdd the Confetti

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

Create the 3D LayersCreate the 3D LayersCreate the 3D Layers

Passo 2

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

Merge 3D LayersMerge 3D LayersMerge 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.

3D and Properties Panels3D and Properties Panels3D and Properties Panels

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.

Move Tool 3D ModesMove Tool 3D ModesMove Tool 3D Modes

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.

Extrusion DepthExtrusion DepthExtrusion Depth

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.

Cap SettingsCap SettingsCap Settings

Passo 3

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

Extrusion DepthExtrusion DepthExtrusion Depth

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.

Scale Using the 3D AxisScale Using the 3D AxisScale Using the 3D Axis

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.

Scale Using Numerical ValuesScale Using Numerical ValuesScale Using Numerical Values

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.

Scale ValuesScale ValuesScale Values

8. Como Mover as Malhas 3D

Passo 1

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

Hide the Sphere MeshHide the Sphere MeshHide the Sphere Mesh

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.

X Rotation AngleX Rotation AngleX Rotation Angle

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

Move Object to Ground PlaneMove Object to Ground PlaneMove 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.

Remove TextureRemove TextureRemove Texture

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%
Text Material SettingsText Material SettingsText Material Settings

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%
Sphere Material SettingsSphere Material SettingsSphere Material Settings

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%
Confetti Material SettingsConfetti Material SettingsConfetti Material Settings

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.

Split 3D ExtrusionSplit 3D ExtrusionSplit 3D Extrusion

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.

Rotate Text PiecesRotate Text PiecesRotate Text Pieces

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.

Save the Final Camera ViewSave the Final Camera ViewSave the Final Camera View

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.

Instance ObjectsInstance ObjectsInstance Objects

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.

Group ObjectsGroup ObjectsGroup Objects

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.

Add the ConfettiAdd the ConfettiAdd the Confetti

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

Infinite Light 1 SettingsInfinite Light 1 SettingsInfinite Light 1 Settings

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.

Move the LightMove the LightMove the Light

Passo 3

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

Replace TextureReplace TextureReplace Texture

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.

Environment Light SettingsEnvironment Light SettingsEnvironment Light Settings

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

Hidden WireframeHidden WireframeHidden Wireframe

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.

Add Depth of FieldAdd Depth of FieldAdd Depth of Field

Passo 3

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

Default SceneDefault SceneDefault Scene

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.

Render 3D LayerRender 3D LayerRender 3D Layer

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.

BrightnessContrastBrightnessContrastBrightnessContrast

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)

Brush Tip ShapeBrush Tip ShapeBrush Tip Shape

Dinâmica da Forma (Shape Dynamics)

Shape DynamicsShape DynamicsShape Dynamics

Dispersão (Scattering)

ScatteringScatteringScattering

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.

Add More ConfettiAdd More ConfettiAdd More Confetti

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%
Bevel and EmbossBevel and EmbossBevel and Emboss

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
Gradient OverlayGradient OverlayGradient Overlay

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.

Eraser ToolEraser ToolEraser Tool

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.

Curves Adjustment LayerCurves Adjustment LayerCurves Adjustment Layer

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.

Apply ImageApply ImageApply Image

Passo 3

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

Change the Blend ModeChange the Blend ModeChange the Blend Mode

Passo 4

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

Duplicate the Curves LayerDuplicate the Curves LayerDuplicate the Curves Layer

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

Add a High Pass LayerAdd a High Pass LayerAdd a High Pass Layer

Passo 6

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

High Pass FilterHigh Pass FilterHigh Pass Filter

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.

Final ResultFinal ResultFinal Result
Advertisement
Did you find this post useful?
Want a weekly email summary?
Subscribe below and we’ll send you a weekly email summary of all new Design & Illustration tutorials. Never miss out on learning about the next big thing.
Start your 7-day free trial*
Start free trial
*All Individual plans include a 7-day free trial for new customers; then chosen plan price applies. Cancel any time.