1 of 8

SOBRE

COMO CRIAR TEXTO DE NEON NO

PHOTOSHOP (COM ARQUIVO .PSD)
Por Joana Claudino

Em Efeitos de Texto

DETALHES
TUTORIAL

5 Comentrios

685 Visualizaes

DO

Categoria: Efeitos de Texto

Dificuldade: Fcil
Tempo de realizao: 15-25 minutos
Verso do Photoshop: Realizado no
Photoshop CS6 mas possvel usar as
verses anteriores.
Descrio: Neste tutorial ensinamos-lhe a
criar

um

texto

de

neon

usando

maioritariamente Layer Styles/Estilos de

Camada.

RECURSOS NECESSRIOS
Imagem de stock: Brick Wall
Fonte: Freestyle Script

1. CRIAO DO FUNDO DA IMAGEM

Para comear, abra o Photoshop e crie um novo documento (Ctrl+N/Cmd+N) com 1680 x
1050 pixeis. Depois abra a imagem de stock Brick Wall no Photoshop e cole-a no
documento que criou anteriormente. Use o comando Free Transform/Transformao Livre
(Ctrl+T/Cmd+T) para ajustar o tamanho da imagem de stock ao do documento.

2. CRIAO DO TEXTO
Agarre na Horizontal Type Tool/Ferramenta Texto Horizontal (T) e com a fonte Freestyle
Script, com tamanho de 190 pt e com cor branca escreva o seu texto.
[box_alert]Ateno: O efeito ensinado no tutorial apenas funciona bem com a fonte usada no
tutorial, ou seja, a Freestylescript. Portanto, se voc pretende obter um efeito com a melhor
qualidade possvel, aconselho-o a usar tambm a fonte Freestyle Script.[/box_alert]

2 of 8

MDIAS SOCIAIS

986 Fs

136 Seguidores

4 Subscritores

Como pode ver as letras do texto so pouco espessas, portanto, vamos coloc-los a negrito.
Para isso, v a Window>Character/Janela>Caractere e clique no cone destacado na
imagem a seguir:

RECEBA NOSSOS
CONTEDOS
Introduza o seu email:

O resultado obtido o seguinte:

ARTIGOS POPULARES
1. Criando uma capa no Photoshop para o
Facebook com a foto de perfil integrada
2. Os principais tipos de fotografia
3. Razes porque todos os designers devem ter
um portflio online
4. Como eu criei a capa do Photoshop PT para
o Facebook
5. Como instalar plugins na edio porttil do
Photoshop

Agora vamos fazer uma seleo do texto. Pressione ento Ctrl/Cmd e clique na miniatura da
Text Layer/Camada de Texto no Layers Panel/Painel das Camadas para criar uma seleo
do texto. Depois v a Select>Modify>Contract/Selecionar>Modificar>Contrao e defina
7px.

CRIATIVIDADE PLUS NAS

MDIAS SOCIAIS
Criatividade Plus (+)
Curtir

1.029 pessoas curtiram Criatividade Plus (+).

Com isto, a seleo fica como na imagem mostrada em baixo:

Plug-in social do Facebook

3 of 8

Rasterize a Text Layer/Camada de Texto e pressione Delete/Eliminar. Assim, voc

remover o interior das letras.

3. ESTILIZAO DO TEXTO
Com a Text Layer/Camada de Texto selecionada no Layers Panel/Painel das Camadas v
a Layer>Layer Style/Camada>Estilo de Camada (ou simplesmente d um duplo-clique na
Layer/Camada) na e aplique os seguintes estilos:
Bevel and Emboss/Chanfro e Entalhe

Contour/Contorno

4 of 8

Color Overlay/Sobreposio de cor

Outer Glow/Brilho Externo

Drop Shadow/Sombra Projetada

O resultado que voc obtm depois de aplicar os Layer Styles/Estilos de Camada o

seguinte:

5 of 8

4. AJUSTES FINAIS
Agora chegou a altura de darmos um aspecto mais escuro imagem (como se fosse de noite).
Para isso, agarre na Burn Tool/Ferramenta Superexposio (O) e defina os seguintes
parmetros na barra de opes:

Selecione a Layer/Camada Brick Wall no Layers Panel/Painel das Camadas e use ento
a Burn Tool/Ferramenta Superexposio (O) para criar um efeito como o da imagem
abaixo:

Crie uma nova Layer/Camada por cima da Layer/Camada Brick Wall e por baixo da Text
Layer/Camada de Texto (que foi rasterizada). Depois agarre na Brush Tool/Ferramenta
Pincel (B), escolha um Soft Brush/Pincel Suave com 500 pixeis e com cor #ffe2f3 e pinte a
Layer/Camada como mostrado na imagem abaixo:

CONCLUSO
Mude o Blend Mode/Modo de Mesclagem da ltima Layer/Camada que criou para Linear
Burn/Superexposio Linear e ir obter o resultado mostrado na imagem abaixo. Espero que
tenha gostado do tutorial! Caso tenha alguma dvida, deixe um comentrio. Mais abaixo segue
tambm o arquivo .psd. Confira o resultado do tutorial:

6 of 8

Faa download do arquivo.psd: Texto de Neon (arquivo .psd).

Tutorial exclusivo do Criatividade Plus, criado por Joana Claudino.

Etiquetas Encontre
Aqui
Fabricamos Etiquetas E Rtulos
Em Rolo/Folha, 1 a 8 Cores. ISO
9001

TAGGED:

efeito texto photoshop

tutorial texto neon

Share

Tweetar

Sobre o Autor
Joana Claudino - a fundadora do Criatividade Plus (+). Adora tudo o que esteja
relacionado com design, marketing publicitrio, desenho tradicional, Photoshop e com
artes no geral, est sempre atenta s novidades destas reas. Tradutora da Adobe TV.

Artigos Relacionados

Como criar um quebra- Aprenda a criar texto de Faa download da

Criando o planeta Terra
cabeas (tutorial
mel numa tosta
Adobe Creative Suite 2 em 3D no Photoshop
Photoshop e Illustrator)
gratuitamente

5 RESPOSTAS PARA COMO CRIAR TEXTO DE NEON

NO PHOTOSHOP (COM ARQUIVO .PSD)
Mauro Garcia disse:
12 de abril de 2013 s 00:30
Ficou muito legal isso mesmo q eu esperava
agora uma duvida como designer sera q ficaria bom ao inves de rosa colocar azul como
color overlay ? abraos muito bom mesmo continue assim
RESPONDER

Joana Claudino disse:

7 of 8

12 de abril de 2013 s 01:00

Ainda bem que voc gostou Mauro! Sim, voc poderia usar azul sem qualquer
problema Isso depois implicaria outras alteraes (usar tambm azul no outer
glow e no passo 4) mas no teria qualquer problema!
Em relao ao arquivo .psd, penso que agora j d para baixar. Caso no d, volte
a dizer-me que eu tento resolver o problema.
Abrao e muito obrigado pelo elogio, so comentrios como o seu que do mesmo
vontade de continuar
RESPONDER

Mauro Garcia disse:

12 de abril de 2013 s 00:32
no estou conseguindo baixar o arquivo psd
RESPONDER

Mauro Garcia disse:

13 de abril de 2013 s 19:18
massa agora consegui baixar o psd
RESPONDER

Joana Claudino disse:

14 de abril de 2013 s 11:56
Ainda bem Mauro
RESPONDER

DEIXE UMA RESPOSTA

O seu endereo de email no ser publicado Campos obrigatrios so marcados *
Nome *

Email *

Site

Comentrio

Voc pode usar estas tags e atributos de HTML: <a href="" title=""> <abbr title="">
<acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime="">
<em> <i> <q cite=""> <strike> <strong>

Notificar-me de novos comentrios a este artigo.

8 of 8

CRIATIVIDADE PLUS - ALGUNS DIREITOS RESERVADOS.