Learn with testking how to create typography in photoshop! Go through 650-195 tutorials and other 350-018 stuff to become expert in web design work.

In this tutorial, I will show you the steps I took to create this cool, ancient-style typography using dry soil texture and floral brushset in Photoshop. I will also share with you the technique I learnt for creating some really cool light strips for your image.

Along the way, we will be using  a lot of layer blending technqiues, musking, image adjustment tools and adjustment layers, plus the gradient tool and blur tool. This is an intermediate tutorial so beginners may find it a bit tricky. Well, never hurt to have a try!

Here is preview of the final effect: (click to enlarge)

floral-text-final-2

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

Let’s get started!

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

Font

Dry Soil

Floral Brushes

Cloud Brushes

Step 1

Create a new document sized 1000 * 800 px with white background. Create a new layer called “radial gradient” and grab the Gradient Tool (G) and select the radial gradient fill option, fill this layer as shown below:

1-radi

1-fill

Step 2

On top of the “Radial Gradient” layer, use the font we have just downloaded, type some text onto it. ( I only typed a letter “A” however you may type whatever text you want)

2-type

Apply the following layer blending option to this layer:

Drop Shadow

2-drop-shadow

Inner Glow

2-inner-glow

Bevel and Emboss

2-bevel

Color Overlay

2-colour-overlay

Gradient Overlay

2-grad

And you will have the following effect:

2-effect

Step 3

Load the selection of the text layer by holding down the Ctrl key and left-click the layer thumbnail image on the layer palette:

3-left-click

3-load

Hit Ctrl + Alt + R and bring up the Refine Edge Tool, apply the following settings:

refine-edge

Load the “Dry Soil” texture into Photoshop and drag the selection of the text layer (To do this, select the Rectangular Marquee Tool, move your mouse over the selection, left-click and hold to drag):

3-copy

Copy and paste the selection back to our document, you will have the following effect:

3-effect-1

Name this newly-created layer as “dry soil texture” and change its blending mode to “Hard Light” and you will have the following effect:

3-effect

Step 4

On top of the “dry soil texture” layer, add the following adjustment layers with the respective settings (make sure you tick the “use previous layer as clipping mask” option for all adjustment layers)

Curves

4-curves

Levels

4-levels

Color Balance

4-colour-bal

4-colour-bal-2

Bright and Contrast

4-bright

Black and white

4-bw

And you will have the following effect:

4-effect

Step 5

Now I would like to show you an interesting method to add  light stripes to the text. Create a new layer on top of all previous layers, grab the rectangular marquee tool to draw a selection as below:

5-rect

Then grab a big soft brush with white colour (I used 800px) and do a few clicks in the following postition, while maintaining the selection:

5-brush

Then resize, rotate the selection until it reaches the effect as shown below:

5-effect

Name this layer as “light strips” and duplicate it  a couple of times, move the duplicated layers as shown below:

5-position

Merge the duplicated layers and again make several duplication of the merged layer, move them around to the desired position:

5-effect-2

When you’re happy with the position, merge all those light strips layers and use the Eraser Tool with a soft round brush to erase the bit where covers the text:

5-effect-3

Step 6

To add some more decoration to the text, we can use the two brushsets we downloaded and simply do some painting :)

Create a new layer just above the “Radial Light” layer, use the Cloud Brushes to paint some clouds on the bottom part of the canvas:

6-cloud

Create another layer on top of the cloud layer, use the Floral Brushes to add some nice floral swirls around the text:

6-floral

Step 7

To add some final touches, add two more adjustment layers on top of all other layers: (Don’t tick “use previous layer as clipping mask” this time)

Curves

7-curves

Use the following vector musk on Curves Adjusment layer:

7-curves-musk

Levels

7-levels

Use the following vector musk on Levels Adjusment layer:

7-levels-musk

Colour Balance

7-col-bal-2

7-col-bal-1

Use the following vector musk on Color Balance Adjusment layer:

7-col-bal-musk

And you will have the following final effect:

floral-text-final

Ok that’s it for this tutorial! Of course you can further enhance this image by adding some more effect, textures and filters.

Here is my final version for this tutorial: (Added some radial blur, adjusted contrast) – click to enlarge:

floral-text-final-2

Hope you enjoy this tutorial, drop me a comment if you have any question, I will try my best to help you out.

Cheers and have a nice day!