Como Criar um Efeito de Texto Inspirado na Placa em 3D do Evento da Chanel no Adobe Photoshop

Eventos especiais têm todos os tipos de elementos de decoração extravagante em todos os lugares, um dos quais é sempre uma grande, placa de boas-vindas. Este tutorial vai mostrar a você como utilizar as ferramentas e configurações em 3D do Photoshop, com um par de texturas e imagens, assim como camadas de ajuste e filtros, para criar uma placa de evento brilhante inspirada na Chanel. Vamos começar!

Este efeito de texto foi inspirado pelos muitos Estilos de Camada disponíveis no GraphicRiver.

Recursos do Tutorial

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

• Fonte Sofia Pro Bold
• Imagem 1 WoodFine0058 - Pequena
• Metal seamless textures 7 por jojo-ojoj
• Early In The Morning por guregure
• Stock Cobblestone Large por E-DinaPhotoArt
• Wall por Pexels
• Tree 48 png, Tree 55 png HQ, e Tree 56 png HQ por gd08
• Bench Building por Pexels
• 30 Awsome Lens Flare por mbarekamsoftgfx

1. Como Criar e Definir Patterns Simples

Passo 1

Crie um novo documento de 25 x 25 px com um Background  Black e utilize a Ferramenta Ellipse para criar um círculo de 14 x 14 px White no meio do documento.

Passo 2

Crie três cópias das formas elípticas, e posicione o centro de cada forma em um dos cantos do documento.

Passo 3

Vá para Edit > Define Pattern, e altere o Nome para Pattern de Iluminação.

Passo 4

Clique duas vezes em qualquer uma das camadas da forma da elipse para aplicar um efeito de Gradient Overlay com estas configurações:

• Marque a caixa Dither
• Estilo (Style): Radial
• Utilize o preenchimento gradiente Black, White

Passo 5

Clique com o botão direito do mouse na camada da forma estilizada, escolha o Copy Layer Style, selecione as outras camadas da forma elíptica, clique com o botão direito do mouse em qualquer uma delas e escolha Paste Layer Style.

Passo 6

Vá para Edit > Define Pattern novamente, e altere o Nome para Pattern Bump.

2. Como Criar Texturas Utilizando Patterns Definidos

Passo 1

Crie um novo documento de 500 x 500 px e duplique a camada do Plano de Fundo.

Passo 2

Clique duas vezes na camada de cópia do Plano de Fundo para aplicar um Pattern Overlay com estas configurações:

• Pattern: Illumination Pattern
• Escala (Scale): 50%

Passo 3

Adicione uma camada de preenchimento de Cor Sólida, defina a Cor para #fff4b4 e altere o Blend Mode da camada para Multiply.

Salve este arquivo com o nome de Textura de Iluminação.

Passo 4

Clique duas vezes na cópia da camada Plano de Fundo, selecione a aba Pattern Overlay e altere o Pattern para o Bump Pattern.

Passo 5

Delete a camada de Cor Sólida, e salve o arquivo com o nome de Textura Bump.

3. Como Criar as Camadas de Texto e Forma

Passo 1

Crie o texto Todos em Maiúsculo utilizando a fonte Sofia Pro Bold, e defina o Size para 175 pt e o Tracking para 50.

Passo 2

Renomeie a camada de texto para Texto, clique com o botão direito do mouse nela e escolha Convert to Shape.

Passo 3

Utilize a Ferramenta Rectangle para criar um retângulo alto de 10 px abaixo do texto, e renomeie sua camada para Parte Superior.

Passo 4

Crie um outro retângulo com o mesmo comprimento, mas com um valor de Altura de 5 px, e renomeie a camada para Parte Inferior.

Passo 5

Crie uma forma de retângulo pequeno de 15 x 15 px, e duplique-o cinco vezes.

Posicione um pequeno retângulo abaixo do lado direito da forma retangular da Parte Inferior, e posicione um outro abaixo do lado esquerdo.

Selecione todas as camadas do pequeno retângulo, pegue a Ferramenta Move, e clique no ícone Distribute horizontal centers na aba Options.

Passo 6

Selecione a camada da Parte Inferior junto com as camadas da forma do pequeno retângulo, e vá para Layer > Merge Shapes.

4. Como Criar as Camadas de Malha 3D

Passo 1

Crie uma nova camada preenchida Preta em cima de todas as camadas.

Passo 2

Vá para 3D > New Mesh From Layer > Mesh Preset > Sphere.

Passo 3

Para cada camada de forma que você tem, selecione-a e vá para 3D > New 3D Extrusion from Selected Path.

Passo 4

Selecione todas as camadas em 3D que você tem, e vá para 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 painel Properties (ambos encontrados sob o menu Window)

O painel 3D tem todos os componentes da cena 3D, e quando você clica no nome de qualquer um deles, você vai ser capaz de acessar suas configurações no painel Properties. Por isso certifique-se de sempre selecionar a aba do elemento que você quer modificar no painel 3D antes de modificar as suas configurações no painel Properties.

Clique no ícone de olho próximo à aba da malha Sphere para escondê-la.

Passo 2

Se você selecionar a Ferramenta Move, você vai encontrar um conjunto de Formas em 3D para ela à direita da barra Options.

Quando você escolher uma dessas, você pode depois clicar e arrastar para executar alterações (no elemento selecionado no painel 3D).

Utilize essas formas para alterar a Visualização Atual para um ângulo que você deseja.

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

Passo 1

Selecione a aba da malha 3D Text no painel 3D, e altere sua Extrusion Depth no painel Properties para 25.

Passo 2

Altere a Extrusion Depth da malha Parte Superior para 100.

Passo 3

Altere a Extrusion Depth da malha Parte Inferior para 10.

Clique com botão direito na aba da malha Parte Inferior e escolha Instance Objects. Isto vai criar um cópia vinculada que reflete as mudanças feitas à malha original, como as configurações de material, por exemplo.

7. Como Mover as Malhas 3D

Passo 1

Selecione todas as abas de malha 3D que você tem, clique no ícone do menu do painel 3D, e escolha Move Object to Ground Plane.

Passo 2

Pegue a Ferramente Move, e utilize os Eixos 3D para mover as malhas 3D em suas posições finais.

As setas nas extremidades do eixo movem a malha, a parte abaixo delas é utilizada para a rotação, e os cubos são utilizados para a escala. O cubo no centro é utilizado para dimensionar uniformemente o objeto. Tudo que você precisa fazer é clicar e arrastar a parte que você deseja utilizar.

Passo 3

Você também pode clicar no ícone Coordinates em cima do painel Properties para utilizar os valores numéricos.

Passo 4

Altere o ângulo da Visualização Atual enquanto move as malhas para ver o resultado de diferentes ângulos se necessário.

8. Como Criar Esferas de Iluminação

Passo 1

Exiba a malha Sphere e selecione a sua aba.

Clique no ícone da textura Diffuse e escolha Remove Textura, e utilize estas configurações de material (os valores de cor utilizados em RGB).

• Diffuse: 255, 195, 101 
• Specular: 252, 249, 239 
• Illumination: 255, 239, 165 
• Ambient: 255, 237, 188 
• Shine: 50 
• Reflection: 10 

Passo 2

Crie objetos de instância da malha Sphere para posicionar um na frente de cada letra. Você pode alterar a Visualização Atual para a Front para tornar o processo mais fácil e mais preciso.

9. Como Criar as Texturas do Material do Texto em 3D

Passo 1

Selecione a aba Text Front Inflation Material, clique no ícone da textura Diffuse e escolha Edit Texture. 

Passo 2

Isto vai abrir o arquivo de textura. Vá para File > Save As, e nomeie o arquivo Textura de Iluminação de Texto.

Passo 3

Dê duplo clique na camada da forma para aplicar o efeito Pattern Overlay com estas configurações.

• Pattern: Illumination Pattern 
• Scale: 25% 

Passo 4

Adicione uma camada de preenchimento de Cor Sólida, defina a Cor para #fff4b4, e altere o Blend Mode da camada para Multiply.

Salve as alterações.

Passo 5

Dê duplo clique na camada da forma novamente, selecione a aba Pattern Overlay, e altere o Pattern para o Bump Pattern.

Passo 6

Delete a camada de Cor Sólida, e salve o arquivo com o nome de Textura de Texto Bump.

10. Como Criar um Material do Texto em 3D

Passo 1

Selecione todas as abas Material do Texto, clique no ícone da textura Diffuse e escolha Remove Texture.

Passo 2

Utilize estas configurações de material:

• Diffuse: 109, 60, 34 
• Specular: 112, 85, 61 
• Shine: 50 
• Reflection: 10 
• Bump: 20 

Passo 3

Selecione a aba Front Inflation Material, clique no ícone de pasta Iluminação,e escolha Load Texture para abrir o arquivo de Textura de Iluminação de Texto.

Repita isso para carregar a Textura Bump do Texto para o Bump.

11. Como Ajustar as Propriedades UV

Passo 1

Selecione a aba da malha Texto, e altere a Texture Mapping para Tile.

Passo 2

Selecione a aba Text Extrusion Material, clique no ícone de pasta Iluminação, e escolha Load Texture para abrir o arquivo Textura de Iluminação.

Depois clique no ícone de textura Iluminação, e escolha Edit UV Properties.

Passo 3

Altere os valores de Tile para obter um resultado que você goste.

Passo 4

Clique no ícone de pasta Bump, escolha Load Texture, e abra a Bump Texture. Depois edite o UV Properties de Bump, assim eles combinam com o da Iluminação.

12. Como Criar Mais Materiais em 3D

Passo 1

Selecione todas as abas de Top Material e utilize estas configurações:

• Diffuse: 47, 36, 22 
• Shine: 70 
• Reflection: 10 

Passo 2

Selecione a aba Top Front Inflation Material, clique no ícone de textura Diffuse, escolha Replace Texture para abrir a imagem WoodFine0058, e edite a UV Properties da textura.

Selecione o restante das abas Top Material, clique no ícone de textura Diffuse e escolha WoodFine0058 da lista.

Selecione a aba da malha Top, altere sua Texture Mapping para Tile e edite as UV Properties de cada um dos materiais de malha Top conforme necessário.

Passo 3

Selecione todas as abas de Bottom Material, e utilize estas configurações:

• Diffuse: Utilize a textura 5.jpg do pacote Metal seamless textures 7, e ajuste suas UV Properties 
• Specular: (67, 64, 60) 
• Shine: 70 
• Reflection: 20 
• Bump: 10 (Utilize a mesma textura Diffuse e as UV Properties) 

13. Como Ajustar uma Iluminação da Cena em 3D

Passo 1

Selecione a aba Infinite Light 1, altere sua Cor para (239, 232, 219), sua Intensity para 60%, e sua Shadow Softness para 30%. 

Passo 2

Utilize a Ferramenta Move ou os valores de  Coordinates para mover o Infinite Light até você obter um resultado que goste.

Passo 3

Selecione a aba Environment, clique no ícone de textura IBL, escolha Replace Texture, e abra a imagem Early In The Morning.

Altere a Intensity para 30%, e mova a imagem ao redor para obter um resultado que você goste.

Você pode ir e voltar entre as luzes Infinite e Enviroment, e alterar suas configurações ou movê-las, até que você obtenha o resultado que você deseja.

14. Como Adicionar Texturas ao Plano de Fundo

Passo 1

Em seguida, vamos adicionar as texturas de fundo e ajustar o ângulo da câmera adequadamente, o que pode exigir o aumento do tamanho da tela.

Portanto, tenha em mente que você pode utilizar a Ferramenta Crop para aumentar o tamanho da tela sempre que precisar até que o texto se encaixe perfeitamente no documento.

Passo 2

Comece adicionando a imagem Stock Cobblestone Large em cima da camada Plano de Fundo, indo para o File > Place Linked.

Isto vai adicionar a imagem como um Smart Object, que vai permitir a você aplicar ajustes não destrutivos a ela.

Renomeie a camada para Chão, redimensione a imagem para caber dentro do documento e altere a Visualização Atual da camada 3D adequadamente.

Passo 3

Posicione a imagem Wall em cima da camada do Chão, redimensione a textura da parede, conforme necessário, e renomeie a sua camada para Parede.

15. Como Adicionar e Mascarar Imagens PNG

Passo 1

Posicione um par de imagens da árvore png atrás do texto, e transforme-as para criar um resultado mais dinâmico.

Depois, coloque todas as três camadas em um grupo e nomeie-a Arbustos.

Passo 2

Certifique-se de que o grupo Arbustos está selecionado, e utilize a Ferramenta Rectangular Marquee para selecionar a parte das árvores que você quer exibir.

Passo 3

Clique no ícone Add layer mask para mascarar a área selecionada.

Passo 4

Clique com o botão direito do mouse no grupo Arbustos e escolha Convert to Smart Object.

Passo 5

Abra a imagem Bench Building, e utilize a Ferramenta Polygonal Lasso para selecionar a lateral da calçada.

Vá para Edit > Copy para copiar a área selecionada.

Passo 6

Volte para o documento original, e vá para Edit > Paste, renomeie a camada para Borda, e converta-a para um Smart Object.

Transforme e mova a imagem para cobrir a borda inferior das árvores.

16. Como Fazer Ajustes aos Elementos do Plano de Fundo

Passo 1

Selecione a camada Chão, e vá para Image > Adjustments > Selective Color, e utilize estas configurações para os canais Neutrals.

• Magenta: 1 
• Yellow: 2 
• Black: 9 

Passo 2

Vá para Image > Adjustments > Levels, e altere o valor de Output Levels Highlights para 200.

Passo 3

Selecione a camada Parede, vá para Image > Adjustments > Levels, e altere o valor de Output Levels Highlights para 175.

Passo 4

Select the Arbustos layer, go to Image > Adjustments > Levels, and change the Output Levels Highlights' value to 185. 

Passo 5

Vá para Image > Adjustments > Hue/Saturation, escolha o canal Yellows, e altere o Hue para -30 e a Saturation para -20.

Passo 6

Escolha o canal Greens, e altere o Hue para -35 e o Saturation para -25.

Passo 7

Selecione a camada Borda, vá para Image > Adjustments > Selective Color, e utilize estas configurações:

Whites

• Magenta: 9 
• Yellow: 24 
• Black: 85 

Neutrals

• Yellow: 8 
• Black: -5 

Passo 8

Vá para Image > Adjustments > Hue/Saturation, e altere o Hue para -10 e o Lightness para -30.

17. Como Aplicar Camadas de Estilos e Filtros

Passo 1

Clique duas vezes na camada Arbustos para aplicar um efeito Drop Shadow com estas configurações:

• Opacity: 10% 
• Desmarque a caixa Use Global Light 
• Angle: -91 
• Distance: 35 
• Size: 30 

Isto vai adicionar uma sutil sombra na parede.

Clique duas vezes na camada Arbustos para aplicar o seguinte estilo de camada:

Passo 2

Adicione um Inner Shadow com estas configurações:

• Opacity: 35% 
• Distance: 5 
• Size: 13 

Passo 3

Adicione um Drop Shadow com estas configurações:

• Opacity: 70% 
• Desmarque a caixa Use Global Light 
• Angle: 0 
• Distance: 10 
• Size: 27 

Vai ser melhor misturar a borda com os elementos de fundo.

Passo 4

Selecione a camada Parede, vá para Filter > Blur > Gaussian Blur, e altere o Radius para 0.5.

Passo 5

Você pode aplicar o filtro Gaussian Blur com quaisquer valores que você quiser para os outros elementos do plano de fundo também, como as camadas Arbustos e Chão.

O objetivo aqui é conseguir um pouco de um efeito de foto de evento de baixa qualidade, assim você pode brincar com todas as configurações de ajuste e filtro para obter um resultado que você goste.

18. Como Renderizar e Ajustar uma Cena em 3D

Passo 1

Quando estiver satisfeito com os elementos do plano de fundo, faça quaisquer mudanças necessárias para a cena em 3D baseado nisso.

Depois vá para 3D > Render 3D Layer. A renderização pode demorar um pouco, mas você pode pará-la a qualquer momento pressionando a tecla Esc.

Quando a renderização estiver pronta, clique com o botão direito do mouse na camada 3D e escolha Convert to Smart Object para evitar fazer quaisquer alterações acidentais.

Passo 2

Vá para Image > Adjustments > Color Balance, e utilize estas configurações:

• Tone Balance: Shadows 
• Color Levels: -5, 3, 10 

• Tone Balance: Midtones 
• Color Levels: -5, -8, 3 

• Tone Balance: Highlights 
• Color Levels: 2, 3, -10 

Passo 3

Duplique a camada Texto duas vezes, e esconda a segunda cópia.

19. Como Aplicar Filtros Blur

Passo 1

Selecione a camada Cópia de Text, e vá para Filter > Blur > Motion Blur.

Altere o Angle para -56 e a Distance para 5.

Passo 2

Altere o Blend Mode da camada Cópia de Texto para Soft Light e sua Opacity para 70%.

Passo 3

Torne a camada Cópia de Texto 2 visível, vá para Filter > Blur Gallery > Field Blur, e altere o valor de Blur sob a aba Ferramentas Blur para 3.

Depois sob a aba Effects, marque a caixa Bokeh, altere o valor de Light Bokeh para 33%, e o valor de Shadow de Light Range para 98 e o de Highlights para 245.

Passo 4

Altere o Blend Mode da camada Cópia de Texto 2 para Lighten e sua Opacity para 30%.

20. Como Aplicar Imagens à Camada de Máscaras

Passo 1

Adicione uma camada de máscara para a camada Cópia de Texto, e certifique-se de selecionar a miniatura da máscara.

Passo 2

Vá para Image > Apply Image, e altere a Layer to Text, a Channel para RGB, e o Blend Mode para Hard Light.

Passo 3

Pressione e mantenha a tecla Option, e clique-arraste a máscara da camada Cópia de Texto para a camada Cópia de Texto 2 para duplicá-la.

21. Como Adicionar as Lentes de Luz

Passo 1

Posicione a imagem Lens Flare 23 do pacote 30 Awsome Lens Flare em cima de todas as camadas, e altere o Blend Mode de sua camada para Screen.

Passo 2

Dê duplo clique na miniatura da camada das lentes da luz para abrir o arquivo da imagem original. Adicione uma nova camada abaixo da camada da luz e preencha-a com Preto. Mescle ambas as camadas, e salve e feche o arquivo.

Passo 3

Vá para Image > Adjustments > Levels, e altere o valor de Gamma para 0.75, ou quaisquer outro valor necessário para descartar as arestas da borda da luz.

Passo 4

Vá para Image > Adjustments > Hue/Saturation, e altere o valor de Hue para 15.

Passo 5

Transforme a imagem de luz para posicioná-la em cima da primeira esfera luminosa que você tem.

Passo 6

Duplique a camada luzes para adicionar uma cópia de cada esfera luminosa restante, e posicione todas as camadas de luzes em um grupo com o nome Luzes.

22. Como Adicionar Ajustes Globais

Passo 1

Pegue a Ferramenta Brush, defina a Foreground Color para #e9c24d, e pegue uma ponta arredondada suave.

Crie uma camada na parte inferior do grupo Luzes, nomeie-a Lâmpada, e altere seu Blend Mode para Soft Light e sua Opacity para 20%.

Depois adiciona um ponto em cima de cada esfera luminosa para iluminá-lo ainda mais.

Passo 2

Adicione uma outra nova camada em cima da camada Edge, nomeie-a Luz também, e altere o seu Blend Mode para Soft Light e sua Opacity para 10%.

Utilize uma tamanho de ponta de pincel maior para pintar algumas luzes abaixo das letras para iluminar essa área.

Passo 3

Adicione uma camada de ajuste Pesquisa de Cor em cima de todas as camadas, e escolha a tabela FoggyNight.3DL do menu 3DLUT File.

Altere o Blend Mode da camada Pesquisa de Cor para Soft Light e sua Opacity para 20%.

Passo 4

Adicione uma cada de ajuste Mapa de Gradiente em cima de todas as camadas, marque a caixa Dither, e crie o gradiente utilizando as Cores#44386e para a esquerda, #716d7c no meio, e #d4a987para a direita.

Altere o Blend Mode da camada Mapa de Gradiente para Soft Light e sua Opacity para 20%.

Passo 5

Adicione uma outra camada de ajuste Pesquisa de Cor em cima de todas as camadas, e escolha a tabela Smoke do menu Device Link.

Altere o Blend Mode da camada Pesquisa de Cor para Soft Light e sua Opacity para 20%.

Passo 6

Crie uma nova camada em cima de todas as camadas, nomeie-a Vinheta, e defina o Foreground Color para Black.

Mude o Blend Mode da camada Vinheta para Soft Light e sua Opacidade para 50%.

Utilize uma ponta arredondada, grande e macia para pintar alguma vinheta ao redor das bordas do documento. Você pode diminuir o valor de Opacidade da ponta do pincel na barra de Options para obter um resultado mais sutil.

23. Como Adicionar os Toques Finais

Passo 1

Crie uma nova camada em cima de todas as camadas, nomeie-a Motion Blur, pressione as teclas Shift-Comando-Opção-E para criar uma camada de carimbo, e converta-a para um Smart Object.

Passo 2

Vá para Filter > Blur > Motion Blur, e mude o Ângulo para -60 e a Distância para 2.

Passo 3

Crie uma nova camada em cima de todas as camadas, nomeie-a Noise, vá para Edit > Fill, e mude o Contents para Cinza 50%. 

Converta a camada Noise em um Smart Object.

Passo 4

Vá para Filter > Noise > Add Noise, e mude o Amount para 5 e a Distribution para Gaussian.

Passo 5

Mude o Noise da camada de Blend Mode para Soft Light e sua Opacidade para 50%.

Parabéns, Você Terminou!

Neste tutorial, criamos uma iluminação simples e padrões de colisão e texturas, assim como um par de camadas texto e forma.

Depois, convertemos as camadas em malhas em 3D e trabalhamos em suas configurações na cena em 3D.

Depois disso, ajustamos a iluminação do cenário em 3D, adicionamos um par de elementos de planos de fundo, e renderizados a camada final em 3D.

Finalmente, utilizamos várias camadas de ajuste, camada de estilos, e imagens e texturas para finalizar o efeito e alcançar o resultado final.

Por favor sinta-se à vontade para deixar seus comentários, sugestões, e resultados abaixo.