Unlimited PS Actions, graphics, videos & courses! Unlimited asset downloads! From $16.50/m
Advertisement
  1. Design & Illustration
  2. Text Effects
Design

Como Criar um Efeito de Texto Fabuloso Inspirado em Globos Espelhados no Adobe Photoshop

by
Difficulty:IntermediateLength:ShortLanguages:

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

Final product image
What You'll Be Creating

Este tutorial vai mostrar a você como criar uma simples textura de relevo (bump) e como usar as ferramentas e configurações 3D do Photoshop com algumas texturas e camadas de ajuste para criar um efeito de texto inspirado em um globo espelhado.

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

Vamos começar!

Arquivos do Tutorial

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

1. Criando o Padrão de Relevo (Bump)

Passo 1

Crie um novo documento de fundo branco de 35 x 35 px.

Escolha a Ferramenta Letreiro Retangular (M) e clique no ícone Adicionar à Seleção (Add to Selection) na barra de Opções.

O que você precisa fazer em seguida é criar uma larga seleção de 1 px nas bordas do documento. Você pode aproximar o zoom para facilitar as coisas.

Create a Frame Selection

Passo 2

Preencha a seleção com a cor #020202 e pressione Command/Ctrl-D para desselecionar.

Fill and Deselect

Passo 3

Em seguida, você vai precisar repetir o processo para criar mais três seleções para dentro, e preencha elas com as cores #373737, #bababa e #f7f7f7 para conseguir o resultado abaixo.

Create the Inner Selections

Passo 4

Assim que terminar, vá para Editar > Definir Padrão (Edit > Define Pattern), digite Relevo e clique em OK.

Define Pattern

Passo 5

Crie um novo documento de 980 x 980 px, pegue a Ferramenta Lata de Tinta (G), depois escolha o preenchimento de Padrão (Pattern) na barra de Opções, escolha o padrão Relevo e preencha o documento com ele.

Salve o documento com o nome Textura de Relevo e feche ele.

Create the Bump Texture

2. Criando o Plano de Fundo

Passo 1

Crie um novo documento de 1000 x 1000 px e duplique a camada do Plano de Fundo (Background).

Create the Document

Passo 2

Dê um duplo-clique na camada Plano de Fundo cópia (Background copy) para aplicar um efeito de Sobreposição de Degradê (Gradient Overlay) com as configurações padrões.

Use as cores #03010c para a esquerda e #240333 para a direita para criar um preenchimento de degradê.

Gradient Overlay

Isso vai aplicar um simples degradê linear ao fundo.

Background Gradient

3. Criando a Forma do Texto

Passo 1

Crie o texto usando a fonte Doughnut Monster G. A Cor é #ececec e o Tamanho (Size) é 150 pt.

Create the Text

Passo 2

Vá para Texto > Converter para Forma (Type > Convert to Shape).

Convert to Shape

4. Criando a Camada 3D

Passo 1

Vá para 3D > Nova Extrusão 3D do Demarcador Selecionado (3D > New 3D Extrusion from Selected Path).

Convert to a 3D Layer

Passo 2

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

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

The 3D Panels

Passo 3

Se você selecionar a Ferramenta Mover, você encontrará um conjunto de Modos 3D para ela à direita da barra de Opções.

Quando você escolher um desses, você pode então clicar e arrastar para executar alterações (no elemento selecionado no painel 3D).

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

Move Tool Modes

5. Editando a Malha e as Configurações de Cobertura (Cap)

Passo 1

Selecione a aba da malha 3D no painel 3D, e em seguida, no painel de Propriedades, altere o Mapeamento da Textura (Texture Mapping) para Lado a Lado (Tile) e a Profundidade de Extrusão (Extrusion Depth) para 50.

Mesh Settings

Passo 2

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

Cap Settings

6. Modificando as Configurações do Material

Passo 1

Selecione todas as abas de material no painel 3D e altere seus valores no painel de Propriedades como mostrado a seguir:

  • Especular: 135, 135, 135
  • Brilho (Shine): 100
  • Reflexo (Reflection): 100
  • Aspereza (Roughness): 10
  • Relevo (Bump): 20
  • Refração: 1.3
Material Settings

Passo 2

Selecione a aba Material de Inflação da Frente (Front Inflation Material) e em seguida, clique no ícone da pasta Relevo (Bump) e escolha Carregar Textura (Load Texture) e carregue a Textura de Relevo que você criou no Passo 1.

Load the Bump Texture

Passo 3

Clique no ícone de textura de Relevo (Bump) e escolha Editar Propriedades de UV (Edit UV Properties).

Edit UV Properties

Passo 4

Ajuste os valores de Lado a Lado (Tile) para que a textura se pareça perfeitamente escala no texto.

Tile Settings

Você deve conseguir algo parecido com isso.

Edited Bump Texture

Passo 5

Selecione o resto das abas dos materiais, clique no ícone da pasta do Relevo (Bump) e escolha Textura de Relevo na lista.

Apply the Bump Texture to the Rest of the Materials

Passo 6

Você pode precisar ajustar as Propriedades de UV para o Material da Extrusão depois de aplicar a textura.

Extrusion UV Properties

7. Modificando a Iluminação

Passo 1

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

Infinite Light Settings

Passo 2

Selecione a aba Ambiente (Environment), clique no ícone da textura IBL e escolha Substituir Textura (Replace Texture).

Environment IBL Texture

Passo 3

Carregue a imagem Cheering crowd at concert e altere a Intensidade para 30%.

Environment Light Settings

Passo 4

Você pode usar a Ferramenta Mover (V) para mover a textura de luz do Ambiente (Environment) livremente até você conseguir um resultado de seu agrado.

Move the Environment Light Texture

8. Adicionando o Fundo

Passo 1

Coloque a imagem 10637-NMQKXB.jpg na pasta abstract disco lights background Free Vector acima da camada Plano de Fundo cópia (Background copy) e redimensione-o de acordo com sua preferência para que se encaixe dentro do documento.

Altere o Modo de Mesclagem (Blend Mode) da camada para Subexposição Linear (Adicionar) (Linear Dodge (Add)) e sua Opacidade para 50%.

Add the Background Texture

Passo 2

Vá até Filtro > Desfoque > Desfoque Gaussiano (Filter > Blur > Gaussian Blur) e altere o Raio para 2.7.

Gaussian Blur

9. Renderizando a Cena

Passo 1

Vá para 3D > Renderizar Camada 3D (3D > Render 3D Layer) para renderizar a cena. A renderização pode demorar um pouco, mas você pode pará-la a qualquer hora pressionando a tecla Esc.

Render the Scene

Passo 2

Clique no ícone Criar Nova Camada de Ajuste ou Preenchimento (Create New Fill or Adjustment Layer) na parte inferior do painel Camadas e escolha Níveis (Levels).

Levels Adjustment Layer

Passo 3

Clique no ícone Cortar para a Camada (Clip to Layer), altere o valor das Sombras (Shadows) para 45 e os Realces (Highlights) para 225.

Você pode usar quaisquer outros valores que melhorem a aparência do seu resultado.

Levels Values

10. Adicionando os Brilhos

Passo 1

Pegue a Ferramenta Pincel (B), escolha uma ponta de pincel do Conjunto de Pincéis de Estrelas e Brilhos (Stars and Flares Brush Set), altere seu Tamanho (Size) para algo em torno de 100 px e abra o painel Pincel (Janela > Pincel (Window > Brush)).

Sob a aba Dinâmica da Forma (Shape Dynamics), altere a Tremulação do Tamanho (Size Jitter) para 50% e a Tremulação de Ângulo para 100%.

Isso vai ajudar você a obter diferentes tamanhos e ângulos para os brilhos a cada vez que você clicar para adicionar um novo.

Brush Tip Settings

Passo 2

Crie uma nova camada acima de todas as camadas, chame-a de Brilhos e altere o seu Modo de Mesclagem (Blend Mode) para Luz Brilhante (Vivid Light).

Altere a Cor do Primeiro Plano para #eaeaea, e comece a clicar em cima das partes mais brilhantes do texto para adicionar os brilhos.

Add the Flares

11. Ajustando a Iluminação e Cortando o Resultado Final

Passo 1

Clique no ícone Criar Nova Camada de Ajuste ou Preenchimento (Create New Fill or Adjustment Layer) e escolha Mapa de Degradê (Gradient Map).

Gradient Map Adjustment Layer

Passo 2

Escolha o preenchimento de degradê abaixo, marque a opção Pontilhamento (Dither) e altere o Modo de Mesclagem (Blend Mode) da camada para Cor e sua Opacidade para 5%.

A diferença causada é muito sutil, mas você pode alterar os valores do preenchimento de degradê e/ou da Opacidade para conseguir resultados diferentes.

Gradient Map Settings

Passo 3

Finalmente, salve o resultado final como uma imagem, e em seguida, abra a imagem e use a Ferramenta Corte Demarcado (C) para cortá-la no tamanho que você quiser.

Crop the Final Image

Parabéns! Você Terminou

Neste tutorial, nós criamos um simples padrão de quadrados e usamos ele em uma textura. Em seguida, nós criamos o texto e convertemos ele em uma camada 3D.

Depois disso, nós modificamos a malha 3D, o material, as configurações de iluminação, adicionamos o fundo e renderizamos a cena. Finalmente, nós adicionamos os brilhos e algumas camadas de ajuste para finalizar o resultado.

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

Final Result
Advertisement
Advertisement
Advertisement
Advertisement
Looking for something to help kick start your next project?
Envato Market has a range of items for sale to help get you started.