Como criar texto neon em 5 etapas com Adobe Photoshop

Tutorial de como criar um texto neon com o Photoshop passo a passo

Adobe Photoshop oferece ferramentas de mistura incríveis. Se você souber como usá-lo e prestar atenção aos detalhes, com eles será capaz de criar infinitas efeitos muito realistas. No design gráfico, como na moda, tudo volta e este ano vimos como a estética dos anos 80 voltou a ser tendência. Cores marcantes, imagens escuras, texturas diversas, luzes neon, esses elementos inundaram cartazes e campanhas publicitárias, remetendo-nos à década da transgressão.

Luzes de néon são um clássico de publicidade dos anos oitenta, por isso quis recuperá-los para este post. Assim, Vou mostrar como criar texto neon com Adobe Photoshop em 5 etapas fáceis.

Selecione um fundo adequado

Embora seja verdade que você pode aplicá-lo em fundos de cores diferentes, se você escolher um fundo escuro, o resultado será melhor e muito mais realista. Você pode fazer isso diretamente sobre um fundo preto ou pode escolher uma textura. Nesse caso, selecionei um fundo que simula uma parede de tijolos escuros e vou trabalhar em um arquivo tamanho A4 na posição horizontal.

Seleção de fonte e tamanho do texto

Para criar seu texto neon Eu recomendo escolher uma fonte grossa, pesado e um pouco alongado, não mais apenas porque aplicar os efeitos vai se adequar melhor a você, mas porque as fontes grossas estavam muito na moda nos anos 80. tamanho, vai depender muito das necessidades do seu projeto e a fonte que você escolher. No entanto, advirto que este efeito não se destina a pequenos textos, mas sim a grandes textos atraentes. Outra coisa que você deve levar em consideração é o espaço entre os caracteresSe você escolher uma fonte cujo espaço padrão seja muito pequeno, terá que aumentá-la. Não se preocupe! Agora veremos como fazer.

No meu caso, Optei pela fonte «Impact» e eu dei a ele um Tamanho de 100 pontos. Como o espaço entre os personagens era pequeno, dei a ele um valor de 10 ao traçar. Ao alterar esse valor, modificamos o espaço entre cada personagem.

Tutorial de néon para selecionar traking e tamanho da fonte

Para dar este alinhamento ao texto simplesmente Eu modifiquei a opção de alinhamento no "menu de texto" que normalmente aparece na parte superior da tela. Voce terá que selecione «texto central». Para colocá-lo no centro da página, pressione control + T (se você trabalhar no Windows) ou command + T (se você trabalhar no Mac) e você pode movê-lo livremente.

Tutorial de néon para alinhar e centralizar o texto

Modifica o estilo da camada de texto

Depois de criar seu texto, o que você vai fazer é diminua o preenchimento para 0%. O texto vai desaparecer, mas não entre em pânico, você não fez nada de errado, é só o que tem que acontecer.

Tutorial Neon Alterar o preenchimento da camada de texto para 0%

A seguir, iremos modifique o estilo da camada de texto. Para isso você tem que abre o menu de estilo da camada: passando o mouse sobre a guia "camada", você abrirá um menu suspenso, passe o mouse sobre "estilo de camada" e clique em "opções de fusão". Um menu será aberto, você deve selecione a opção de traço e modificar os seguintes elementos: tamanho e cor. Para cor selecione um alvo. Para o tamanho não posso dar um valor exato porque vai depender da sua tipografia e do tipo de fonte escolhido. No meu caso, eu consertei tamanho do curso em 7, O importante é não muito grosso para que você não perca a legibilidade ao adicionar efeitos.

Tutorial de néon de como exibir o menu de opções de mistura

Tutorial de néon Modifique o estilo da camada de texto selecionando o traço

Antes de continuar, vamos criar um grupo com o texto e os efeitos (efeito de rastreamento). Para criar o grupo, basta selecione a camada de texto e pressione o comando + G. A partir de agora vamos aplicar os efeitos a esse grupo.

Tutorial de néon de como criar um grupo

Aplique o efeito neon

Agora prepare-se para prestar muita atenção porque o mais interessante começa. Selecionando o «grupo de texto + efeitos» iremos reabra o menu de estilo da camada (Lembre-se de que você também pode abri-lo selecionando o símbolo "fx"). Em seguida, verifique o efeito de "brilho externo". Mais uma vez, os valores que iremos atribuir para este efeito irão depender das necessidades do desenho, active a opção «visualizar »para ver simultaneamente como estão as configurações. No meu caso, optei por uma cor rosa marcante e selecionei uma 85% de opacidade. Você também terá que escolher uma técnica, recomendo que você selecione a opção "mais suave" e ajuste os valores de "estender" e "tamanho". Deixo você abaixo de um imagem de tela com os valores que me serviram para o meu design.

Tutorial de néon Aplique o efeito de brilho externo ao texto

Obtenha mais realismo

Como você pode ver, o que temos já poderia ser considerado um texto neon, mas como queremos que o resultado seja o mais realista possível, vou dar-lhe mais algumas dicas para melhorar o design. Textos de neon reais emitem luz. Podemos simular essa luz com o Photoshop? Sim, claro que podemos e você ficará surpreso com o quão simples é.

Selecione e configure a ferramenta pincel

A primeira coisa que você terá que fazer é crie uma nova camada. Então selecione a ferramenta pincel e escolha o ponta "circular difusa". Você terá que personalizar as características do seu pincel. Vamos começar modificando o tamanho, o ideal é que a espessura da ponta é ligeiramente maior do que a que ocupa a sua caixa de texto (Eu precisava dar a ele um valor de 2390 px). Você também terá que mude a forma um pouco do pincel, para isso mova os pontos brancos presentes no gráfico do menu do pincel, alise um pouco o círculo para que ele se adapte melhor ao formato do seu texto. Vamos diminuir a opacidade, isso depende um pouco do gosto pessoal de cada um, gosto que os efeitos sejam suaves, então abaixei o 21% de opacidade. Por fim, selecione a cor do pincel, o preenchimento deve ser exatamente da mesma cor que você deu ao brilho externo (rosa neste caso). Para tornar a cor igual, você tem duas opções: você pode copiar o código de cor fornecido ou adicionar essa cor como uma amostra à sua biblioteca.

Tutorial de néon Configurando o pincel para dar o efeito de luz

Tutorial Neon como copiar o código de cores

Obtenha um efeito de luz suave

Quando você tiver seu pincel definido, apenas você terá que clicar no centro do seu texto para pintar um ponto. Esse ponto já vai simular uma luz, mas para obter um resultado mais fino Eu recomendo que você coloque a camada abaixo do grupo de "texto + efeitos". Espero que este tutorial sobre como criar um texto neon em 5 etapas com o Adobe Photoshop tenha ajudado você. Você está pronto para fazer este design seu!

Tutorial de néon, pintamos um ponto em nossa nova camada com o pincel personalizado

Tutorial de néon, movemos a camada abaixo do grupo e obtemos o resultado final


Deixe um comentário

Seu endereço de email não será publicado. Campos obrigatórios são marcados com *

*

*

  1. Responsável pelos dados: Miguel Ángel Gatón
  2. Finalidade dos dados: Controle de SPAM, gerenciamento de comentários.
  3. Legitimação: Seu consentimento
  4. Comunicação de dados: Os dados não serão comunicados a terceiros, exceto por obrigação legal.
  5. Armazenamento de dados: banco de dados hospedado pela Occentus Networks (UE)
  6. Direitos: A qualquer momento você pode limitar, recuperar e excluir suas informações.