Bons Tutoriais
Destaques do site
Aprenda a criar uma bola de fogo no Photoshop Os melhores video feitos com stop-motion Entrevista com Cristiano Siqueira (CrisVector)

 

 

Learn to make a nice text effect neon

Join in more than 2500 follows Twitter and RSS, follows the or RSS.
Effect neon on Photoshop
Neon effect on Photoshop

One effect that I find most interesting and good results is the effect of neon, so the way I like this effect so I decided to do a tutorial, a tutorial is pretty fast to make and easy to learn and you get a great result.

For me to start doing this tutorial I first thought about putting a background image, then sought the sxc site, which is a site well known for offering free photos for any use. Here is the link of the image http://www.sxc.hu/photo/1095041, the image I chose for the background was this.

First let's start with the image of the grid that download;

Effect neon on Photoshop

We will reduce the saturation of the same, go to Image > Adjustments > Hue / saturation ...
And put the value of saturation from "-61", will be more or less so;

Effect neon on Photoshop

Now the layer where the image is going to add a mask. To add you go to Layer > Layer Mask > Reveal all. After that he appeared to mask the side of the layer, select it, as in the image;

Effect neon on Photoshop

Now go to Filters> Render> Clouds will be something like this, there will also not be like my filter because it is random, you can go apply it more than once until you reach a satisfactory result;

Effect neon on Photoshop

After this we will create another new blank layer upon layer of the grid, fill it black, add a mask layer> Layer Mask> Reveal All, looks like this;

Effect neon on Photoshop

Once select the mask, use a normal Brushe to paint in the middle layer, in my case I used a brush "in black (need to) 600px size, and hardness at 0%", use the Brushe right in the middle layer, I think two clicks is enough, but you can use the way it gets better for you, be so;

Effect neon on Photoshop

Now let's find a font that best fits with neon, the font that I found and look good is neuropol, there is the link for you download. Http://www.dafont.com/neuropol.font?text = neonthis site is of free fonts you can find many good fonts and that certainly will help you in some of their work.

Effect neon on Photoshop

After you have installed the font, type neon in lower case (in my case I left the font size of 425 pt), but instead you write ncon neon type, you'll know why .

Effect neon on Photoshop

After that, convert your text in bitmap (right above the text layer, and then click Rasterize Layer);
After this layer on the text will create a simple bar in the middle of the letter c so that it is equal to the letter e.

Effect neon on Photoshop

Once created, hold CTRL and click the left button on the layer that is the word to make a selection.

Effect neon on Photoshop

Follow the path below and place a value on that selection to contract about 50% of the selection;

Effect neon on Photoshop
Effect neon on Photoshop

This done in the same layer of the text, press (CTRL + J) to duplicate and after delete the old layer of the text, we now use the layer we have just doubled.

Effect neon on Photoshop

Double-click the text layer in the Layer Style menu settings let;

Effect neon on Photoshop

Now create a new layer and apply a gradient fill or color that you feel better ...

Effect neon on Photoshop

Apply this layer the Blending Mode to Color;

Effect neon on Photoshop

It will be something like this...

Effect neon on Photoshop

After this, delete the parts that where the color will not use rubber or mask

Effect neon on Photoshop

Final result;

Effect neon on Photoshop

Note

For you who wants to stay with just one color, is easier, you just put color on the Layer Style and leave the options below...

Effect neon on Photoshop

Example:

Effect neon on Photoshop

I hope I have helped you





Sobre o Autor
Victor Tiago, designer founder of the web site Bons Tutoriais, made the site in order to be sharing some of his experience in the area of web design and graphic desing. If you want to contact send a message by contact form, twitter:victortiago
Por victortiago - janeiro 28th, 2010
Related Posts Plugin for WordPress, Blogger...
imagem de Visitante
Tentei mas infelizmente não consegui, ao final quando pede pra criar uma nova camada e colocar o gradiente desejado simplesmente não dá certo.
Related Posts Plugin for WordPress, Blogger...
imagem de Visitante

An excellent tutorial. Thank you.

 

Bruno Rosa

www.sempihost.com.br

Related Posts Plugin for WordPress, Blogger...
imagem de Visitante
Thank you for your entry. I nearly handed your website up in Yahoo but now I am glad I checked it out and acquired to go via it. I am certainly a tiny better informed now. I realize rather a few individuals which will desire to verify it out. They'll for certain delight in the heck out of what I just study very. LOL. --Matt
Related Posts Plugin for WordPress, Blogger...
imagem de Visitante
The man who has made up his mind to win will never say "impossible ". -------------- The University of Utah
Related Posts Plugin for WordPress, Blogger...
imagem de Visitante
very nice
Related Posts Plugin for WordPress, Blogger...
imagem de Visitante
Tres intiresno, gracias
Related Posts Plugin for WordPress, Blogger...
imagem de Visitante
i got photoshop cs5 extended and i downloaded that image after that i opened in cs5 then i reduce the saturation as u said and after that i am not able to put layer mask.... please tell me what to do? thx .
Related Posts Plugin for WordPress, Blogger...
imagem de victortiago
Probably this image that you are picking is as background, to unlock make this - click on layer 2 times them press ok, so u i-ll Be Able to apply layer mask, Tkx
Related Posts Plugin for WordPress, Blogger...
imagem de Visitante
re:
need to check
Related Posts Plugin for WordPress, Blogger...
imagem de Visitante
MC
You are the best!!!!
Related Posts Plugin for WordPress, Blogger...
imagem de Visitante
The textual neon effect is done perfectly. The colors and glowing effect are both complementary to one another. I like how the final product looks. I've been trying to design a logo somewhat like this (in essence, of course) for myself and it was a disaster! I didn't manage to get it looking right. It was a little bit... off somehow. Finally, I decided to use the professional services of an online logo design site instead(http://www.logodesignplanet.com) and got the logo I wanted at an affordable price and fast too, within 24 hours. I did provide this link for reference and inspiration to my designer as I liked how yours look. I'm not going to design a logo without any professional help anytime soon though it's fun. And liberating. Haha. BTW, thanks for posting this!
Related Posts Plugin for WordPress, Blogger...
imagem de Visitante
AWESOME
Related Posts Plugin for WordPress, Blogger...
imagem de Visitante
nice, this is a pretty neat project
Related Posts Plugin for WordPress, Blogger...
imagem de Visitante
thank you so much
Related Posts Plugin for WordPress, Blogger...
imagem de Visitante
ben
thanks

Comentar

  • Endereços de páginas de internet e emails viram links automaticamente.
  • Tags HTML permitidas: <a> <p> <span> <div> <h1> <h2> <h3> <h4> <h5> <h6> <img> <map> <area> <hr> <br> <br /> <ul> <ol> <li> <dl> <dt> <dd> <table> <tr> <td> <em> <b> <u> <i> <strong> <font> <del> <ins> <sub> <sup> <quote> <blockquote> <pre> <address> <code> <cite> <embed> <object> <param> <strike> <caption>

Mais informações sobre as opções de formatação

Anúncios Patrocinados

Hospedagem de R$:14,90 por mês e com 500 GB de espaço! confira!
 

Curta

 
 

Acompanhar

Participe da nossa comunidade no Orkut! Siga-me no Twitter e fique por dentro das novidades Facebook Feed Posts
Agregadores
 
Está no seu momento de descanso né? Entao clique aqui! LinkLog :: O melhor da internet UEBA - Melhores links
 

Patrocinio

 
 
 

Mais vistos do mês que passou...

Incríveis fotos de tatuagens 3D

Imagens de Tatoo 3D

Vejam só o realismo destas tatuagens 3D e como os tatuadores são habilidosos, ótimas tatuagens.

veja mais

Aprenda a colocar tatuagens no corpo com o Photoshop

inserindo Tatoo no Photoshop

Aprenda neste tutorial de Photoshop como colocar tatuagens no corpo de uma pessoa com o Photoshop.

veja mais

Tatuagens de Dragões, 21 imagens

Ótimas imagens de tatuagens de Dragões

Veja neste post de inspiração algumas fotos de Tatuagens de Dragões, belos desenhos e realismo ao máximo.

veja mais

Temas para Wordpress grátis para seu blog

Seleção de temas grátis para Wordpress

Seleção de temas totalmente grátis de Wordpress selecionado a dedo para todos os gostos.

veja mais

 

Criando uma cartão de visitas no Photoshop

Aprenda a criar um cartão de visitas com o Photoshop

Aprenda neste tutorial de Photoshop completo de como criar uma cartão de visitas de modo fácil e rápido.

veja mais

Efeito de neve no Flash

Como colocar neve caindo nos seus swf

Veja neste post os 10 melhores sites para você baixar temas para o seu Blog do Blogspot, são inúmeros temas grátis para baixar.

veja mais

20 tutoriais de Photoshop para estilos de Texto

20 melhores efeitos de texto.

Separei 20 dos melhores tutoriais de Photoshop que encontrei na web de efeitos de texto, espero que gostem.

veja mais

Tutorial de Photoshop Criando um efeito de neon

20 melhores efeitos de texto.

Separei 20 dos melhores tutoriais de Photoshop que encontrei na web de efeitos de texto, espero que gostem.

veja mais

 

Quem sou

Em primeiro lugar muito obrigado por visitar o meu site, meu nome é Victor Tiago sou Designer Web/gráfico, localizado em São Paulo adoro mecher com design e programação e fiz este blog com o intuito de compartilhar com vocês minha experiência nesta área através de tutoriais. Sejam Bem vindos!

Caso queira entrar em contato comigo envie um e-mail para victortiago@yahoo.com ou acessem meu twitter @victortiago

Sugestões ?

Bons Tutoriais é um site de tutoriais/ vídeo aulas de vários programas variados não só tutoriais mas também dicas e inspirações, o site é focado para a área de marketing, publicidade e design.

Bons Tutoriais é um site dinâmico em que os usuários podem divulgar seus trabalhos ou tutoriais e também pedir sugestões de tutoriais enviando os links pelo formulário de contato, o conteúdo deste blog é protegido sob a licença Creative Commons.

Você pode usar o conteúdo dos tutoriais para trabalhos e demonstrações, em caso cópia do post para outros sites colocar a fonte.

Seja nosso parceiro

Adicione nosso banner em sua pagina e faça parte do nosso quadro de amigos!

Copie o código do banner desejado abaixo.

Res: 180x40

Bons Tutoriais - Vídeo-aulas e Tutoriais

Código

Res: 120x60

Bons Tutoriais - Vídeo-aulas e Tutoriais

Código

Bons Tutoriais 2011 Todos os direitos reservados. Hospedado por Homehost. Site desenvolvido em Drupal Tema desenvolvido por Victor Tiago.