How to create Neon Illustration Happy New Year 2012 in Photoshop CS5
December 9th, 2011 by admin Posted in Adobe Photoshop, Designing, Text Effects
Let’s create now more digits inside the already represented ones. They will represent the highlights, giving more volume to our original digits. Choose the Pen Tool (P), set the drawing mode on Shape Layers in Options bar and draw the next shape as shown.
Set Fill to 0% for this layer and click on Add a layer style icon from bottom part of the Layers panel to select Stroke.
We’ve got the next result:
Click on Add a layer style icon from bottom part of the Layers panel and select Blending Option. In Advanced Blending check the Layer Mask Hides Effects.
Insert the mask on the layer by choosing Add layer mask on the bottom part of the Layers panel and choose the Soft Round brush of black color.
Paint in the mask using this brush to hide the unnecessary line.
Applying the last described method, we may represent the highlights inside the other digits, using the same tools (Pen Tool (P)). The Layer’s style are the same (Stroke).
Combine in a group all the layers composing the inside highlights on the digits (press CTRL button to select the necessary layers and hold on the left mouse’s button while dragging the selected layers on Create a new group icon from bottom part of the Layers panel). The new group must be rasterized. In this case select the group in Layers panel and press CTRL+E to Merge Down.
Click on Add a layer style icon from bottom part of the Layers panel and select Outer Glow.
We’ve got the next result:
Insert the mask on the layer by choosing Add layer mask on the bottom part of the Layers panel and choose the Soft Round brush of black color (set Opacity to 60% in Options bar).
Paint in the mask using this brush to hide the edges of the inside highlights.
Make a copy of the last made layer and apply the next filter: Filter > Blur > Gaussian blur.
We’ve got the next result:
Create a new layer and select the Soft Round brush.
Use this brush to paint with white color the digits’ surface. Apply on several places the brush with the Opacity of 20%.
Insert the mask on the layer by choosing Add layer mask on the bottom part of the Layers panel , press CTRL+I in the mask to Inverse the color and and choose the Soft Round brush of white color (set Opacity to 20% in Options bar).
Paint in the mask using this brush to hide the bottom part of the digits.
Set the Blending mode for this layer to Overlay.
Create one more new layer with the digits on it. Select the Horizontal Type tool (T). Select a font, size and color in the Character panel.
Place it exactly the same way the very first layer is represented.
Set Fill to 0% for this layer and click on Add a layer style icon from bottom part of the Layers panel to select Bevel and Emboss.
Add Satin:
We’ve got the next result:
Right click on the Effects and select Create Layers on the Layers panel.
We’ll get clipping masks from Layer styles:
Apple the next filter: Filter > Blur > Gaussian blur.
We’ve got the next result:
Make a copy of the layer on which we had created an inverted mask and painted the digits. Place the copy’s layer above all the layers.
Applying on the mask the Soft Round brush of white color (brush Opacity – 15%), we may hide the indicated zones on the digits.
We’ve got the next result:
Our Neon Illustration is finished!
Merry Christmas and Happy New Year!
View full size here.
Download free Layered PSD file.
Post Pages: 1 2
Tags: 2012, abstract, background, card, celebration, christmas, colorful, decoration, design, festive, gift, glow, greeting, happy, holiday, Illustration, january, merry, neon, psd, season, snow, snowflake, star, text-effect, winter, xmas, year
rejidesigner
12/12/2011
beautiful tutorial. I liked the effect very much.
Abhi
12/12/2011
Oh WOW!! What are YOU ??
This is a freaking awesome tutorial~~!! Extremely superb!
Where do you get such ideas?
Why not compile them into some,sort of like, RAR/ZIP so that we can download all the lessons and share with my friends ?.
peter
13/12/2011
similar to one tut i seen in your website ago
Taskmaster
13/12/2011
nah! not for me, way too many steps involved, I learned a few tricks thought
lolo
28/12/2011
where is the rest of tutorial ????
there isn’t the same result like this
http://www.adobetutorialz.com/content_images/AdobePhotoshop/ART-D/tutorial584/1.jpg
Herri
28/12/2011
similar to one tut i seen in your website ago
James
28/12/2011
Looks really cool, thanks for posting. This image is has missed off the 2012 text inside the final design though. How do you complete it? Thanks
James
28/12/2011
LOL ok just seen there’s another page. Scratch that!
Michael
28/12/2011
I don’t think it has too many steps. It only looks that way in the toutril.
Vincent
29/12/2011
Yeah, besides the design looks dated.
palsent
29/12/2011
It’s a good tutorial but the 2012 at the top of this page is completely different from your so called final result. Why did the tutorial stop before completion? I would have loved to have used this technique on other projects.
palsent
29/12/2011
Sorry about the last posting, I noticed this, Post Pages: 1 2, in very small font hidden between an ad and some other postings. Select 2 for more of this tutorial. Ü
Izzyspanish
29/12/2011
What a wonderful, user-friendly, humble-yet complete tutorial. Two thumbs up. It was of a great help. Happy 2012…!
Geoff
29/12/2011
I’m having problems practically at the start – my gradient editor doesn’t have a set which gives a set like that in the defaults that came with CS5. It also doesn’t give me a hex code in the color stops, so I’m lost pretty much from there.
myName
29/12/2011
What is the font?
myName
29/12/2011
RE: What is the font?
Sorry, I didn’t noticed it’s VAGRounded
Oliver
29/12/2011
Very nice tutorial….Thank you very much!
Ted
29/12/2011
Where is the .psd file?
francky
30/12/2011
great
very beautifull
yurie
31/12/2011
Thank you, this is a great tutorial.
I did and made it!
Happy New Year!
business writing services
01/01/2012
Wow! What a great step by step tips!!!! It’s really helpful. A learner can make easier to create this type of images.
Thank you so much for sharing your knowledge. Please keep it up.
James
13/01/2012
Thanks for the great tutorial !
naol
02/02/2012
oh!
What a magnificent effect !
APNA JAHANIAN
27/02/2012
can you please guide me how to use photoshop actions? and how to install or copy them into photoshop?
Krishna Kiran
06/05/2012
Way to go!! Nice tut buddy.. Love the effect.. Can you tell me how to do this illustration using GIMP?
ali
08/05/2012
hello .
your tutorials are very good.
good luck.
Darlene
10/09/2012
For the people who are saying that the tutorial is incomplete, try going on to the second page. The rest of the tutorial is there.
JAHED
03/10/2012
awesome tutorial
thanks!
veni
07/10/2012
pls.. show all steps in single page
Ormild
15/02/2013
Am having problems using the drawing pen tool…help please