--
Published on Fri, Jul-02-2010 by Anant

Create Colorful 3D Text Effect in Photoshop


In this Photoshop tutorial you will learn how to create colorful 3D text effect. Create 3D effect in Photoshop is difficult, therefore to create effect like this, we will use a little bit Xara 3D, but you can use Cinema 4D or 3DsMax, so you will learn also some Xara 3D techniques. Mainly, we will work with Layer styles and Pen tool. As you can see from the preview of tutorial, text effect will be very glorious. This kind of text effect can be used for making a birthday poster, or creating any other celebration postcard. So, let’s start tutorial.

You May Be Interested In The Following Posts


Final Image Preview

colorful 3d text

1.Step

We are going to create each alphabet separately in 3D, you can use any software you like (3dsmax, cinema 4d, xara3d). I used Xara 3d because it’s simplicity and it take less time than any other.

2.Step

First we are going to make letter ‘C’ . Follow the screens below to make it like this or you can use any color combination of your choice. I used blue colors for letter C.

colorful 3d text

Colors used:

Face : 2E81B1
Text side : 2E81B1
Light1 : A1E9F9
Light2 : 7495AF
Light3 : A1E9F9

colorful 3d text

I used Angsana New font for letter C and other options like: Extrusion, Bevel options, Shadows are given below in the form of pictures:

colorful 3d text

Shadows has been disabled.
Rotate and position your letter as your liking.
Export your image as .png. It will have only the text without the background

colorful 3d text

3.Step

Now I m going to create letter ‘O’. See the following picture.

colorful 3d text

Colors used:

Face : E935C6
Text side : E935C6
Light1 : F7DFB6
Light2 : 6A335D
Light3 : FF9AF3

Extrusion options: Depth – 25; Outline width – 20, gloss both: back face and front face.
Bevel options: Curved and Depth: 20.

4.Step

Now we will create letter “L” using same technique.

colorful 3d text

Colors used:

Face : 2EB17C
Text side : 2EB17C
Light1 : 80DB9C
Light2 : 74AF88
Light3 : A1F9B5

In Extrusion options I used: Depth – 16 and Outline width – 31, gloss both: back face and front face.
Bevel options: Curved- depth 20.

5.Step

Again repeat steps above with second letter ‘O’.

colorful 3d text

Colors used:

Face : FAFF32
Text side : 7D7E35
Light1 : FBF183
Light2 : E5E32F
Light3 : F7E529

In Extrusion options I used: Depth – 16 and Outline width – 131, gloss both: back face and fornt face.
Bevel options: Curved- depth 20

6.Step

And last letter ‘R’.

colorful 3d text

Colors used:

Face : A30FE7
Text side: 624F78
Light1 : C483FB
Light2 : EBC8F9
Light3 : CDA1F9

In Extrusion options I used: Depth – 16 and Outline width-31, gloss both: back face and fornt face.
Bevel options: Curved- depth 20.

7.Step

Now lets move to Photoshop. Lets make the background. I used 2200 x 1375 px dimension size and fill i t with black. Then I use a Wooden texture in the center of the page and desaturate it and played with Blending options and erase corner parts of the wooden texture. You can find texture on Deviantart or Sxc.hu

colorful 3d text

8.Step

I also used Wrapped paper and desaturate it and Blending option set to Difference, opacity reduce to 55%. And the use large soft round eraser to erase most of the part just left at the edges.

colorful 3d text

9.Step

I also used stars and galaxy texture into my image. You can find these type of pictures all over the Internet. Erase some part of it, use different colors of galaxy and stars as you can see in this image. Make sure to play with Blending options. I used Screen.

colorful 3d text

What I have done is I use a Adjustment layer of gradient map from violet to orange on one side and Blending option set to Soft light, opacity – 55.

colorful 3d text

10.Step

Place and arrange all alphabets accordingly. I changed the color of letter ‘O’ to orange with the help of Photo filter and Hue/saturation.

colorful 3d text

And now we will work on each alphabet separately.

11.Step

Now comes the color correction part. Make a new Adjustment layer on letter ‘C’ layer make sure to check the box of Use previous layer to clipping mask.

colorful 3d text

And use following settings:

colorful 3d text

colorful 3d text

And adjust yellows and magenta…as your requirement

12.Step

Now we going to adjust shadows. As you can see in the highlighted areas we have very dark areas and we are going to fix this by using Soft brush and paint it over to get the following effect in the second picture.
I use some white and some light blue colors.

colorful 3d text

Similarly we are going to place all alphabets and rearrange and Free transform to get in the proper positions.
Fix the colors and shadows.

colorful 3d text

13.Step

Now using Pen tool or using tablet make some paths and curves, lines etc on the face of the letters.
Refer to the following image.

colorful 3d text

14.Step

Now we are going to add pattern overlay to sides of the each alphabets.
Right click on the layer and chose Blending options and then go to Pattern overlay option and select Diagonal lines, scale it to 100 and use different patterns on each letter and then reduce fill to 0%, opacity to 20 – 30%.
Make sure that pattern should be on the sides not on the face. You can download the different patterns from Deviantart.

colorful 3d text

You will get the following result:

colorful 3d text

15.Step

Add some reflections to the letters. Duplicate the letters layers and Flip vertical. Erase some parts and reduce the opacity.

colorful 3d text

16.Step

Now we are going to add swirls to the text. Make a new layer behind the text layers, and add different swirls. You can find many swirls brushes over the Internet. For letter C I use 2089ff color.

Following Blending options (Layer styles).

colorful 3d text

Color for Inner shadow – 87a3ff.

colorful 3d text

Color for Outer glow – 55bafa.

colorful 3d text

Color for Inner glow – 00fff0.

colorful 3d text

Then I add new Adjustment layer – Photo filter: Color filter (82) density to 46%.
To give more depth a make a new layer over the Adjustment layer and select round soft white brush, reduce its f low and applied to the edges and curves to give the highlights and bevel feeling.

colorful 3d text

Similarly I done for each letter…

[ad#300postad]

17.Step

Now we are going to add some lines and curves. I use Pen tool to make lines and curves. Create a new layer and create your own path: select 2-5 px brush, color – 459cd2 as your convenient and right click and select Stroke path and check Simulate pressure box, select Brush.

colorful 3d text

18.Step

Make another layer and add another path smaller to the previous path with different color like 6d87a7.
Refer to the following image:

colorful 3d text

Make some branches coming out from the lines as I had done. Just repeat the same process with the Pen tool. Now we are going to add some Blending layer options to give more depth to the lines.

colorful 3d text

Color used: c1dbff.

colorful 3d text

Color for highlight mode: 92c5ff.
Color for shadow mode: 0c3459.

colorful 3d text

Contour to: 46%.

colorful 3d text

Color used: 54abbb.

For bigger line use some dark colors and play with the settings to get the different results of your liking.

19.Step

Now add some droplets. I used Pen tool to make them and used same color as of the lines and same Layer Blending options. Duplicate them and reposition and resize them.

colorful 3d text

colorful 3d text

20.Step

Find a nice picture of balloon and place it on your canvas. You will find it on Sxc.hu or Deviantart. If you don’t find the exact color of balloon then use Hue/saturation to colorize it. I used the same technique for different colors.

colorful 3d text

21.Step

For letter ‘O’ follow the same procedure to make paths and curves and select pink color from the palette menu and here are the Layer Blending options:

colorful 3d text

Color used : f7bddd.

colorful 3d text

Color for highlight mode: ffa2d2.
Color for shadow mode: b13383.

colorful 3d text

Range: 32.

colorful 3d text

Color used: ff9ddb.
And duplicate the balloon and use Hue/saturation mode to change its color to pink.
Here is the final result:

colorful 3d text

22.Step

Now for the letter ‘L’, use your creativity for the lines, select normal green color and use these Layer Blending effects:

colorful 3d text

Color used: 3e7b07.

colorful 3d text

Color used for highlight mode: d0ff87.
Color used for shadow mode: 2a5f00.

colorful 3d text

colorful 3d text

Color used: d2ff00.

colorful 3d text

Color used: 2e5e0b.
And here is the result:

colorful 3d text

23.Step

For letter ‘O’.

colorful 3d text

Color used: f9b263.

colorful 3d text

Color used for highlight mode: ffc580.
Color used for shadow mode: e07313.
Select contour range to 32.

colorful 3d text

Color used: f8a234.

colorful 3d text

24.Step

colorful 3d text

For letter ‘R’: make lines and stroke path with color violet then add following Layer blending options:

colorful 3d text

Color used:01070b.

colorful 3d text

Color used for highlight mode: 92c5ff.
Color used for shadow mode: 0c3459.
Contour range to 38%.

colorful 3d text

Color used: d5f9ff.
Here is the result:

colorful 3d text

Use Curves and Color balance Adjustment layer to enhance your colors and use Smart sharpen filter, use default settings.

Final Result: Colorful 3D text

colorful 3d text

Download Psd file

Advertisement


66 Responses

  • Image Masking Service say:

    awesome post! gr8 job!
    thanks for sharing..

    1
  • Clipping Path say:

    awesome post! I always love to read your blog post..
    thanks for sharing..

    2
  • Michael say:

    Great photoshop tutorial! Love the use of colors and text effects in this tut. It still has a “web 2.0″ feel, but maintains its uniqueness.

    Just remove the balloons and change the color and this text effect can be used for a multitude of designs.

    Thanks!

    3
  • PsdDude say:

    Great tutorial i really like 3d text effect it looks cool!

    4
  • buy louis vuitton say:

    great~~

    5
  • deden say:

    great tutorial… it’s full color…

    6
  • TJ say:

    it wont let me place the png letter on the bg in ps.

    7
  • amrmex say:

    very good

    8
  • Harish say:

    Can’t we make these type of styles in PHOTOSHOP?

    9
  • gossip girl season 4 say:

    Great tutorial this going to help me tremendously with my photoshop skills

    10
  • Toya say:

    This would be more useful if the entire tutorial were in photoshop. The title is misleading and without the other programs used in this tutorial, its rather pointless for anyone to try this.

    11
  • Riyadi say:

    Wow…
    Nice…
    Perfect…
    Thanks…

    12
  • new dresses say:

    very nice logos. and these are not easy to do. i think so logo depends upon the maker idea and creativity.

    13
  • Free PSD Tutorials say:

    awesome tutorial amazing:D

    14
  • MsHq say:

    great tutorial ..however i would recommending giving links for the resources that u use to make the tutorial alittle easier to follow.

    overall great though!

    15
  • suryakant say:

    wow !!!!!
    it was amazing….
    nice creation……….

    16
  • Graphics for Facebook say:

    nice 3d text tutorial using xara and photoshop,
    can I create this 3d text in photoshop cs5?

    17
  • Graphics Design Farm say:

    Wonderful tutorial of photoshop. Great idea to use color and text. Thank you very much for share

    18
  • Benjamin Ren say:

    !!!!!!!!!!!!!!!!!!!!!that’s cool!!!!!!!!!!!!!!!!!!!!!!!!!!!

    19
  • urdu books free download say:

    i think this one is really nice, because i was trying to find this article, but couldn’t find, but at least, i have found it. and only on your site, thanks for sharing this.

    20

Leave Your Response

About PsDeluxe

Psdeluxe is a Design blog dedicated to mainly Photoshop lovers and enthusiasts. We regularly update blog with free and easy to learn free Adobe photoshop tutorials, useful freebies for design projects, powerful tools that will make your work easier and we publish showcase of most beautiful and interesting designers works around the work that hopefully will inspire. Learn Adobe Photoshop techniques with us. Talented and professional designers are always welcome to join our author team. Feel free to subscribe to our Rss feed to be first who get all valuable information for designers.



     Technology news | Wordpress templates | ThemeLabs | Review themes

Recommended Links



Wordpress review theme