How to create an Impressive New Year 2012 card with Neon text in Photoshop CS5
November 13th, 2011 by admin Posted in Adobe Photoshop, Designing, Text Effects
If you want to learn how to create an impressive card for the holiday, then we have an awesome tutorial for you. I’m going to show you how use brushes and Layer styles in Photoshop CS5 to create eye catching digital illustration with neon text effect. Layered PSD file included. Let’s get started!
Final Image Preview
Start working by creating a new document (Ctrl+N) in Adobe Photoshop with the size 1900px by 1200px (RGB color mode) at a resolution of 300 pixels/inch. Select the background layer in Layers panel and click on Add a layer style icon from bottom part of the Layers panel to select Gradient Overlay.
Click in the color bar to open the Gradient Editor and set the color stops as shown. Click OK to close the Gradient Editor dialog box.
We’ve got the next background:
Then we have to represent a plane surface, using the Rectangle Tool (U) draw the next rectangle.
Set Fill to 0% for this layer and click on Add a layer style icon from bottom part of the Layers panel to select Gradient Overlay.
Click in the color bar to open the Gradient Editor and set the color stops as shown. Click OK to close the Gradient Editor dialog box.
We’ve got the next result:
Insert the message text for greeting card. Select the Horizontal Type tool (T). Select a font, size and color in the Character panel.
Click in the canvas and type ’2012′. Press Enter to apply the text.
Set Fill to 0% for this layer and click on Add a layer style icon from bottom part of the Layers panel to select Outer Glow.
Add Bevel and Emboss:
Apply Color Overlay:
Add Satin:
We’ve got the next result:
Create a new layer now and choose the Elliptical Marquee Tool (M) to make the next selection as shown.
Then apply the Paint Bucket Tool (G) to fill the selection with #0768B7 color. Place the layer under the layer containing the digits ’2012′.
Apply the next filter on layer: Filter >Blur > Gaussian blur:
… and also Filter > Blur > Motion Blur:
This way we’ll get the next shadow:
Make a copy of the last made layer and select the Free Transform (Ctrl+T) command to stretch out the copy’s layer vertically. The copy’s layer needs to be situated under the layer with the digits.
Represent now the shadow of white color, using the method described above. Apply on the shadow also the filters mentioned earlier also. The layer will be placed under the layer containing the digits.
Create now a new layer and select here the Soft Round brush.
Use this brush to paint the canvas with the color #88F4FF (set brush Opacity to 60% in Options bar). Place this layer under the layer with the 2012 digits.
Set the Blending mode for this layer to Color Burn.
Now we’ll create the next new layer, using the Rectangular Marquee Tool (M) make the next selection.
Now we have to paint the digits’ zone with the color #9EF9FF, select the Soft Round brush to paint inside the selection.
We’ve got the next result:
Post Pages: 1 2
Tags: abstract, background, card, celebration, christmas, decoration, design, festive, gift, glow, golden, greeting, happy, holiday, Illustration, january, merry, neon, ornament, season, snow, snowflake, star, text-effect, winter, xmas, year
Nora Reed
14/11/2011
Nice tutorial, i will try to make this!! Thanks 4 sharing
john
15/11/2011
First 2012 I saw and it looks beautiful, I was expecting a more apocalyptic design
Margaret
15/11/2011
I can’t help but feel there is something missing in the last step. The edges are so hard and don’t look right on that last layer. I have experimented with a few things and the one that pleases me most is setting the blend mode of the layer to soft light and adding the gaussian blur set to 20px. That softens the edges of that rectangle you painted.
Also your final image appears to have a duplicate layer to the text rotated and sized to appear like a reflection and you’ve added sparkles to the entire image. Why weren’t those steps included?
Thanks!
Nisha
15/11/2011
wow its so awesome!!
Pusaka
15/11/2011
Nice tutorial… I wil try to make it to….. Thanks
Van
17/11/2011
Great tutorial! Found this one being featured on pixel2life
LithiC
18/11/2011
I love the style !!!that’s awesome! Thanks for sharing!
divix
18/11/2011
psd link is not relevant :/
Temp
19/11/2011
@Margaret – I think you’ve missed the link to the 2nd page at the bottom of the 1st page.
http://www.adobetutorialz.com/articles/30970807/1/create-an-impressive-new-year-2012-card-with-neon-text-photoshop-cs5/2
Aaron
23/11/2011
Hi, i cant do this part “Click in the color bar to open the Gradient Editor and set the color stops as shown. Click OK to close the Gradient Editor dialog box.” because when i try to change the colors it doesnt change!
linnthitmyat
23/11/2011
@Aaron
After U set the colour (2DA9FF & 02112C) u will need to press “Alt+BackSpace” to fill the colour.
peter
29/11/2011
super good. good looking.
willianamy
02/12/2011
J’aime beaucoup toutes ces couleur!
en ce moment, j’aime vraiment toutes tes tenues; les couleurs te vont vraiment bien!
PC
03/12/2011
The Download free Layered PSD file does not match the tutorial.
Link
04/12/2011
psd link wrong
hernan miguel
05/12/2011
Maravillosos tutoriales, simplemente esplendidos, gracias por los tutoriales.
Dios lo bendiga
admin
06/12/2011
Sorry guys,
link to PSD file was fixed.
Susan
16/12/2011
I made it and it’s so beautiful. Thank you!
soucer330
21/12/2011
good~~~~~~~~~~~~
whiteahawk
15/02/2012
hii … some part of the tutorials are not able to understand … plzz try to write some more thing with the pic’s …
Kerin
24/05/2012
“Represent now the shadow of white color, using the method described above. Apply on the shadow also the filters mentioned earlier also. The layer will be placed under the layer containing the digits.”
I don’t understand this part
.. can you help me?
HellxOmega
27/06/2012
Then we have to represent a plane surface, using the Rectangle Tool (U) draw the next rectangle.
i did that and the background but it didn’t become like the one you had .. when you say “We’ve got the next result:” mine looks like the same as before except with a line in the picture and didn’t change like yours .. where did i go wrong ?
Bassam
11/10/2012
wonderful
barek
16/11/2012
very nice, tnx.
Ormild
15/02/2013
My background is not changing at the first step….and also cant click on the add a layer style icon…..whay could be the problem.