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

How to create an Impressive Greeting card with Neon New Year 2012 text in Photoshop CS5

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.

How to create an Impressive New Year 2012 card with Neon text in Photoshop CS5

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.

How to create an Impressive New Year 2012 card with Neon text in Photoshop CS5

We’ve got the next background:

How to create an Impressive New Year 2012 card with Neon text in Photoshop CS5

Then we have to represent a plane surface, using the Rectangle Tool (U) draw the next rectangle.

How to create an Impressive New Year 2012 card with Neon text in Photoshop CS5

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.

How to create an Impressive New Year 2012 card with Neon text in Photoshop CS5

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.

How to create an Impressive New Year 2012 card with Neon text in Photoshop CS5

We’ve got the next result:

How to create an Impressive New Year 2012 card with Neon text in Photoshop CS5

Insert the message text for greeting card. Select the Horizontal Type tool (T). Select a font, size and color in the Character panel.

How to create an Impressive New Year 2012 card with Neon text in Photoshop CS5

Click in the canvas and type ’2012′. Press Enter to apply the text.

How to create an Impressive New Year 2012 card with Neon text in Photoshop CS5

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.

How to create an Impressive New Year 2012 card with Neon text in Photoshop CS5

Add Bevel and Emboss:

How to create an Impressive New Year 2012 card with Neon text in Photoshop CS5

Apply Color Overlay:

How to create an Impressive New Year 2012 card with Neon text in Photoshop CS5

Add Satin:

How to create an Impressive New Year 2012 card with Neon text in Photoshop CS5

We’ve got the next result:

How to create an Impressive New Year 2012 card with Neon text in Photoshop CS5

Create a new layer now and choose the Elliptical Marquee Tool (M) to make the next selection as shown.

How to create an Impressive New Year 2012 card with Neon text in Photoshop CS5

Then apply the Paint Bucket Tool (G) to fill the selection with #0768B7 color. Place the layer under the layer containing the digits ’2012′.

How to create an Impressive New Year 2012 card with Neon text in Photoshop CS5

Apply the next filter on layer: Filter >Blur > Gaussian blur:

How to create an Impressive New Year 2012 card with Neon text in Photoshop CS5

… and also Filter > Blur > Motion Blur:

How to create an Impressive New Year 2012 card with Neon text in Photoshop CS5

This way we’ll get the next shadow:

How to create an Impressive New Year 2012 card with Neon text in Photoshop CS5

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.

How to create an Impressive New Year 2012 card with Neon text in Photoshop CS5

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.

How to create an Impressive New Year 2012 card with Neon text in Photoshop CS5

Create now a new layer and select here the Soft Round brush.

How to create an Impressive New Year 2012 card with Neon text in Photoshop CS5

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.

How to create an Impressive New Year 2012 card with Neon text in Photoshop CS5

Set the Blending mode for this layer to Color Burn.

How to create an Impressive New Year 2012 card with Neon text in Photoshop CS5

Now we’ll create the next new layer, using the Rectangular Marquee Tool (M) make the next selection.

How to create an Impressive New Year 2012 card with Neon text in Photoshop CS5

Now we have to paint the digits’ zone with the color #9EF9FF, select the Soft Round brush to paint inside the selection.

How to create an Impressive New Year 2012 card with Neon text in Photoshop CS5

We’ve got the next result:

How to create an Impressive New Year 2012 card with Neon text in Photoshop CS5

  •  

  •    
  •  

 

Post Pages: 1 2

Tags: , , , , , , , , , , , , , , , , , , , , , , , , , ,

  • 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.