How to create amazing colorful text effect in Photoshop CS5

May 23rd, 2011 by ART-D Posted in Adobe Photoshop, Text Effects

   

In the following Quick Tip tutorial you will learn how to mix different shapes, brushes and blending modes in Photoshop CS5 to create amazing colorful text effect. Layered PSD file included. Let’s get started!

Final Image Preview

How to create amazing colorful text effect 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 72 pixels/inch. Click on Add a layer style icon from bottom part of the Layers panel and select Gradient Overlay.

How to create amazing colorful text effect 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 amazing colorful text effect in Photoshop CS5

We’ve got the next background:

How to create amazing colorful text effect in Photoshop CS5

Select the Horizontal Type tool (T). Select a font, size and color in the Character panel.

How to create amazing colorful text effect in Photoshop CS5

Click in the canvas and type “Adobe Lightroom 3″. Press Enter to apply the text.

How to create amazing colorful text effect in Photoshop CS5

Click on Add a layer style icon from bottom part of the Layers panel and select Drop Shadow.

How to create amazing colorful text effect in Photoshop CS5

We’ve got the next shadow on the text:

How to create amazing colorful text effect in Photoshop CS5

Create a new layer and select the Soft Mechanical brush.

How to create amazing colorful text effect in Photoshop CS5

Use this brush to paint above the text with the next color #07384F (set Opacity to 30% in Options bar).

How to create amazing colorful text effect in Photoshop CS5

Hold down Alt (Windows) or Option (Mac OS) and click between the layer containing the text and the brush’s layer in the Layers panel to create a clipping mask.

How to create amazing colorful text effect in Photoshop CS5

We’ve got the next result:

How to create amazing colorful text effect in Photoshop CS5

Select after that the Pen Tool (P), set the drawing mode on Shape Layers in Options bar and draw the next shape as shown. The Foreground color is #13A7C5.

How to create amazing colorful text effect 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 amazing colorful text effect in Photoshop CS5

Add Inner Glow:

How to create amazing colorful text effect in Photoshop CS5

We’ve got the next result:

How to create amazing colorful text effect in Photoshop CS5

Insert the mask on the layer by choosing Add layer mask on the bottom part of the Layers panel and choose the Soft Mechanical brush of black color (set Opacity to 15% in Options bar).

How to create amazing colorful text effect in Photoshop CS5

Paint in the mask using this brush to clean out smoothly the shape’s layer.

How to create amazing colorful text effect in Photoshop CS5

Hold down Alt (Windows) or Option (Mac OS) and click between layers in the Layers panel to create a clipping mask.

How to create amazing colorful text effect in Photoshop CS5

We’ve got the next result:

How to create amazing colorful text effect in Photoshop CS5

Make many copies of the last made layer and select the Free Transform (Ctrl+T) command to change the copies’ position, placing them the same way demonstrated next picture. Hold down Alt (Windows) or Option (Mac OS) and click between layers in the Layers panel to create a clipping mask.

How to create amazing colorful text effect in Photoshop CS5

Use again the Pen Tool (P) to draw the next shape of the color #B6BC36.

How to create amazing colorful text effect 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 amazing colorful text effect in Photoshop CS5

Add Inner Glow:

How to create amazing colorful text effect in Photoshop CS5

We’ve got the next result:

How to create amazing colorful text effect in Photoshop CS5

  •  

  •    
  •  

 

Post Pages: 1 2

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

  • rushabh

    26/06/2011

    hey guys just help me wer to start photoshop from i m new into it…. help me on shahrushabh2710@yahoo.com

  • Hannah

    09/07/2011

    Newbie here, I have no idea how to add images/pictures in

    text in CS5 Extended ,help please !

    Thanks .

  • Su Su Htwe

    07/10/2011

    Thanks a lot for this training site, I want to know new training site.

  • dm

    13/10/2011

    thanks 4 ds tu2rial site. I have no idea how to creat a text, images. so pls! help.

  • Ajay Kumar Prasad

    03/03/2012

    Best designing Tips.

  • Ninad

    03/03/2012

    Thanks a lot for this training site, I want to know new training projects….

  • Yogesh

    04/03/2012

    After using the pen tool to create a shape layer and filling it with outer and inner glow, it is just filling area near the boundary of the shape but not the complete shape created by pen tool. Need Help!!

    Result I am getting is like this:
    http://i39.tinypic.com/ay8tx2.jpg

  • please help

    25/08/2013

    Please fix the download link for the psd file i think it’s broken. Thanks! :)