fresh photoshop tutorials & resources
Log in Register
Infographic JS Library Infographic JS Library

Photoshop Tree Text Effect

Tutorials Text Effects 20627 Views March 5th, 2012

Learn how to create a tree text in Photoshop from this easy to follow tutorial. The text will be all covered with leafs, so we'll obtain a very organic and natural look. The technique can be used to create other text effects simply by changing the leafs with something else(flowers, hearts, etc.).

You will only need some textures, for the background and for the text itself, to create this cool Photoshop text effect. I hope you will enyoy not only reading but also practicing this tutorial. Let's begin!

Advertisment

Preview of the Final Image

Before we begin let's take a quick look at the text effect we are about to create. Nothing to complicated, you will only need some basic Photoshop knowledge. And the fun part is, that you can use any other nature element, like flowers for example, to create your own nature inspired text effect.

Add the Background Layer

Let's start with the Background Layer. Add a soft gray gradient to this first layer using the Gradient Tool. Use the Linear Gradient with two tones of light gray : #dad8d8 and #cecccc.

Open the layer Style Window and add Pattern Overlay using the Cardoard Pattern no.7 from this set of free Cardboard Patterns. You can of course use another texture, for example a Paper Texture will look just as beautiful.

Add a Color Overlay from the same window, using this color #969595. Make sure you set the Blend Mode to Color Burn.

Add a Gradient Fill layer using these gradient colors. Set the Gradient Blend Mode to Soft Light 100%. As you can see the gradient has some transparent areas where the opacity is 0%.

Text Layer

Time to add a simple text "TREE" with upper case letters. I will use a default font that Photoshop CS4 has, Hobo Std. The settings are as follows:

Convert Text into Shape

If we want to change the text shape without affecting the quality of the image, we have to transform it into vector. In Photoshop we can do that by using the Convert Text to Shapeoption. Now we can use the Covert Point Tool to make small changes but you can leave it as is.

Add Layer Styles

Duplicate the Tree Text Shape layer 3 times. Start with the Tree Text Shape 1 and add the following layer styles: Bevel and Emboss, Color Overlay, Gradient Overlay and Pattern Overlay.

For the Pattern Overlay use this beautiful Paper Pattern. I have picked the third pattern from this beautiful set, which has a nice green color.

Now let's work with the second layer, the Tree Text Shape 2. Reduce the Fill to 0% and add the following layer styles: Inner Shadow, Pattern Overlay and Bevel and Emboss.

Part 1Part 2Part 3

15 comment(s) for "Photoshop Tree Text Effect"

patara
patara
6:01 AM Thursday, March 08, 2012
Thank you. Looks good. reply
PsdDude
2:21 PM Sunday, March 11, 2012
I am glad you like it! reply
Omar
3:00 PM Thursday, March 22, 2012
thanks alot. when i have time i will try it! reply
yogs
9:59 AM Wednesday, March 28, 2012
simply amazing effect. reply
Louise
7:11 AM Sunday, April 08, 2012
Great tutorial! Thank you!

I've attached what I did based on this tutorial.

reply
PsdDude
7:18 AM Sunday, April 08, 2012
It looks really beautiful :) I am glad you liked my tutorial ! reply
Dave
Dave
6:18 AM Tuesday, April 10, 2012
How do you change the fill of the text as object layers? That box is grayed out on my screen... reply
PSDDude
6:23 AM Tuesday, April 10, 2012
Hi Dave,
I don't know at which step are you reffering, please give me more details reply
Praksah
Praksah
11:34 PM Sunday, July 22, 2012
Thankyou very much.Nice effect,v,good tutorial :) reply
Xitrena
Xitrena
8:43 AM Monday, March 18, 2013
Thank you very much for the wonderful tutorial! reply
John
8:45 AM Monday, March 18, 2013
I am glad you like it. Your tree text effect looks very beautiful and creative with the dead tree branches and the birds that you've added ! reply
PSDDude
1:40 AM Tuesday, April 02, 2013
My tutorial was translated in Russian and I selected some of my favorite typography artworks inspired by this tutorial

Flower and Leafs Typography made by L?dyWinter http://www.photoshop-master.ru/users.php?id=124911
reply
PSDDude
2:02 AM Wednesday, April 03, 2013
Bio Green Photoshop Typography made by
kolobok555 http://www.photoshop-master.ru/users.php?id=289680 reply
PSDDude
1:28 AM Monday, April 08, 2013
Spring Flower Nature Inspired Typography made by voki http://www.photoshop-master.ru/users.php?id=1110671 reply
PSDDude
2:14 AM Saturday, May 11, 2013
Another beautiful Nature inspired text effect made by Vitalic K. (www.photoshop-master.ru/users.php?id=223508)
reply

Have something to say? Leave us a comment

Click to Upload Fan Art!

Share your Psd Dude inspired works


Recent Posts
Learn how to make a spooky pumpkin 3D typography in Photoshop for the upcoming Halloween celebration...
Light textures and brushes are useful resources in Photoshop manipulation. To create realistic light...
Many of our friends are very excited and curious regarding our new Photoshop action Quilling Paper A...
The Halloween is coming again and so I decided to create a nigh witch Photoshop manipulation. This p...

      Rubber Stamp Generator Photoshop Action
Popular Posts
There's something about ribbons that just looks good. I thought about making this Ribbon Vector Free...
I am not a fan of tattoos but I can still appreciate it as art. There are a lot of people out there,...
Today's list is a collection of Free Photoshop Layer Styles. As many of you already know, Photoshop ...
In today list of free textures for Photoshop I have gathered over 100 amazingly beautiful wood textu...
Another Photoshop texture that is really used by digital artists is for sure the old paper texture. ...
I have decided to create a new character from Alice in Wonderland and I hope that maybe someday to r...
Hello girls and boys! Today i want to make a cartoon rainbow... i really hope you will like it! ...
To create a Comic Book Effect in Photoshop we have to mix all sort of filters and blend them togethe...
Hello, today I will show you how easy it is to create a broken glass effect. We will use of course a...
I saw this beautiful stock image with the girl and decided immediately that she is perfect for an an...
AI Vault Store Custom Shapes for Photoshop
Subscribe via email
top