O efeito neon em textos é em geral muito apreciado por designers, blogueiros e pessoas que gostam de algo mais moderno. E é por isso que hoje explicaremos neste tutorial como fazer o efeito neon em textos utilizando o Photoshop. Siga atentamente o passo a passo abaixo e veja como é simples.
Passo 1. No Photoshop, crie um novo documento no tamanho que preferir, aqui foi criado um 1024×768 para que possa ser utilizado como papel de parede, mas isso também dependerá da necessidade.
Passo 2. Preencha o fundo do novo documento com a cor cinza escuro #111111.
![Imagem2 — Foto: TechTudo](https://s2-techtudo.glbimg.com/p65oZc7PK4F5V6tmr-px0n7aEos=/0x0:620x370/984x0/smart/filters:strip_icc()/i.s3.glbimg.com/v1/AUTH_08fbf48bc0524877943fe86e43087e7a/internal_photos/bs/2021/m/t/hgCsMBSbOYpP3XLI4uRA/2012-01-19-imagem21.jpg)
Passo 3. Coloque o logotipo no documento criado e duplique a camada do logotipo, escondendo a segunda para que seja utilizada posteriormente.
![Imagem4 — Foto: TechTudo](https://s2-techtudo.glbimg.com/HZQQp5bk8DPLJPwYXLGpX9E_bi4=/0x0:630x376/984x0/smart/filters:strip_icc()/i.s3.glbimg.com/v1/AUTH_08fbf48bc0524877943fe86e43087e7a/internal_photos/bs/2021/V/O/oOuGJ7S6W2DxM9oV8wQA/2012-01-19-imagem41.jpg)
![Imagem3 — Foto: TechTudo](https://s2-techtudo.glbimg.com/gkdvgnamZlaw4iMS9kccbGZLssU=/0x0:300x400/984x0/smart/filters:strip_icc()/i.s3.glbimg.com/v1/AUTH_08fbf48bc0524877943fe86e43087e7a/internal_photos/bs/2021/p/z/GSeBE8TFSAsMmSj3lnAg/2012-01-19-imagem31.jpg)
Passo 4. Na camada visível aplique o efeito Layer Style em: Layer > Layer Style > Gradient Overlay. Utilize Normal para o Blend Mode com opacidade (Opacity) 60%, Angle = 0 e Scale = 89% . Nas cores utilizamos vermelho, amarelo, verde e azul, marcando a opção Align with layer.
![Imagem5 — Foto: TechTudo](https://s2-techtudo.glbimg.com/o8ExhE5Mt3YAV5a2NZFWtiU_nMk=/0x0:620x370/984x0/smart/filters:strip_icc()/i.s3.glbimg.com/v1/AUTH_08fbf48bc0524877943fe86e43087e7a/internal_photos/bs/2021/4/Y/AFlyVVSXAEWxVjEaOr0g/2012-01-19-imagem52.jpg)
Passo 5. Em Filter > Blur > Gaussian Blur adicionaremos 4.0 pixels para o radius.
![Imagem6 — Foto: TechTudo](https://s2-techtudo.glbimg.com/eLSR0vHqN5oiXj4s7gsdObnGWrc=/0x0:620x370/984x0/smart/filters:strip_icc()/i.s3.glbimg.com/v1/AUTH_08fbf48bc0524877943fe86e43087e7a/internal_photos/bs/2021/J/F/oRZ7tvTL6GSfqU8ErEuQ/2012-01-19-imagem6.jpg)
Passo 6. Torne visível a camada que foi duplicada e “escondida” no Passo 3. Vá novamente em Filter > Blur > Gaussian Blur e adicione a esta camada 1.0 pixels para o radius, como no Passo 5.
![Imagem7 — Foto: TechTudo](https://s2-techtudo.glbimg.com/o3Fn_z92grWZKka5yiJYblFg6-0=/0x0:300x400/984x0/smart/filters:strip_icc()/i.s3.glbimg.com/v1/AUTH_08fbf48bc0524877943fe86e43087e7a/internal_photos/bs/2021/E/A/pEd71zRA2BhfgsurAgkw/2012-01-19-imagem7.jpg)
Passo 7. Ainda na camada duplicada, vá em Layer > Layer Style > Blending Options e altere o campo Fill Opacity para 0%. Agora vá em Outer Glow e altere o Blend Mode para Color Dodge com opacidade de 50% com a cor branca. Ainda em Outer Glow altere o tamanho em Elements > Size = 18%. Continue na tela Blending Options e agora clique em Color Overlay alterando a cor para branco. Clique em ok.
![Imagem8 — Foto: TechTudo](https://s2-techtudo.glbimg.com/1irr_rhZL7r08SXFdFh6xmMymHc=/0x0:620x370/984x0/smart/filters:strip_icc()/i.s3.glbimg.com/v1/AUTH_08fbf48bc0524877943fe86e43087e7a/internal_photos/bs/2021/7/m/oeJXk3Qga7Qu4NmLplqw/2012-01-19-imagem8.jpg)
![Imagem9 — Foto: TechTudo](https://s2-techtudo.glbimg.com/oUbg2B2ZXel_8jY_aWldmaq70so=/0x0:620x370/984x0/smart/filters:strip_icc()/i.s3.glbimg.com/v1/AUTH_08fbf48bc0524877943fe86e43087e7a/internal_photos/bs/2021/1/C/b14wwKQfSu4TnpYZZAxQ/2012-01-19-imagem91.jpg)
![Imagem10 — Foto: TechTudo](https://s2-techtudo.glbimg.com/oQ7YJWjgNp3Vkopf2E9vsu8XlGM=/0x0:620x370/984x0/smart/filters:strip_icc()/i.s3.glbimg.com/v1/AUTH_08fbf48bc0524877943fe86e43087e7a/internal_photos/bs/2021/x/E/XXgjOASeuzu0LI7LBz7g/2012-01-19-imagem101.jpg)
Passo 8. Selecione a primeira camada da logo e altere sua Blend para Color Dodge. Se preferir pode colocá-la dentro de uma pasta Grupo, e alterar a Blend do grupo.
![Imagem11 — Foto: TechTudo](https://s2-techtudo.glbimg.com/5u6vMPCn2D3sBgSl1RJXz0US4EY=/0x0:300x400/984x0/smart/filters:strip_icc()/i.s3.glbimg.com/v1/AUTH_08fbf48bc0524877943fe86e43087e7a/internal_photos/bs/2021/6/Z/WxHgA8QXOxkrs2FrX79Q/2012-01-19-imagem111.jpg)
![Neon-Effect — Foto: TechTudo](https://s2-techtudo.glbimg.com/F3XHYL_bUj0w0iztn8VoefRkalI=/0x0:620x465/984x0/smart/filters:strip_icc()/i.s3.glbimg.com/v1/AUTH_08fbf48bc0524877943fe86e43087e7a/internal_photos/bs/2021/Q/G/mLLp49T9aEp14Uhn97bQ/2012-01-19-neon-effect.jpg)
Com esta técnica podem ser criados vários efeitos de neon, alterando apenas a porcentagem de opacidades para ficar mais forte ou fraco dependendo da cor do fundo. Pode-se também alterar as cores, vale a pena testar.