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,

STEP 3:

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”

Step 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).

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

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

AND WE ARE DONE.

We get final image that look like the below one.

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

Create A 3D Text Rising Effect Using Photoshop

LEAVE A REPLY Cancel reply

Digital Signature: 10 Websites I Wish I’d Known Earlier

Best Driver Updater Apps For Windows In 2022

5 Ways To Deal With Google Storage Running Out Of Space

17 Best YouTube Channels To Learn Web Development In 2021