Create A 3D Text Rising Effect Using Photoshop

This tutorial will explain how to create an amazing 3D text effect using some gradient fills, lasso tools, and Blur Effect. It is really simple but the final result is great. Lets get started.
Tutorial Details

Difficulty : Beginner
Estimated Time : 30 Minutes
Software : Photoshop CS5+
Resources : Font→Familian (Download)

Step 1:
Create a new document, 800×500 pixels, or any other dimensions depending on the text you’re going to create. Then, set the Foreground color  and the Background color  and pick the Gradient Tool. Choose the Foreground to Background fill, and click the Radial Gradient icon in the Options bar, then click and drag from the center of the document to one of the corners to create the gradient fill.
Step 2:
Create the text in Bold All Caps using the color White and the font Familian with a Size value of 175 pt, 
 Go to Layer ->  Type Rasterize or Type to rasterize the text layer, then duplicate the text layer and make the original layer invisible by clicking the eye icon next to it.
Step 4:
Double click the copy text layer to apply a Gradient Overlay effect, and click the Gradient box to create the gradient used.
There are only two colors used: one to the left, and one to the right.
 This is how the text should look like.
Step 5:
Go to Edit -> Transform -> Skew, and move the upper corners to get a result similar to the one below. Then press Enter to get out of the Skew Mode


Step 6:

Pick the Rectangular  Tool, and draw a 0.3 x 9 cm  WHITE COLOURED rectangle on top of the first letter. You can check the dimensions in the Info panel (Window -> Info)


Step 7:

Now go to Go to Filter -> Blur -> Gaussian Blur and enter 2.5 for the Raduis value.And rename the layer as “blur 1”



Step 8:

Create another new layer ,create a new 1 x 9 cm rectangle over the previous one and fill the selection with white,

Then  Go to Filter -> Blur -> Gaussian Blur and enter 9 for the Raduis value.And rename the layer as “blur 2”

10Step 9:

Select both blur layers then go to Layer -> Merge Layers, and rename the merged layer to “Blur”.

After that Go to Edit -> Transform -> Rotate, and rotate the blurred part as below, then press Enter.


Step 10:

Duplicate the “blur” layer and move it so that you have blur placed over each letter. Then, select all the Blur layers and merge them (Layer -> Merge Layers).

13.2Step 11:

Ctrl + Click the copy text layer’s thumbnail (icon) to create a selection, then go to Select > Inverse to invert the selection.

Step 12:

Press Delete to get rid of the outer parts of the blur, then press Ctrl + D to get rid of the selection.


Step 13:

Make the original text layer visible again.



Step 14:

Go to Edit -> Transform -> Skew, and skew this text a bit more to the right. Press Enter when done.


Step 15:

Go to Edit -> Transform -> Scale, and scale the text down vertically. Don’t forget to press Enter after you do so.

17.1Step 16:

Make sure that the original text layer is selected (active), and click the “Lock transparent pixels” icon in the Layers panel. Set the Foreground color to BLACK and pick the Paint Bucket Tool. Un-check the Contiguous box in the Options bar then fill the white part with the Foreground color.


Step 17:

Create a new layer on top of the original text layer. Pick the Polygonal Lasso Tool and draw a selection around the empty areas between the two text layers.



We get final image that look like the below one.

finalHope you enjoyed the tutorial and found it useful..If you have any doubts free feel to comment below or contact us.

Sabarinath is the tech-savvy founder and Editor-in-Chief of TechLog360. With years of experience in the tech industry and a computer science background, he's an authority on the latest tech news, business insights, and app reviews. Trusted for his expertise and hands-on tips for Android and iOS users, Sabarinath leads TechLog360 with a commitment to accuracy and helpfulness. When not immersed in the digital world, he's exploring new gadgets or sharing knowledge with fellow tech enthusiasts.


Please enter your comment!
Please enter your name here

This site uses Akismet to reduce spam. Learn how your comment data is processed.

More from this stream