Create an Ancient Typography with Dry Soil Texture and Floral Brushset in Photoshop

Posted on May 4th, 2009 under Text Effects

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)

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:

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 fill 499x400 Create an Ancient Typography with Dry Soil Texture and Floral Brushset in Photoshop

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 500x396 Create an Ancient Typography with Dry Soil Texture and Floral Brushset in Photoshop

Apply the following layer blending option to this layer:

Drop Shadow

2 drop shadow 500x350 Create an Ancient Typography with Dry Soil Texture and Floral Brushset in Photoshop

Inner Glow

2 inner glow 500x350 Create an Ancient Typography with Dry Soil Texture and Floral Brushset in Photoshop

Bevel and Emboss

2 bevel 500x350 Create an Ancient Typography with Dry Soil Texture and Floral Brushset in Photoshop

Color Overlay

2 colour overlay 500x350 Create an Ancient Typography with Dry Soil Texture and Floral Brushset in Photoshop

Gradient Overlay

2 grad 500x350 Create an Ancient Typography with Dry Soil Texture and Floral Brushset in Photoshop

And you will have the following effect:

2 effect 500x396 Create an Ancient Typography with Dry Soil Texture and Floral Brushset in Photoshop

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 Create an Ancient Typography with Dry Soil Texture and Floral Brushset in Photoshop

3 load 500x458 Create an Ancient Typography with Dry Soil Texture and Floral Brushset in Photoshop

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

refine edge Create an Ancient Typography with Dry Soil Texture and Floral Brushset in Photoshop

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 499x332 Create an Ancient Typography with Dry Soil Texture and Floral Brushset in Photoshop

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

3 effect 1 500x451 Create an Ancient Typography with Dry Soil Texture and Floral Brushset in Photoshop

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 500x402 Create an Ancient Typography with Dry Soil Texture and Floral Brushset in Photoshop

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 Create an Ancient Typography with Dry Soil Texture and Floral Brushset in Photoshop

Levels

4 levels Create an Ancient Typography with Dry Soil Texture and Floral Brushset in Photoshop

Color Balance

4 colour bal Create an Ancient Typography with Dry Soil Texture and Floral Brushset in Photoshop

4 colour bal 2 Create an Ancient Typography with Dry Soil Texture and Floral Brushset in Photoshop

Bright and Contrast

4 bright Create an Ancient Typography with Dry Soil Texture and Floral Brushset in Photoshop

Black and white

4 bw Create an Ancient Typography with Dry Soil Texture and Floral Brushset in Photoshop

And you will have the following effect:

4 effect 500x431 Create an Ancient Typography with Dry Soil Texture and Floral Brushset in Photoshop

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 500x401 Create an Ancient Typography with Dry Soil Texture and Floral Brushset in Photoshop

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 500x397 Create an Ancient Typography with Dry Soil Texture and Floral Brushset in Photoshop

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

5 effect 500x385 Create an Ancient Typography with Dry Soil Texture and Floral Brushset in Photoshop

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

5 position 499x387 Create an Ancient Typography with Dry Soil Texture and Floral Brushset in Photoshop

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

5 effect 2 499x390 Create an Ancient Typography with Dry Soil Texture and Floral Brushset in Photoshop

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 500x381 Create an Ancient Typography with Dry Soil Texture and Floral Brushset in Photoshop

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 500x352 Create an Ancient Typography with Dry Soil Texture and Floral Brushset in Photoshop

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

6 floral 500x388 Create an Ancient Typography with Dry Soil Texture and Floral Brushset in Photoshop

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 Create an Ancient Typography with Dry Soil Texture and Floral Brushset in Photoshop

Use the following vector musk on Curves Adjusment layer:

7 curves musk 500x396 Create an Ancient Typography with Dry Soil Texture and Floral Brushset in Photoshop

Levels

7 levels Create an Ancient Typography with Dry Soil Texture and Floral Brushset in Photoshop

Use the following vector musk on Levels Adjusment layer:

7 levels musk 499x394 Create an Ancient Typography with Dry Soil Texture and Floral Brushset in Photoshop

Colour Balance

7 col bal 2 Create an Ancient Typography with Dry Soil Texture and Floral Brushset in Photoshop

7 col bal 1 Create an Ancient Typography with Dry Soil Texture and Floral Brushset in Photoshop

Use the following vector musk on Color Balance Adjusment layer:

7 col bal musk 499x401 Create an Ancient Typography with Dry Soil Texture and Floral Brushset in Photoshop

And you will have the following final effect:

floral text final 500x400 Create an Ancient Typography with Dry Soil Texture and Floral Brushset in Photoshop

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:

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!

Fresh Posts from PSD Vault

Imagination Unleashed: Best of PSD Vault DeviantART Group – Vol. 23

Easily Apply Texture with Clipping Mask to Produce Unique Text Effect in Photoshop

Unique and Curious Photoshop Tutorial Showcase – January 2012

Creativity Fine-Tuning: Best of PSD Vault Flickr Group – Vol. 54

Design Abstract Surreal Text Effect with Metal Texture in Photoshop

VIP Exclusive Tutorial – Create Advanced Photo Manipulative Artwork via Grunge Textures and Colour Effect

dragyn

I cannot wait to try this out.
thanks so much
http://www.pivotknot.com Tony

Awesome.
http://www.joyoge.com/ joyoge designers’ bookmark

very nice typography effect thanks for tutorial..
ricardoFx

good work @james, congratz.
AMQ

For the last colour balance adjustment, you posted pictures of the same thing, both showing the values for shadows, was one of them suppose to be Midtones? thanks
http://winkvolution.co.cc ewink

II am speechLess dude,,,,

This is awesoMe!!!!
http://www.alfaisall.net/alfaisalblog/?p=3 Create an Ancient Typography « Nice World

[...] n 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…more detailes [...]
admin

@AMQ: yeah, the other one is midtones :) I uploaded the wrong screenshot, really really sorry about that
admin

Thanks everyone for the support! glad you all enjoyed it!
AMQ

Ok Thanks for the fix, this is a great tutorial! awesome job, keep it up!
http://N/A Calvin

The white lines wernt very detailed. Im sure lots of people are professionals at this, but coming from a learner, it was very undetailed, other then that it was great, I wish i knew how to do this with multiple letters.
http://N/A Calvin

I got stuck for hours, and still havent figured out the end, you tell no way of how to add those images to the layer styles.
also i looked up vector musk, and nothing comes up. What is a vector musk, maybe your using a different language? I really cant figure out how to add it, and ive been working on this part for hours.
admin

@Calvin: if you use CS3, a simple way to add a mask to your layer is to click to little circle-inside-rectangle icon down the bottom of the layer palette. After clicking it you will see a mask is added, grab an eraser tool (soft one) and eraser the parts you don’t want on the mask you have just added.

Hope this helps
Joel

thnx a lot man !
I can’t do step5 , what do you mean to resize and rotate it
can you explain more .
Joel
http://N/A Calvin

@Joel: I had the same problem as you, What you do is use the marquee tool to make a square, then use the white soft brush on it, then deselect with contol+D, then click the move tool, and with that you can transform and rotate. As a suggestion I think its easier to do that once, then duplicate the layer, and keep duplicating. It saves time, and gets each one the same shape, and angle.
http://customtshirtz.blogspot.com Lori

Now that’s some hellofa’ effect. I tried, it got (almost) as good as yours.
Mohd

Thx So Much DUUUUDE !!

i might use it to design a Cover for a college Magazine ..

thx in Advance ..
http://www.mrbages.com ahmed

thank you very much , this very good tray to arrive to your design
AntiRipOff

This is a rip-off from http://www.webdesign.org just so you all know, it’s not “admin” who has made this guide
admin

@AntiRipOff: not sure whether you’re a legitimate commentator or else, but if you look like the “Author URL” on the post on webdesign.org, you will see the author URL to be “www.psdvault.com”.

Just to make it clear to everyone: I have given permission to webdesign.org to re-publish my tutorial (providing they link back to psdvault.com, and they are the only one I have ever, or will give permission to.
Black.emperor.scorpion

Got stuck up man! How to load the soil and then use the rectangular marque tool and then how to copy and paste in our document? Actually i got confused in these steps bro. I m learning photoshop and was inspired to do this seeing the quality work that you have presented.
Really awesome work. Wish to see more from you.

Pls help!
pLMztR

Hi ive been following and making exactly all of your tutorials some came out nice and some didnt “still learning” anyway i cant seem to get the curve thingy right the picture is more black instead of white like yours, shud i apply like some blending mode to the curve layers?
http://www.miraztutorials.com huwaw69

wow this is really a great text effect! i like the way you did to the text is when you put the floral swirls… very attractive
Shanlyn

Hello there! This is a cool tutorial! I had always been wanting to do some nice typography as I see online. Thanks for posting this!

I had done mine here
http://i4.photobucket.com/albums/y118/iluvsly/typography.jpg

Hmm. Not as good as yours as this is my first try. And also I’m using ver 7.0 hence I got some problem with certain functions tt may be different from yours.
Oh. May I ask, whenever I try to transform my brushes size, it will become slight blur (esp when increasing). Is there any way to prevent this?

Thanks again! (:
DarkPaIn

i cant do the last steps with the vector masks… can someone explain it for me… cause i tried a lot ot times and still cant make it right..
DarkPaIn

anyone?!
DarkPaIn

here it is… it’s awfull… can someone explain the last steps with the curves, levels and color balance, and btw i apply a layer with a black color caus i cant get the black result only with deleting the places in the vector mask…

http://img30.imageshack.us/my.php?image=68773893.jpg
admin

@DarkPain: this is James and apologise for the delay replying. For the curves, levels and color balance adjustment, if you use PS cs3, you will find all of them under the Menu Layers > New Adjustment layer. With the mask, my screenshot simply gives you an idea which areas are to be hidden.

Your image looks not too bad, maybe just need a bit of fine-tuning with colour contrast :)

Hope this helps
DarkPaIn

heh, thanks, but i dont have the problem to find them in the menu, just when i apply them the image cant get dark, its white… and to get some kind of dark effect i had to apply a new layer under the Text layer and fill it all with black and then on this layer i created a mask and delete some areas.. but i tried again and get this. Looks ok for me.

http://img268.imageshack.us/my.php?image=darkpain.jpg

Anyway , thanks, u post a great tutorial wich helps me a lot.
http:inoreload.co.cc photo manipulation

thanks bro, its very usefll for me. thanks for share this tutorial for us :)
http://inoreload.co.cc
lyn

wow.. you have a nice editing.. awesome!
Mandala

In Step 2, you have selected Screen as your Inner Glow blending option. I’m doing this in CS4, and Screen is greyed-out and un-selectable. Why would this be?
Mandala

Likewise, in Step 3, I am asked to change the blending mode of the layer to “Hard Light,” yet I am unable to do this because it is greyed-out and un-selectable.
admin

@Mandala: hi thanks for trying out my tutorial! I would say this is gonna be a version issue. I haven’t got a hand on CS4 yet..
http://www.smashingmagazine.com/2009/05/23/gorgeous-examples-of-floral-typography/ Gorgeous Examples of Floral Typography | Inspiration | Smashing Magazine

[...] Create an Ancient Typography with Dry Soil Texture and Floral Brushset in Photoshop [...]
http://www.bestdesigncontent.com/1115/gorgeous-examples-of-floral-typography/ Gorgeous Examples of Floral Typography | Best Design Content

[...] Create an Ancient Typography with Dry Soil Texture and Floral Brushset in Photoshop [...]
http://g7studio.net/blog/?p=13 29 Excellent Typography Tutorials for Designers « G7

[...] 25.Create an Ancient Typography with Dry Soil Texture and Floral Brushset in Photoshop [...]
http://www.webduragim.com/?p=902 Sanal Alemdeki Mola Yeriniz » AzGuTe » Photoshop’ta 29 farklı başarılı yazı tekniği

[...] [...]
http://chilligavva.com Lakshmi Mareddy

Very Very nice tutorial, and informative as well.. Gave me some ideas:)
nevershine

thanks very much !

I love this ~
Tigerclaw

where must i start at Step 7? please Email me on Rain100@hotmail.com or add me on MSN
Tigerclaw

never mind :D i found it :P
Tigerclaw

hmm.. i dont get the same outcome for some reason, what do i have to do with the Vector musk thing? i dont understand
http://www.faqpal.com/story/2872 You are now listed on FAQPAL

Create an Ancient Typography with Dry Soil Texture and Floral Brushset in Photoshop…

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 y…
http://www.cssblog.es/bonitos-ejemplos-sobre-tipografia-adornada-con-flores/ Bonitos ejemplos sobre tipografía adornada con flores | CSSBlog ES

[...] Create an Ancient Typography with Dry Soil Texture and Floral Brushset in Photoshop [...]
Greg

Hey there. I’ve got right up to the bit with they vector masks and have no idea what I’m doing now. Please give more details on how to use this whole vector mask thing. Other than that. awesome tutorial and the end result is amazing!
http://www.youtube.com/xEpiphanyz Joa

Im stock at step 7 .. I Really Dont Know, What To Do
If Someone Can Help Me, Please Add My Msn, DkzJoachim@hotmail.com

and this is my result until step 7: http://tinypic.com/r/2r6zedi/3
http://n/a Amanda

I’m having trouble with the Load “Dry Soil” texture part of this tutorial. I’m using CS3 and I just don’t understand it. Could you help me out?
James

@Amanda: with step 3, you will need to firstly load the selection of the text layer. To do this, simply hold down your Ctrl key, and left click on the thumbnail image of your text layer on your layer palette. Then you can drag the loaded selection to the soil texture.

Hope this helps!
http://www.designussion.com/17-noteworthy-typographic-tutorials/ 17 Noteworthy Typographic Tutorials @ Designussion

[...] Ancient Typography with Dry Soil Texture and Floral Brushset [...]
hamid

hi
please help me
i can not find this:
(make sure you tick the “use previous layer as clipping mask” option for all adjustment layers)
u have this text at all of your tut but i cant make it plz help me here or mail me the picture of this section
thanks
hamid

founded :D try to it :d
thanks
hamid

i do all ur settings and i can not make with u in step 4

plz see this for my work in step 4
http://img2.tinypic.info/files/tjx7hznalk61bfwwvem9.jpg
hamid

put psd here i try that again an make bad
hamid

i cant so much do it , im tired for do it
put video tut for each posting if u make tut
hamid

plz put psd effect only for this section:
http://www.psdvault.com/wp-content/uploads/2009/05/5-effect-500×385.jpg
Rosemary

I’ cant do step 7 , i don’t know which layer you do that step .
I like your tutorial very much ,but I don’t know the last step so I cant
finish it .what a pity!
http://www.ancient-lords.proboards.com NoobStEr

I cannot use the Cloud Brushes… it says: Could not load the brushes because the file is not compatible with this version of Photoshop .. :(
http://www.ancient-lords.proboards.com NoobStEr

I’m using Photoshop 7.0 …
Azaz

very nice effect very good, i m very impress to this effect,
plz show more effects
http://www.smashingbuzz.com Smashing Buzz

very much helping for creative typography. thanks
http://www.smashingbuzz.com/2009/10/50-exceptional-collections-of-typography-tutorials/ 50+ Exceptional Collections of Typography Tutorials | Smashing Buzz

[...] Create an Ancient Typography with Dry Soil Texture and Floral Brushset in Photoshop [...]
Max

I’ve really tried on the last stage, and there seems to be more than one who has not understood the vector Mask section…I actually spent 20 minutes searching for what ‘Vector Musks’ were…arg.

Anyway, you are equally as godly as you are a pain for doing this haha. Please explain the vector masks…I know where to find them – but I don’t know how to use them like you have…would be greatly appreciated ;)

maxchina09@yahoo.co.uk
http://www.webanddesigners.com/30-best-photoshop-text-effect-tutorials 30 best photoshop text effect tutorials for designers | Web and designers | Complete resource platform for web designers and developers

[...] 24. Create an Ancient Typography [...]
taryarL

pretty cool :)
thank so much!
http://huibit05.com/tutorials/30-best-photoshop-text-effect-tutorials/ 30 best photoshop text effect tutorials | Master Design

[...] 24. Create an Ancient Typography [...]
MR X

DAVE HAS A SMALL PEN IS
http://scar1337.wordpress.com/2009/12/11/2009-mini-wrap-up/ 2009 Mini Wrap Up « scar1337’s graphical adventures

[...] Create an Ancient Typography with Dry Soil Texture and Floral Brushset in Photoshop [...]
http://www.skvanhooser.com Sandra Vanhooser

Hey, thanks for the tutorial. I am always looking to better my typography skills! Keep them coming. You do great with instructions too! I only got caught up on a couple steps, but figured them out after a while. Thanks again!
http://www.ubervu.com/conversations/www.psdvault.com/text-effects/create-an-ancient-typography-with-dry-soil-texture-and-floral-brushset-in-photoshop/ uberVU – social comments

Social comments and analytics for this post…

This post was mentioned on Twitter by surferartchick: (this is awesome) Create an Ancient Typography with Dry Soil Texture and Floral Brushset in Photos[..] – http://b2l.me/9c26 (via @psdvault)…
gagamo

Woow, I been watching, I been reading your tutorial and it looks fantastic you’re great bro. Thanks for sharing it with all of us… Good bles you man.
http://www.ice-mark.hyves.nl MvO-Design

Nice tut man, only the links above from the fonts and brushes aren’t working anymore.

But i searched voor some cloud en floral brushes and i made this tut to only a little bit different. Thanks man for the tut!

C ya
http://www.arfahhusaifah.com Tips Menulis Online

Wow. I have no words I can express. The design is very beautiful. Thanks
http://www.roncarrmusic.com Roncarrmusic

AMAZING! very very creative.
http://www.wepasa.org Wepasa

Extraordinary!
http://Website sam1

Good day! I have the same problem
with hamid…
i cant find the

make sure you tick the “use previous layer as clipping mask” option for all adjustment layers.. thing…
please help! thanks.. God Bless..
http://www.doreymedia.com/ Surrey Web Design

Really nice looking work, the floral embellishment is a nice touch but I would have stopped before the lines slashing across it. I really like the way your comments are laid out too.
http://Website Sonya

The antiquated effect is done to medieval perfection. I’ve been trying to design an archaic-type logo somewhat like this (in essence, more or less) for myself and I can’t manage to get it looking right. It was a little bit… off somehow. Finally, I decided to use the professional services of an online logo design site instead(http://www.logodesignplanet.com) and got the logo I wanted at an affordable price and fast too, within 24 hours. I did provide this link for reference and inspiration to my designer as I liked how yours look. I’m not going to design a logo without any professional help anytime soon although it’s fun. Lol…
http://Website JovanP

Hey.. Great work.. Really love your work..

I have just one question, which are the numbers of the curves in the part where I should adjust curves level?! Let’s just say I can’t make it right.. :oD

Tnx..

Bye..
http://www.beunited.in United Services

hey..goos work man!!!!! I love that
http://Website just try

i cant download the font !!
any help?
http://www.wierdwalker.com blogger tricks

what are you people.. good God… thats an awesome tutorial mate.. you are a superhero… are you an alien?
http://framedrops.net/ Andrew Sibert

You are the man ! Bye
http://www.i4visualmedia.co.uk Essex Website Designers

Looks brilliant! It’s rather cool how you do that :)

thanks for all the info.
http://www.didactico-delpanda.com.ar Madera

I have just one question, which are the numbers of the curves in the part where I should adjust curves level?!
http://Website BoB

Great tutorial, but I also can’t do the last step. Please help :(
http://www.perukk.com peruk

what are you people.. good God… thats an awesome tutorial mate.. you are a superhero… are you an alien?
http://www.shobii.co.nr Shobi

I have just one question, which are the numbers of the curves in the part where I should adjust curves level?! Let’s just say I can’t make it right..
http://Website bloodyfairy

i didnt understand anything -_- i was always asking a friend -_-
http://Website Seth Hoover

AMAZING!!!!! Implementing this now! Thanks a mil!
k d

i cant understand the vector mask thingy someone pls help me
paka

it is great but I have the same question how do I apply the vector masks to the curves, levels and color balance layers at the end….can you show me please
http://www.psdvault.com PSD Vault

@paka: it’s done via a soft eraser (0% hardness). If you’re having trouble with this, you can check out one of my video tutorial about layer masking here: http://youtu.be/MLlKUz1q_VE