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

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:

• Fonte Doughnut Monster G
• Cheering crowd at concert (Pequena) por erika8213
• abstract disco lights background Free Vector por freepik
• Pacote Grátis de 6000 degradês para o Photoshop por Supertuts007 (Carregue o arquivo CSP True Sky Gradients.grd)

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.

Passo 2

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

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.

Passo 4

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

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.

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

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

Isso vai aplicar um simples degradê linear ao fundo.

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.

Passo 2

Vá para Texto > Converter para Forma (Type > 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).

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.

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.

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.

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

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

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.

Passo 3

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

Passo 4

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

Você deve conseguir algo parecido com isso.

Passo 5

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

Passo 6

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

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

Passo 2

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

Passo 3

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

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.

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

Passo 2

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

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.

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

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.

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.

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.

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

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.

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.

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.