Como criar um texto retro brilhante com photoshop

Aprenda a criar esta ilustração tipográfica incrível com tratamento de texto colorido. Neste tutorial vamos mostrar-lhe como criar esta obra usando estilos de camada do Photoshop e efeitos especiais de iluminação. Você poderá baixar os arquivos deste tutorial no final deste artigo.

Visualização dos resultados finais

Como criar um texto retro brilhante com photoshop

Recursos

Tetra Fonte

Bokeh Texturas

Passo 1

Crie um novo documento no Photoshop com 2100 pixels de largura e 3300 pixels de altura com uma resolução de 300 dpi. Usando a ferramenta Balde (G) Preencha a camada de fundo com o preto.

Crie um novo documento no Photoshop com 2100 pixels de largura e 3300 pixels de altura com uma resolução de 300 dpi. Usando a ferramenta Balde (G) Preencha a camada de fundo com o preto.

Ative a ferramenta de texto (T) e selecione a fonte Tetra com um tamanho de cerca de 250 pontos (você pode fazê-lo maior se você quiser) e digite a palavra “Super” na parte superior da tela. Eu escolhi a fonte Tetra por causa de suas formas, mas você pode usar qualquer fonte que você gostar.

Ative a ferramenta de texto (T) e selecione a fonte Tetra com um tamanho de cerca de 250 pontos (você pode fazê-lo maior se você quiser) e digite a palavra "Super" na parte superior da tela. Eu escolhi a fonte Tetra por causa de suas formas, mas você pode usar qualquer fonte que você gostar.

Clique com o botão direito do mouse sobre a camada do texto e selecione a opção “Rasterize Layer” para torná-la editável.

Clique com o botão direito do mouse sobre a camada do texto e selecione a opção "Rasterize Layer" para torná-la editável.

Crie uma nova camada. Selecione a forma do texto (Ctrl + clique na miniatura da camada) e pegue a ferramenta Pincel (B). Nós vamos pintar sobre a seleção na nova camada para obter as cores para o texto. Primeiro comece com o tom do meio da paleta de cores que deseja usar. Neste caso, para a primeira palavra eu escolhi uma combinação de azuis escuros indo para os verdes brilhantes.

Crie uma nova camada. Selecione a forma do texto (Ctrl + clique na miniatura da camada) e pegue a ferramenta Pincel (B). Nós vamos pintar sobre a seleção na nova camada para obter as cores para o texto. Primeiro comece com o tom do meio da paleta de cores que deseja usar. Neste caso, para a primeira palavra eu escolhi uma combinação de azuis escuros indo para os verdes brilhantes.

Preencha a seleção com a cor azul. Selecione um pincel macio a 0% e cerca de 250 pixels de tamanho e pinte sobre a parte inferior do texto com o azul mais escuro para criar algumas sombras.

Preencha a seleção com a cor azul. Selecione um pincel macio a 0% e cerca de 250 pixels de tamanho e pinte sobre a parte inferior do texto com o azul mais escuro para criar algumas sombras.

Preencha a seleção com a cor azul. Selecione um pincel macio a 0% e cerca de 250 pixels de tamanho e pinte sobre a parte inferior do texto com o azul mais escuro para criar algumas sombras.

Altere o tamanho do pincel para algo sobre 150pxl e selecione a cor verde mais escura e comece a pintar as partes mais claras no topo das letras. Não esqueça de deixar alguns traços do azul por baixo dos tons verdes. Pode também reduzir a opacidade do pincel para cerca de 40% para se misturar as cores suavemente.

Altere o tamanho do pincel para algo sobre 150pxl e selecione a cor verde mais escura e comece a pintar as partes mais claras no topo das letras. Não esqueça de deixar alguns traços do azul por baixo dos tons verdes. Pode também reduzir a opacidade do pincel para cerca de 40% para se misturar as cores suavemente.

Continue assim com os tons de verde mais claro. Certifique-se de manter pequenas áreas da cor sob as sombras mais claras e misture as cores com o pincel macio.

Continue assim com os tons de verde mais claro. Certifique-se de manter pequenas áreas da cor sob as sombras mais claras e misture as cores com o pincel macio.

Continue assim com os tons de verde mais claro. Certifique-se de manter pequenas áreas da cor sob as sombras mais claras e misture as cores com o pincel macio.

Agora, usando a cor branca e um pincel menor, adicionar mais alguns destaques para a parte mais clara das letras.

Agora, usando a cor branca e um pincel menor, adicionar mais alguns destaques para a parte mais clara das letras.

Quando chegar num resultado satisfatório, você pode acessar Image> Adjustmentss> Brightness/Contrast para deixar as cores mais claras.

Quando chegar num resultado satisfatório, você pode acessar Image> Adjustmentss> Brightness/Contrast para deixar as cores mais claras.

O resultado deve ser parecido com o mostrado abaixo.

O resultado deve ser parecido com o mostrado abaixo.

Passo 2

Agora vamos adicionar alguns efeitos de estilo de camada no texto para dar-lhe um acabamento brilhante. Dê um duplo clique sobre a miniatura da camada para abrir o menu de Estilos de camada e habilite o “Bevel and Emboss”. Na opção Profundidade (Deph) mantenha a 100% com um tamanho (Size) de 5px. No painel Shading use um ângulo de -29 e uma altitude de 37º, mudar o Gloss contour para a opção mostrada abaixo:

Agora vamos adicionar alguns efeitos de estilo de camada no texto para dar-lhe um acabamento brilhante. Dê um duplo clique sobre a miniatura da camada para abrir o menu de Estilos de camada e habilite o "Bevel and Emboss". Na opção Profundidade (Deph) mantenha a 100% com um tamanho (Size) de 5px. No painel Shading use um ângulo de -29 e uma altitude de 37º, mudar o Gloss contour para a opção mostrada abaixo:

Agora habilite o efeito “Satin” e use o Blend mode Multiply com a cor preta e a opacidade de 39%. Mude o ângulo para -71, Distance a 11 e Size 14. Alterar o contour para a forma no exemplo:

Agora habilite o efeito "Satin" e use o Blend mode Multiply com a cor preta e a opacidade de 39%. Mude o ângulo para -71, Distance a 11 e Size 14. Alterar o contour para a forma no exemplo:

Depois de aplicar os efeitos de camada você deve ter algo parecido com isto:

Depois de aplicar os efeitos de camada você deve ter algo parecido com isto:

Vamos precisar deste estilo de camada mais adiante, portanto, clique com o botão direito do mouse sobre o nome da camada e seleciona a opção “Copy layer style”.

Agora selecione a camada de texto e mescle com a camada abaixo (Ctrl + E) para aplicar os efeitos na mesma camada. Neste ponto, você pode alterar o brilho e o contraste do texto novamente se você sentir que as cores ficaram muito lavadas:

Agora selecione a camada de texto e mescle com a camada abaixo (Ctrl + E) para aplicar os efeitos na mesma camada. Neste ponto, você pode alterar o brilho e o contraste do texto novamente se você sentir que as cores ficaram muito lavadas:

Agora vamos melhorar alguns dos destaques usando a ferramenta Dodge (O). Ative um pincel pequeno e suave, a Exposure a 10% e a Range “Highlight”. Pinte suavemente sobre os mais brilhantes destaques do texto, seguindo o contorno da letra:

Agora vamos melhorar alguns dos destaques usando a ferramenta Dodge (O). Ative um pincel pequeno e suave, a Exposure a 10% e a Range "Highlight". Pinte suavemente sobre os mais brilhantes destaques do texto, seguindo o contorno da letra:

Passo 3

Vamos basicamente fazer o mesmo processo para as outras duas palavras. Para o segundo eu brinquei com a fonte Tetra, mudando entre maiúsculas e minúsculas da fonte que tem decorações diferentes para cada letra.

Vamos basicamente fazer o mesmo processo para as outras duas palavras. Para o segundo eu brinquei com a fonte Tetra, mudando entre maiúsculas e minúsculas da fonte que tem decorações diferentes para cada letra.

Por esta palavra, eu escolhi uma paleta de cores que vão desde um roxo escuro para uma cor rosa muito leve.

Por esta palavra, eu escolhi uma paleta de cores que vão desde um roxo escuro para uma cor rosa muito leve.

Sinta-se livre para experimentar novas opções de cores e combinações. Para aplicar o efeito de estilo de camada você pode copiar o estilo de camada da palavra anterior e colá-lo na camada da próxima palavra:

Sinta-se livre para experimentar novas opções de cores e combinações. Para aplicar o efeito de estilo de camada você pode copiar o estilo de camada da palavra anterior e colá-lo na camada da próxima palavra:

Sinta-se livre para experimentar novas opções de cores e combinações. Para aplicar o efeito de estilo de camada você pode copiar o estilo de camada da palavra anterior e colá-lo na camada da próxima palavra:

Não se esqueça de ajustar o brilho eo contraste da imagem, bem como evitar os destaques do tipo:

Não se esqueça de ajustar o brilho eo contraste da imagem, bem como evitar os destaques do tipo:

Não se esqueça de ajustar o brilho eo contraste da imagem, bem como evitar os destaques do tipo:

Para a palavra final vamos usar uma combinação de cores que vão de um castanho muito escuro para vermelhos e amarelos.

Para a palavra final vamos usar uma combinação de cores que vão de um castanho muito escuro para vermelhos e amarelos.

Copie e cole o estilo da camada das outras palavras:

Copie e cole o estilo da camada das outras palavras:

Lembre-se de evitar os destaques e ajustar o brilho e o contraste.

Lembre-se de evitar os destaques e ajustar o brilho e o contraste.

O resultado deve ser parecido com o mostrado a seguir.

O resultado deve ser parecido com o mostrado a seguir.

Passo 4

A partir deste passo vamos adicionar elementos coloridos para decorar o texto. Para criar as linhas brilhantes, primeiro crie uma nova camada, pegue a ferramenta pincel e escolha uma escova com dureza 100% e opacidade 100% com tamanho de cerca de 4px, abra o menu de pincéis e sob a “Shape Dynamics” altere o Control para “Pen pressure”. Depois de ajustar essas configurações, selecione a ferramenta caneta (P)

A partir deste passo vamos adicionar elementos coloridos para decorar o texto. Para criar as linhas brilhantes, primeiro crie uma nova camada, pegue a ferramenta pincel e escolha uma escova com dureza 100% e opacidade 100% com tamanho de cerca de 4px, abra o menu de pincéis e sob a "Shape Dynamics" altere o Control para "Pen pressure". Depois de ajustar essas configurações, selecione a ferramenta caneta (P)

Enquanto segura a tecla “Shift” desenhe um caminho para criar uma linha horizontal. Clique com o botão direito do mouse sobre o caminho e selecione a opção “Stroke Path” mude a opção para “Brushe” e habilite a opção “Simulate pressure”.

Enquanto segura a tecla "Shift" desenhe um caminho para criar uma linha horizontal. Clique com o botão direito do mouse sobre o caminho e selecione a opção "Stroke Path" mude a opção para “Brushe” e habilite a opção “Simulate pressure”.

Dê um duplo clique sobre a miniatura da camada para abrir o menu de estilos de camada e marque as opções “Outer Glow” e “Gradient Overlay”. Sob a opção do brilho externo use as configurações abaixo:

Dê um duplo clique sobre a miniatura da camada para abrir o menu de estilos de camada e marque as opções "Outer Glow" e "Gradient Overlay". Sob a opção do brilho externo use as configurações abaixo:

Sob a opção de sobreposição de gradiente marque a opção “Reverse” e defina o ângulo a 0°

Sob a opção de sobreposição de gradiente marque a opção "Reverse" e defina o ângulo a 0°

Dê um duplo clique sobre o gradiente para abrir o editor. Mude o gradiente para as próximas cores para combinar com os do tipo.

Dê um duplo clique sobre o gradiente para abrir o editor. Mude o gradiente para as próximas cores para combinar com os do tipo.

Dê um duplo clique sobre o gradiente para abrir o editor. Mude o gradiente para as próximas cores para combinar com os do tipo.

Agora vamos começar a duplicação desta forma e colocá-lo nas bordas de cada letra. Gire-o um pouco, quando necessário:

Agora vamos começar a duplicação desta forma e colocá-lo nas bordas de cada letra. Gire-o um pouco, quando necessário:

Agora vamos começar a duplicação desta forma e colocá-lo nas bordas de cada letra. Gire-o um pouco, quando necessário:

Use a ferramenta de transformação “Warp” a curve a linha brilhante para combinar as peças redondas das letras:

Use a ferramenta de transformação "Warp" a curve a linha brilhante para combinar as peças redondas das letras:

Use a ferramenta de transformação "Warp" a curve a linha brilhante para combinar as peças redondas das letras:

Use a ferramenta de transformação "Warp" a curve a linha brilhante para combinar as peças redondas das letras:

Eu recomendo não colocar muitos detalhes porque vamos adicionar outros elementos para a composição e pode ficar um pouco pesado demais em algumas partes:

Eu recomendo não colocar muitos detalhes porque vamos adicionar outros elementos para a composição e pode ficar um pouco pesado demais em algumas partes:

Pegue uma das linhas brilhantes da primeira palavra e vá em Image> Adjust> Hue/Saturation e mude a cor para combinar com a outra palavra.

Pegue uma das linhas brilhantes da primeira palavra e vá em Image> Adjust> Hue/Saturation e mude a cor para combinar com a outra palavra.

Organize-os da mesma forma para as outras duas palavras.

Organize-os da mesma forma para as outras duas palavras.

Organize-os da mesma forma para as outras duas palavras.

Organize-os da mesma forma para as outras duas palavras.

Este é o resultado que temos até agora:

Este é o resultado que temos até agora:

Passo 5

Para os flashes de luz sob as letras primeiro precisamos duplicar a camada do tipo de cor e colocá-lo sob a camada de texto. Vá ao menu Filter> Blur> Motion Blur e defina o ângulo para 0 e a distância para 998.

Para os flashes de luz sob as letras primeiro precisamos duplicar a camada do tipo de cor e colocá-lo sob a camada de texto. Vá ao menu Filter> Blur> Motion Blur e defina o ângulo para 0 e a distância para 998.

Duplique a camada e mescle as duas camadas borradas em conjunto para obter um efeito mais forte.

Duplique a camada e mescle as duas camadas borradas em conjunto para obter um efeito mais forte.

Repita este passo com as outras duas palavras:

Repita este passo com as outras duas palavras:

Passo 6

Para o brilho selecione a ferramenta pincel com dureza 0% e um tamanho de cerca de 120px com a cor branca. Crie uma nova camada em cima das camadas de texto e pinte alguns brilhos no topo de cada destaque.

Para o brilho selecione a ferramenta pincel com dureza 0% e um tamanho de cerca de 120px com a cor branca. Crie uma nova camada em cima das camadas de texto e pinte alguns brilhos no topo de cada destaque.

Diminua o tamanho do pincel e adicione algumas esferas menores brilhantes ao redor dos outros maiores:

Diminua o tamanho do pincel e adicione algumas esferas menores brilhantes ao redor dos outros maiores:

Repita o procedimento com as outras duas palavras:

Repita o procedimento com as outras duas palavras:

Repita o procedimento com as outras duas palavras:

Passo 7

Para melhorar os brilhos agora crie algumas cruzes de luz usando a ferramenta caneta. Defina primeiro a ferramenta pincel com dureza de 100% e um tamanho de 4px com a opção de pressão da caneta selecionada e desenhe uma cruz usando a ferramenta caneta utilizando depois o curso Stroke Patch.

Para melhorar os brilhos agora crie algumas cruzes de luz usando a ferramenta caneta. Defina primeiro a ferramenta pincel com dureza de 100% e um tamanho de 4px com a opção de pressão da caneta selecionada e desenhe uma cruz usando a ferramenta caneta utilizando depois o curso Stroke Patch.

Coloque as pequenas cruzes no topo de cada brilho do passo anterior.

Coloque as pequenas cruzes no topo de cada brilho do passo anterior.

Sua imagem deve ficar como mostrado abaixo, duplique as cruzes muitas vezes colocando-as nos brilhos.

Sua imagem deve ficar como mostrado abaixo, duplique as cruzes muitas vezes colocando-as nos brilhos.

Passo 8

Para os detalhes brilhantes em forma de ondas por trás do texto, primeiro comece a criação de uma nova camada e defina a sua ferramenta pincel com dureza de 100% e um tamanho de cerca de 9px. Desenhe com a ferramenta caneta uma grande linha horizontal e, em seguida, vá para Filter> Distort> Wave. Use os parâmetros seguintes para a primeira onda:

Para os detalhes brilhantes em forma de ondas por trás do texto, primeiro comece a criação de uma nova camada e defina a sua ferramenta pincel com dureza de 100% e um tamanho de cerca de 9px. Desenhe com a ferramenta caneta uma grande linha horizontal e, em seguida, vá para Filter> Distort> Wave. Use os parâmetros seguintes para a primeira onda:

Crie outras camadas e outras linhas horizontais e vá para o filtro de onda novamente. Eu sugiro que você experimente diferentes configurações aqui para obter as ondas que você achar mais aptas para sua composição.

Crie outras camadas e outras linhas horizontais e vá para o filtro de onda novamente. Eu sugiro que você experimente diferentes configurações aqui para obter as ondas que você achar mais aptas para sua composição.

Selecione uma camada de onda e abrir o menu de estilos de camada. Habilite as opções de “Outer Glow” e “Gradient Overlay”.

Selecione uma camada de onda e abrir o menu de estilos de camada. Habilite as opções de "Outer Glow" e "Gradient Overlay".

Na opção de sobreposição de gradiente selecione a opção “refletido” estilo e mudar as cores do gradiente para coincidir com a paleta de cores do seu texto.

Na opção de sobreposição de gradiente selecione a opção "refletido" estilo e mudar as cores do gradiente para coincidir com a paleta de cores do seu texto.

Na opção de sobreposição de gradiente selecione a opção "refletido" estilo e mudar as cores do gradiente para coincidir com a paleta de cores do seu texto.

Agora você pode copiar o estilo de camada em uma camada de onda diferente e posicione-os sobre o seu texto.

Agora você pode copiar o estilo de camada em uma camada de onda diferente e posicione-os sobre o seu texto.

Depois você pode duplicar as ondas e recolorí-las, posicionando sobre as outras palavras.

Depois você pode duplicar as ondas e recolorí-las, posicionando sobre as outras palavras.

Este é o resultado do texto até agora:

Este é o resultado do texto até agora:

Finalmente, nesta etapa, para o fundo pontilhado iremos utilizar novamente o mesmo método com as ondas, mas com diferentes parâmetros de filtro para obter o efeito.

Finalmente, nesta etapa, para o fundo pontilhado iremos utilizar novamente o mesmo método com as ondas, mas com diferentes parâmetros de filtro para obter o efeito.

Transforme a camada para se ajustar a tela inteira:

Transforme a camada para se ajustar a tela inteira:

Passo 9

Nesta etapa, vamos adicionar algumas imagens do pacote de pinceis bokeh para terminar a composição de efeitos. Abra o pacote de imagens bokeh e selecione uma para a sua ilustração. Arraste para dentro do seu projeto e defina o modo de mesclagem para “Screen” e diminua a opacidade da camada para 30%:

Nesta etapa, vamos adicionar algumas imagens do pacote de pinceis bokeh para terminar a composição de efeitos. Abra o pacote de imagens bokeh e selecione uma para a sua ilustração. Arraste para dentro do seu projeto e defina o modo de mesclagem para "Screen" e diminua a opacidade da camada para 30%:

Agora use uma combinação de imagens diferentes para completar o efeito. Você pode mudar a tonalidade com a opção de ajuste de Hue / Saturation.

Agora use uma combinação de imagens diferentes para completar o efeito. Você pode mudar a tonalidade com a opção de ajuste de Hue / Saturation.

Agora use uma combinação de imagens diferentes para completar o efeito. Você pode mudar a tonalidade com a opção de ajuste de Hue / Saturation.

Agora use uma combinação de imagens diferentes para completar o efeito. Você pode mudar a tonalidade com a opção de ajuste de Hue / Saturation.

Continue adicionando camadas diferentes e mude suas cores para obter um melhor resultado.

Passo 10

Para a etapa final, vamos criar algumas camadas de ajuste para melhorar a aparência da composição. Vá em Layer > New adjustments layer> Hue / Saturation e aumente a saturação para tornar as cores mais vivas.

Para a etapa final, vamos criar algumas camadas de ajuste para melhorar a aparência da composição. Vá em Layer > New adjustments layer> Hue / Saturation e aumente a saturação para tornar as cores mais vivas.

Sob essa camada de ajuste, agora crie outra de “Brilho e Contraste” e use a configuração abaixo:

Sob essa camada de ajuste, agora crie outra de "Brilho e Contraste" e use a configuração abaixo:

Finalmente sob essa camada crie uma de “níveis”.

Finalmente sob essa camada crie uma de "níveis".

Resultados finais

Resultados finais

Você pode fazer o download dos arquivos deste tutorial acessando o artigo original clicando aqui.

Site original: Photoshoptutorials

Comente! Sugestões, dúvidas e opiniões são ótimos para melhorar o conteúdo do Clube.

Aproveite para seguir o Clube no twitter, facebook, youtube ou google+, assim você fica por dentro das novidades, e acompanha os melhores links do blog. Você também pode assinar nosso feed de notícias e receber todas as atualizações de maneira exclusiva.

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:

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