Destaques da Semana

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
imagem de Anônimo
re:
need to check
imagem de Anônimo
MC
You are the best!!!!
imagem de Anônimo
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!
imagem de Anônimo
AWESOME
imagem de Anônimo
nice, this is a pretty neat project
imagem de Anônimo
thank you so much
imagem de Anônimo
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

Lomadee, uma nova espécie na web. A maior plataforma de afiliados da América Latina
Portal da Festa

Atualizações dos Usuários

Efeito Freddie mercuryprateado

Acompanhar

Participe da nossa comunidade no Orkut! Siga-me no Twitter e fique por dentro das novidades Facebook Feed Posts

Wallpapers

Amigos

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 2009 Todos os direitos reservados. Hospedado por Homehost. Site desenvolvido em Drupal Tema desenvolvido por Victor Tiago.