Create Leafy Text Effect in Photoshop
In this tutorial, I will show you the steps used to create this leafy text effect in Photoshop. We will explore the use of tree bark texture to form the basis of the text, then applying leaf texture over the text. We will utilise the chalk brush, various selection tools, image adjustments and basic dodge/burn effect.
This is a beginner to intermediate level tutorial.
Note: The Photoshop tutorial is done in Photoshop CC – therefore some screenshot may have slighting different layout as in the earlier version. Some brushes are exclusive to Photoshop CS6.
Here is a preview of the final effect I have for this tutorial: (click to enlarge)
Note: The Photoshop tutorial is done in Photoshop CC – therefore some screenshot may have slighting different layout as in the earlier version. Some brushes are exclusive to Photoshop CS6.
Step 1
Create a new document sized 1280px * 700px with white background. Use the Gradient Fill tool to fill the background layer as shown below:
Use any abstract brush set you like, paint some random patterns over the background as shown below:
![Create Leafy Text Effect in Photoshop 1 paint 550x298 Create Leafy Text Effect in Photoshop](http://cdn6.psdvault.com/img/2014/06/1-paint-550x298.jpg)
Step 2
We will work on the text in this step. Load the tree bark texture in Photoshop and select a small piece from the texture as shown below:
![Create Leafy Text Effect in Photoshop 2 sel1 550x623 Create Leafy Text Effect in Photoshop](http://cdn6.psdvault.com/img/2014/06/2-sel1-550x623.jpg)
Copy and paste the selection over to our document, re-size your new layer as shown below:
![Create Leafy Text Effect in Photoshop 2 resize 550x537 Create Leafy Text Effect in Photoshop](http://cdn5.psdvault.com/img/2014/06/2-resize-550x537.jpg)
Repeat the above process to grab more tree barks, and form a letter H as shown below:
![Create Leafy Text Effect in Photoshop 2 more sel 550x441 Create Leafy Text Effect in Photoshop](http://cdn4.psdvault.com/img/2014/06/2-more-sel-550x441.jpg)
Continue and form the rest of the letters as shown below: (make sure you vary your selection so each letter looks different)
![Create Leafy Text Effect in Photoshop 2 more sel 2 550x295 Create Leafy Text Effect in Photoshop](http://cdn6.psdvault.com/img/2014/06/2-more-sel-2-550x295.jpg)
Go back to the tree bark texture and select a rounded portion, copy and paste the selection back to our document:
![Create Leafy Text Effect in Photoshop 2 cir 550x372 Create Leafy Text Effect in Photoshop](http://cdn4.psdvault.com/img/2014/06/2-cir-550x372.jpg)
Make a smaller selection inside the circle – the selection doesn’t need to be centred:
![Create Leafy Text Effect in Photoshop 2 cir sel 550x398 Create Leafy Text Effect in Photoshop](http://cdn5.psdvault.com/img/2014/06/2-cir-sel-550x398.jpg)
Clear the selection and you will have a letter O as shown below:
![Create Leafy Text Effect in Photoshop 2 cir finish 550x383 Create Leafy Text Effect in Photoshop](http://cdn4.psdvault.com/img/2014/06/2-cir-finish-550x383.jpg)
Step 3
We will make the edge of the text a little rough. Grab the eraser tool and set its tip with the chalk brush as shown below:
![Create Leafy Text Effect in Photoshop 3 chalk 550x267 Create Leafy Text Effect in Photoshop](http://cdn5.psdvault.com/img/2014/06/3-chalk-550x267.jpg)
Use this eraser and work through the edge as shown below in red: (you will need to rasterize the text layer first)
![Create Leafy Text Effect in Photoshop 3 erase 550x267 Create Leafy Text Effect in Photoshop](http://cdn5.psdvault.com/img/2014/06/3-erase-550x267.jpg)
and here is the effect so far:
![Create Leafy Text Effect in Photoshop 3 after erase 550x258 Create Leafy Text Effect in Photoshop](http://cdn4.psdvault.com/img/2014/06/3-after-erase-550x258.jpg)
Duplicate this text layer twice and adjust the position of the duplicated layers slightly to make the text look bolder:
![Create Leafy Text Effect in Photoshop 3 dup 550x264 Create Leafy Text Effect in Photoshop](http://cdn6.psdvault.com/img/2014/06/3-dup-550x264.jpg)
Step 4
We will add some leaves over our text. Load the leaf texture into Photoshop and select the following portion (you can use Quick Selection tool to achieve this)
![Create Leafy Text Effect in Photoshop 4 sel1 550x351 Create Leafy Text Effect in Photoshop](http://cdn6.psdvault.com/img/2014/06/4-sel1-550x351.jpg)
Copy and paste the selection over to our document and cover the text:
![Create Leafy Text Effect in Photoshop 4 cover 550x362 Create Leafy Text Effect in Photoshop](http://cdn5.psdvault.com/img/2014/06/4-cover-550x362.jpg)
Use the chalk brush eraser as in step 3, remove parts off the leaves and reveal the letters below:
![Create Leafy Text Effect in Photoshop 4 erase 550x257 Create Leafy Text Effect in Photoshop](http://cdn5.psdvault.com/img/2014/06/4-erase-550x257.jpg)
Add some more leaves to the left and right side of the text:
![Create Leafy Text Effect in Photoshop 4 more leaves 550x188 Create Leafy Text Effect in Photoshop](http://cdn6.psdvault.com/img/2014/06/4-more-leaves-550x188.jpg)
You can also add a bulk of the leaves on the top right corner of the canvas:
![Create Leafy Text Effect in Photoshop 4 more leaves 2 550x365 Create Leafy Text Effect in Photoshop](http://cdn5.psdvault.com/img/2014/06/4-more-leaves-2-550x365.jpg)
Step 5
We’re almost done! We can flatten the image and duplicate the background layer, use the Unsharp Mask filter to sharpen the text a bit:
![Create Leafy Text Effect in Photoshop 5 unsharp Create Leafy Text Effect in Photoshop](http://cdn4.psdvault.com/img/2014/06/5-unsharp.jpg)
Add the following image adjustment layers on top:
Selective Color
![Create Leafy Text Effect in Photoshop 5 sel yellow Create Leafy Text Effect in Photoshop](http://cdn4.psdvault.com/img/2014/06/5-sel-yellow.jpg)
![Create Leafy Text Effect in Photoshop 5 sel green Create Leafy Text Effect in Photoshop](http://cdn6.psdvault.com/img/2014/06/5-sel-green.jpg)
![Create Leafy Text Effect in Photoshop 5 sel whites Create Leafy Text Effect in Photoshop](http://cdn5.psdvault.com/img/2014/06/5-sel-whites.jpg)
![Create Leafy Text Effect in Photoshop 5 sel neu Create Leafy Text Effect in Photoshop](http://cdn4.psdvault.com/img/2014/06/5-sel-neu.jpg)
![Create Leafy Text Effect in Photoshop 5 sel black Create Leafy Text Effect in Photoshop](http://cdn4.psdvault.com/img/2014/06/5-sel-black.jpg)
Layer mask on the selective color adjustment layer:
![Create Leafy Text Effect in Photoshop 5 mask 550x303 Create Leafy Text Effect in Photoshop](http://cdn6.psdvault.com/img/2014/06/5-mask-550x303.jpg)
Curves
![Create Leafy Text Effect in Photoshop 5 curves Create Leafy Text Effect in Photoshop](http://cdn5.psdvault.com/img/2014/06/5-curves.jpg)
We can also add some particles in the image with a particle brush:
![Create Leafy Text Effect in Photoshop 5 part 550x266 Create Leafy Text Effect in Photoshop](http://cdn6.psdvault.com/img/2014/06/5-part-550x266.jpg)
Also paint some shadow with a soft brush under the text as shown below
![Create Leafy Text Effect in Photoshop 5 shadow 550x151 Create Leafy Text Effect in Photoshop](http://cdn6.psdvault.com/img/2014/06/5-shadow-550x151.jpg)
and this is my final effect: (click to enlarge)
That’s it for this tutorial! Hope you enjoy going through it and find it useful. Drop me a comment below if you have any question.
Till next time, have a great day!
0 comments:
Post a Comment