Tutorial de Photoshop: criar letreiro iluminado em 3D

No tutorial de hoje, vamos brincar no Photoshop, para criar um letreiro iluminado por lâmpadas semelhante aos usados em casinos de Las Vegas e teatros da Broadway. O letreiro será criado como uma peça autônoma de texto, usando apenas as poderosas ferramentas 3D do Photoshop para simular um cenário hiper realista dentro de um armazém. Vamos então, adicionar lotes de efeitos de iluminação sutil, para adicionar uma série de lâmpadas brilhantes. Se você sempre quis ver seu nome nas luzes, esta é a sua oportunidade!

Este tutorial, é uma tradução de SPOON Graphics.

casino-bulb-sign-sm

Aqui está a obra de arte que estaremos criando como parte deste tutorial. É com base nesses letreiros, com iluminação e estilo vintage, que iluminam casinos, teatros, cinemas e carnavais. Nós vamos usar ferramentas 3D do Photoshop com parte do processo, o que significa que você precisará da versão CS6 ou superior. É inteiramente possível criar um efeito mais estilizado usando os estilos de camada “Chanfro e Entalhe” para as letras, mas as ferramentas 3D realmente ajudam a produzir uma imagem realista linda.

Passo 1

1

Encontre uma fotografia de uma sala de estar contemporânea ou uma cena de armazém vazio, para inserir seu letreiro sinalizado de casino. Eu estou usando este armazém velho e abandonado que encontrei no Shutterstock.

Passo 2

2

Use a Ferramenta Tipo (Texto), para introduzir uma palavra a sua escolha. Selecione uma fonte grossa agradável, assim, há muito espaço para adicionar lâmpadas no centro. Eu estou usando uma fonte chamada Eleveth, que peguei de um pacote de fontes que tirei de minha coleção.

Passo 3

3

Vá para 3D > Nova extrusão 3D da camada selecionada, para ativar as ferramentas 3D. Mova o texto para que fique no nível do solo, usando o eixo Z (seta verde), em seguida, use a ferramenta de rotação do objeto 3D a partir do cabeçalho, para alinhar o texto com a perspectiva da fotografia do fundo.

Passo 4

4

Sob o painel de Propriedades, clique no botão Cap, para abrir as opções. Ajuste a largura chanfrada para 30% e o ângulo para cerca de -75% para criar um efeito de inserção. Altere a seleção de contorno para curvas nomeadas como Gaussian, para suavizar as bordas.

Passo 5

5

Segure o Shift e selecione as 5 opções de materiais relacionados ao seu objeto no painel 3D, em seguida, clique no ícone da pasta ao lado da opção difusão no painel de Propriedades e selecione Carregar Textura. Aplique um metal ou textura de concreto como esta.

Passo 6

6

Altere a cor do material Specular para preto, arrastando a seleção para o canto inferior esquerdo da janela do seletor de cores.

Passo 7

7

Altere o brilho para 100%, em seguida, reduza a configuração para 0% a partir de dentro do painel de Propriedades.

Passo 8

8

Volte no painel 3D, selecione a Luz infinita, que está presente na cena. Clique e arraste a extremidade menor da forma com estilo de satélite para ajustar a direção da luz. Aponte-a no sentido de uma janela ou uma fonte de luz na foto de fundo.

Passo 9

9

Com a luz infinita ainda selecionada, ajuste a intensidade para cerca de 70% e a suavidade da sombra para cerca de 45% a partir de dentro do painel de Propriedades.

Passo 10

10

Clique no ícone de lâmpada na parte inferior do painel 3D, para adicionar uma nova luz para a cena. Selecione Novo Ponto de Luz, em seguida, mova o círculo menor no sentido de uma janela usando as setas vermelhas e verdes. Expanda o tamanho dos círculos maiores, para abranger o texto.

Passo 11

11

Altere a intensidade do ponto de luz para 35% e a suavidade da sombra para 20% a partir do painel de Propriedades.

Passo 12

12

O Elemento de texto 3D agora está pronto para ser processado. Atualmente, parece muito feio na sua forma de baixa resolução, então clique no botão Render, para permitir que o Photoshop processe os efeitos. Renderizar pode levar um tempo muito longo! Aproveite o tempo para comer, ler um livro ou assistir um filme enquanto espera.

Passo 13

13

Em Dezembro, eu fiz uma foto de uma lâmpada em um mercado natalino. Baixe e abra esta imagem no Photoshop, e use a Ferramenta Letreiro para fazer uma cópia.

Passo 14

14

Cole a lâmpada dentro de seu documento de trabalho principal, e escale-a para baixo, para que o seu tamanho caiba dentro de uma das letras.

Passo 15

15

Dê um duplo clique na camada para abrir as opções de estilos de camada. Comece adicionando um efeito de Brilho Externo. Escolha uma cor amarela para a luz da lâmpada, em seguida, altere as configurações para Subexposição de cor, com cerca de 20px de tamanho e a curva positiva do contorno selecionado. Reduza a opacidade para atenuar a vibração deste efeito. Eu precisei de 77%.

Passo 16

16

Há atualmente, uma extremidade dura diferenciando a lâmpada da fotografia. Adicione um brilho interno usando as configurações de Subexposição de cor, 15% de opacidade e tamanho de 9px para misturar sutilmente a lâmpada com o seu brilho incandescente.

Passo 17

17

Finalmente, adicione um efeito de sombra. Mude o Modo de Mesclagem para Superexposição Linear e reduza a opacidade para cerca de 20%. Altere a direção a 90 graus, e em seguida, ajuste a distância para 2px, espaçamento para 18px e tamanho para 8px.

Passo 18

18

Mantenha a tecla Alt pressionada e arraste a lâmpada para criar uma cópia. Posicione esta lâmpada na extremidade oposta da letra.

Passo 19

19

Faça outra cópia e posicione-a no centro entre as duas, em seguida, continue a adicionar cópias extras para preencher a letra com lâmpadas uniformemente espalhadas.

Passo 20

20

Continue o processo de adição de lâmpadas para traçar o contorno de seu texto, posicionando as lâmpadas no centro, dentro das letras, e garanta que elas estejam distribuídas de maneira uniforme.

Passo 21

21

Pressione Shift e selecione todas as camadas da lâmpada, e arraste-as para o ícone de Nova Camada, para fazer uma cópia. Pressione Ctrl+E para mesclá-las, em seguida, pressione Ctrl+T e selecione Virar verticalmente. Mova as lâmpadas espelhadas para debaixo do texto principal, para formar um reflexo.

Passo 22

22

No menu Transformar, selecione a opção Perspectiva, e arraste os cantos para coincidir o reflexo com o ângulo do solo.

Passo 23

23

Vá em Filtro > Desfoque > Desfoque Gaussiano e digite 5px para remover o detalhe dos reflexos das lâmpadas.

Passo 24

24

Altere o modo de mesclagem da camada de reflexo das lâmpadas para Sobreposição, para permitir que as cores interajam com o fundo. Reduza o preenchimento para cerca de 50% para suavizar o impacto dos destaques.

Passo 25

25

Adicione uma máscara de camada para a camada de reflexo das lâmpadas, então use um pincel macio para apagar as extremidades e fazer com que os reflexos desapareçam a medida que ficam mais longe da fonte.

Passo 26

26

Escolha uma cor de luz amarela para as lâmpadas, em seguida, faça pontos aleatórios em todo o texto, usando um pincel macio fino.

Passo 27

27

Altere o modo de mistura destas manchas amarelas para Sobreposição e reduza o preenchimento para cerca de 45%. Este efeito sutil, ilumina algumas lâmpadas para reduzir a uniformidade entre elas.

Passo 28

28

Faça uma outra seleção de cor das lâmpadas, em seguida, pinte pontos abaixo de cada letra em uma nova camada. Pressione Ctrl+T e esmague essas manchas em formas de elipse.

Passo 29

29

Altere o modo de mesclagem para Sobreposição, e reduza o preenchimento para cerca de 60%, em seguida, pressione o Ctrl e clique na miniatura da camada de texto 3D para carregar a sua seleção. Apague esta seleção manchas da camada.

Passo 30

30

Adicione pontos mais suaves, desta vez usando uma seleção cor de laranja quente, colhida a partir das lâmpadas. Pinte em torno da área do chão diretamente na frente das letras. Altere o modo de mesclagem para Sobreposição e reduza o preenchimento para cerca de 30%.

Passo 31

31

Use a Ferramenta Tipo para fazer uma cópia do texto original usando a mesma cor alaranjada. Escale e alinhe o texto para caber sobre o objeto 3D.

Passo 32

32

Vá em Filtro > Desfoque > Desfoque Gaussiano. Concorde em rasterizar a camada, em seguida, suavize as bordas em cerca de 5px.

Passo 33

33

Altere o modo de mistura da nova camada de texto para luz suave, para dar ao interior do 3D, um brilho laranja suave.

casino-bulb-sign-sm (1)

Com as ferramentas 3D do Photoshop, fizemos um grande trabalho e produzimos o letreiro sinalizado básico com as texturas hiper realistas e sombreamentos, então a adição de luzes e camadas de efeitos de cor, iluminaram o projeto para criar um estilo de lâmpada de casino vintage.

Este tutorial, é uma tradução de SPOON Graphics.

Compartilhe este artigo:

Guia de Estudos para Aprender Design por Conta Própria

Baixe o nosso guia e receba dicas e as novidades do Clube do Design no seu email:

Este post tem 0 comentários

  1. perfeito! muito obrigada

  2. Excelente tutorial. Obrigado por disponibilizar.

Deixe uma resposta

Mais artigos pra você ler:
Affinity Photo #4 - Abrindo imagens RAW

Affinity Photo #4 - Abrindo imagens RAW

Você pode abrir imagens raw de sua câmera digital diretamente no Affinity Photo. Ao fazer isso, você será capaz de…
Como vetorizar o seu lettering de forma rápida e fácil no Adobe Illustrator

Como vetorizar o seu lettering de forma rápida e fácil no Adobe Illustrator

Hoje vou compartilhar com vocês um dos primeiros vídeos do canal Corporação Criativa onde ensino sobre a vetorização automática feita…
Affinity Photo #3 - Abrindo documentos

Affinity Photo #3 - Abrindo documentos

Você pode abrir fotografias e imagens rasterizadas, bem como uma variedade de imagens raw de câmeras populares no Affinity Photo,…
Como criar um lettering em 8 passos

Como criar um lettering em 8 passos

Que tal aprender mais uma técnica para o desenho de lettering? Nesse vídeo eu vou te ensinar como desenvolver um…
Fechar Menu