Post: Floral 3D Text Effect Photoshop Tutorial
05-05-2010, 08:31 PM #1
Criptus
< ^ > < ^ >
(adsbygoogle = window.adsbygoogle || []).push({});
You must login or register to view this content.
Floral 3D Text Effect Photoshop Tutorial
IMPORTANT: When ever you create any effects, use action palette to store the functions because again if you need the same effect so it will be easy for you to get the same effect.

Step 1 - Create the 3D text
As we start we need 3d text effect I'm taking help of illustrator to create 3D text. You can download the font from You must login or register to view this content. Feel free to use any program you like to create the 3D text. If you are using any other application like Maya, 3Ds max, etc, make sure that the file you save has transparency.

You must login or register to view this content.

Step 2 - Create a new Document
Choose File > New or press Ctrl/Command + N to create a new document. I'm using wallpaper size of 1440px(width) X 900px(height). You can use any wallpaper size as you wish.
You must login or register to view this content.

Step 3 - Bring the 3D text to Photoshop
You can save the image as .png format to get transparency or you can directly copy (Ctrl/Command + C) the 3D text from illustrator & paste (Ctrl/Command + V) in Photoshop. So you will get the 3D image in Photoshop as you see the image below.
You must login or register to view this content.

Step 4 - Adding Color to the text
Now we need to add some color to the text. To do this, choose Image > Adjustments > Hue/Saturation the use these settings:

    Colorized: Checkmarked
    Hue: 198
    Saturation: 22
    Lightness: 0
]
You must login or register to view this content.
You must login or register to view this content.

Step 5 - Adding Contrast to the Image
Now we’ll need to add more contrast to the text. Choose Image > Adjustment > Levels then adjust the settings like shown in the image below.
You must login or register to view this content.

Step 6 - Making the Color Little Bit Dull
Now we’ll repeat what we did in Step 4. Choose Image > Adjustments > Hue/Saturation. Use the settings as shown in the image below.
You must login or register to view this content.

Step 7 - Adding Filter Effects
For this text, we’ll use the Craquelure effect. Choose Filter > Texture > Craquelure. Use these settings:

  • Crack Spacing: 18
    Crack Depth: 6
    Crack Brightness: 1


You must login or register to view this content.

Step 8 - Making Selection of Same Color on Top of the Text
Now choose the Magic Wand tool (W) then create a selection on the top of the text like the image below.
You must login or register to view this content.

You must login or register to view this content.

Step 9 - Filling the Selection
Create a new layer then fill the selected area with white.

You must login or register to view this content.

Step 8 - Making Selection of Same Color on Top of the Text
Now choose the Magic Wand tool (W) then create a selection on the top of the text like the image below.



Step 9 - Filling the Selection
Create a new layer then fill the selected area with white.


Step 10 - Adding Drop Shadow
Now we’ll add more detail to the image by adding light and shadow. Follow these steps clearly. Create a selection of the text. To do this, hold down Ctrl then click on the thumbnail of the layer in the Layers palette. Create a new layer under the layer with the 3D text then fill the selected area with black.
You must login or register to view this content.

Step 11 - Clear Finishing for Drop Shadow.
On the new layer, choose Filter > Blur > Gaussian Blur then apply a slight blur to create a drop shadow.
You must login or register to view this content.

Step 12 - Shadow Adjustment
Now we’ll use the Smudge Tool will smudge the top and bottom sides of the shadow towards the center of the text so that it becomes hidden. Select the smudge tool then set the brush to the following:

    Brush Size: 100px
    Mode: Normal
    Strength: 50%


You must login or register to view this content.

You must login or register to view this content.

Step 13 - Finished Image
This is what your shadow should look like after smudging.
You must login or register to view this content.

Step 14 - Installing Brush in Photoshop
Download and install a swirls Photoshop brush. We used Swirls and Circles by BSILVIA. Or, you can browse for swirl brushes on Brusheezy. Once you’ve picked your Photoshop brush, load it into Photoshop.
You must login or register to view this content.

Step 15 - Making Floor with Design
Now we are going to create a floor design for the image to show that the 3D text is on the floor. For that you need to Create a new layer, select the brush that you’d like to use, then paint it on this new layer. Choose Edit > Transform > Perspective then transform the swirl so that it matches the perspective of the text like the image below.
You must login or register to view this content.

Step 16 - Making of Plants & roots
Now we’re going to add more plants coming out of the text. Choose a floral brush to paint it on and use green. Choose the brush which you see in the image & follow the image for the placement of the brush. Give this color(#326507) for the image. To give depth choose Dodge tool(O)> Brush size = 65 > Range = Highlights > Exposure = 50%. Drag the brush in the corner of the shape to make it light as in the image. Now u choose Burn tool & burn the opposite corner of the shape. Sure you will get the same effect.

You must login or register to view this content.

Step 17 - Finishing touch.
Follow the same Step 16 & create how ever you want to make the elements. So you can see the finial image below.
You must login or register to view this content.

Step 18 - Final Image
You can use colors to make it colorful as image below.
You must login or register to view this content.

Please +REP, and thank Winky Winky
credits go to photoshoptutorials.
(adsbygoogle = window.adsbygoogle || []).push({});

The following 2 users say thank you to Criptus for this useful post:

sMoKiNyOo, The Low Key OG
05-05-2010, 08:42 PM #2
Krunch
At least I can fight
Correct me if im wrong, but did you copy and paste this from another site?
05-05-2010, 08:50 PM #3
Criptus
< ^ > < ^ >
Originally posted by tA.
Correct me if im wrong, but did you copy and paste this from another site?


what brush did you use to make your sig?
ive been trying to find that brush but no luck.
You must login or register to view this content.
05-05-2010, 09:20 PM #4
Krunch
At least I can fight
Originally posted by Rambodian View Post
what brush did you use to make your sig?
ive been trying to find that brush but no luck.
You must login or register to view this content.


I dont know if it is a brush or if it was drawn, i didnt make it.
05-05-2010, 11:27 PM #5
Criptus
< ^ > < ^ >
Originally posted by tA.
I dont know if it is a brush or if it was drawn, i didnt make it.


+REP and thank anyways? Smile
05-06-2010, 10:33 PM #6
EJ94c
Poke Smot
any other way to make the 3d effect without illustrator?
05-09-2010, 02:58 AM #7
bmxdude9
Million Miles Of Fun!
Since Im new to GFX this is a very helpful tut, so thank you for that. Also I like the final outcome of the work.
05-09-2010, 11:45 PM #8
Criptus
< ^ > < ^ >
Originally posted by bmxdude9 View Post
since im new to gfx this is a very helpful tut, so thank you for that. Also i like the final outcome of the work.


+rep and thank yo! Smile
05-09-2010, 11:53 PM #9
xScreamo!
Trading Kids For Angel Dust
Originally posted by Rambodian View Post
+rep and thank yo! Smile


Dude, stop asking for so much
06-03-2010, 12:29 AM #10
Arkain
Haxor!
Wow ! nice !! Good work =D

Copyright © 2026, NextGenUpdate.
All Rights Reserved.

Gray NextGenUpdate Logo