Our oracle training gives you a great overview of the new features and enhancements in photoshop. Learn the best designing skills using ccda dumps and comptia security+ study guide.

In this tutorial, I will show you techniques involved to create this rather cool, 3D typography with abvanced Texturing and Lighting Effect in Photoshop. Some steps can be a little tricky and you do need a lot of patience to complete this tut, but why not have a try?

The aim of this tut is to demonstrate how you can texture a 3D text (created in Illustrator) quickly and effectively, using the least amount of steps possible.

Here is a preview of the final effect I have for this tutorial: (click to enlarge)

soil typo flatten1 500x226 Create 3D Typography with Advanced Texturing and Lighting Effect in Photoshop

PSD File Download

You can download the PSD File for this tutorial via the VIP Members Area for only $6.95/Month (or less)! You will not only get this PSD File, but also 70+ other PSD Files + Extra Goodies + Exclusive Photoshop tutorial there. Signup now and get exclusive :) Find out more about the VIP Members Areas

vip sign up 250 Create 3D Typography with Advanced Texturing and Lighting Effect in Photoshop

OK let’s get started!

To complete this tutorial, you will need the following stocks:

Font

Ground Crack

Mountain (Soil) Texture

Grass

Bird

Step 1

Create a document sized 1500px * 680px (you can choose a smaller size to fit your screen, but make sure you maintain the proportion), fill the background with #161616 colour.

Load the “Ground Crack” texture into Photoshop, Press Ctrl + A to select the entire image, copy and paste it onto out document. Name the new layer as “crack”, resize, rotate and distort this layer until you achieve the following effect:

1 distort crack 500x260 Create 3D Typography with Advanced Texturing and Lighting Effect in Photoshop

Erase the the edges of the crack texture so it transits into the background colour:

1 erase 500x201 Create 3D Typography with Advanced Texturing and Lighting Effect in Photoshop

Duplicate this crack layer once and move the duplicated layer toward the lower right end of the canvas for more variety:

1 dup move 500x171 Create 3D Typography with Advanced Texturing and Lighting Effect in Photoshop

Please note that the erase part is totally optional, if you’re happy with just the distorted texture, you can just leave it as it is.

Step 2

Now we have a ground base we can work on, let’s get on with the text creation.

I used Illustrator to render this 3D effect (I won’t demonstrate the steps for rendering as it’s irrelevant to this tutorial) and you can download a copy by clicking the following image, then loaded into Photoshop:

2 text for user 500x226 Create 3D Typography with Advanced Texturing and Lighting Effect in Photoshop

On top of the text layer, add the following two adjustment layers (make sure to tick the “use previous layer as clipping mask” option)

Levels

2 levels Create 3D Typography with Advanced Texturing and Lighting Effect in Photoshop

Curves

2 curves Create 3D Typography with Advanced Texturing and Lighting Effect in Photoshop

Add a layer mask on the text layer, then use the erase tool with chalk bursh setting  (Assign 40% opacity and flow) , erase the portions as shown below to create a rough surface. Also use a soft round brush to erase the bottom part on the text:

2 chalk 500x382 Create 3D Typography with Advanced Texturing and Lighting Effect in Photoshop

Portions you need to erase:

2 erase 500x190 Create 3D Typography with Advanced Texturing and Lighting Effect in Photoshop

Once you’re happy with the text, load the “Mountain (soil) texture” stock into Photoshop. Load the select of the text layer by Ctrl + left-clicking the thumbnail image on the layer pallette, drag the selection on the soil texture:

2 drag sel 500x244 Create 3D Typography with Advanced Texturing and Lighting Effect in Photoshop

Hint: to drag the selection, you must select the rectangular marquee tool first, then move you mouse over the selection, and click-hold to drag it.

Maintain the selection around the text, copy and paste your chosen soil texture onto our canvas. Name this layer as “soil” and make it a clipping mask layer for the text layer:

2 paste soil 500x218 Create 3D Typography with Advanced Texturing and Lighting Effect in Photoshop

Use a soft round brush to erase the portions texture as indicated below: (set the opacity and flow to around 20% – this way you can make sure you don’t erase too much of the texture, as well as creating depth for the image)

2 erase soil 500x215 Create 3D Typography with Advanced Texturing and Lighting Effect in Photoshop

Add the following Levels adjustment layer on top of the soil layer (make sure to tick the “use previous layer as clipping mask” option):

2 level 2 Create 3D Typography with Advanced Texturing and Lighting Effect in Photoshop

Load the “Grass” image into the Photoshop, select a portion of the grass:

select grass 500x298 Create 3D Typography with Advanced Texturing and Lighting Effect in Photoshop

Copy and paste the selection onto our canvas and name it as “grass”, right click the layer and select “create clipping mask”, and you will have the following effect:

2 grass paste 500x223 Create 3D Typography with Advanced Texturing and Lighting Effect in Photoshop

Add the following Curves adjustment layer on top of the grass layer (make sure to tick the “use previous layer as clipping mask” option):

2 curves 2 Create 3D Typography with Advanced Texturing and Lighting Effect in Photoshop

Change the blending mode of the grass layer to “soft light” and here is the effect so far:

2 effect 500x238 Create 3D Typography with Advanced Texturing and Lighting Effect in Photoshop

Optionally, you can add a layer mask and erase certain portion of the grass texture if you think they’re unnecessary.

Step 3

Duplicate the grass layer once and drag it to the top, release the clipping mask and delete the layer mask attached to it. Add a new layer mask and change the blending mode to “overlay”, then erase the following areas on this grass overlay layer:

3 grass overlay 500x168 Create 3D Typography with Advanced Texturing and Lighting Effect in Photoshop

Hint: Same as all previous texture erases, combine the use of the chalk brush and circle brush is important, also set the flow and opacity to a low level (20% for both).

Add the following Levels adjustment layer on top of the grass overlay layer (make sure to tick the “use previous layer as clipping mask” option):

3 col bal Create 3D Typography with Advanced Texturing and Lighting Effect in Photoshop

and here is the effect so far:

3 effect 500x223 Create 3D Typography with Advanced Texturing and Lighting Effect in Photoshop

Create a “Shadow” layer under the text layer, garb a soft round brush to paint under the texture, in the area shown as below:

3 shadow area 500x241 Create 3D Typography with Advanced Texturing and Lighting Effect in Photoshop

When you paint the shadows, make sure you pay attention to areas around the text:

3 paint shadow 500x328 Create 3D Typography with Advanced Texturing and Lighting Effect in Photoshop

Change the blending mode of this shadow layer to “soft light”, and here is the effect so far:

3 effect 2 500x234 Create 3D Typography with Advanced Texturing and Lighting Effect in Photoshop

Step 4

Load the “Bird” stock image into Photoshop, cut out the bird and paste it onto canvas, position it as shown below:

4 bird 500x442 Create 3D Typography with Advanced Texturing and Lighting Effect in Photoshop

Create a new layer called “bird shadow” under the bird layer, use a small soft round brush with black colour (set opacity and flow to both around 30%), carefully paint a thin shadow under the bird:

4 paint sha 500x418 Create 3D Typography with Advanced Texturing and Lighting Effect in Photoshop

Duplicate the bird and the bird shadow layer, flip them horizontally and position them the left side as shown below:

4 bird right 500x276 Create 3D Typography with Advanced Texturing and Lighting Effect in Photoshop

Step 5

Now we’re pretty much done the main aspects of the tutorial. And we can add some background touches for some more depths. Some mist/cloud here would add some extra effect here.

I won’t brag you again with the cloud rendering and warping (you can check out this post if you haven’t used it before). What I would like to address is that when render the clouds, put each of them onto seperate layers, and change their blending mode into either “overlay”, “soft light” or “screen”:

Here is a screenshot of what I did to the cloud layers – it shows the cloud position and blending mode: (click to enlarge)

5 cloud posi 500x220 Create 3D Typography with Advanced Texturing and Lighting Effect in Photoshop

You will notice by change their blending mode (and layer opacity), you can add lighting depth and extra effect to the text and ground texture,

Also you can use a soft eraser to erase the portion of cloud where it links to the ground texture for more depth:

5 erase 500x287 Create 3D Typography with Advanced Texturing and Lighting Effect in Photoshop

Step 6

Now we’re petty done for this tutorial! For some final adjustments, I add the following 2 adjustment layers:

Vibrance

6 vib Create 3D Typography with Advanced Texturing and Lighting Effect in Photoshop

Curves

6 curves Create 3D Typography with Advanced Texturing and Lighting Effect in Photoshop

and here is the effect:

6 curves effect 500x227 Create 3D Typography with Advanced Texturing and Lighting Effect in Photoshop

Optionally, you can add some colours and glowing effect to touch up the overall design. You can achieve this by adding a new colour balance adjustment layer, and use the Gaussian blur filter. I won’t show you the exact settings here and I will leave this to you to explore and experiment :)

Here is the version where the colours and glowing effect is applied: (click to enlarge)

soil typo flatten1 500x226 Create 3D Typography with Advanced Texturing and Lighting Effect in Photoshop

That’s it for this tutorial! Hope you enjoy it and learn something new! Have a great day :)