Thursday 27 November 2014

Create Leafy Text Effect in Photoshop

                    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)
leafy text flatten 550x300 Create Leafy Text Effect in Photoshop


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:
1 grad 550x298 Create Leafy Text Effect in Photoshop
Use any abstract brush set you like, paint some random patterns over the background as shown below:
1 paint 550x298 Create Leafy Text Effect in Photoshop

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:
2 sel1 550x623 Create Leafy Text Effect in Photoshop
Copy and paste the selection over to our document, re-size your new layer as shown below:
2 resize 550x537 Create Leafy Text Effect in Photoshop
Repeat the above process to grab more tree barks, and form a letter H as shown below:
2 more sel 550x441 Create Leafy Text Effect in Photoshop
Continue and form the rest of the letters as shown below: (make sure you vary your selection so each letter looks different)
2 more sel 2 550x295 Create Leafy Text Effect in Photoshop
Go back to the tree bark texture and select a rounded portion, copy and paste the selection back to our document:
2 cir 550x372 Create Leafy Text Effect in Photoshop
Make a smaller selection inside the circle – the selection doesn’t need to be centred:
2 cir sel 550x398 Create Leafy Text Effect in Photoshop
Clear the selection and you will have a letter O as shown below:
2 cir finish 550x383 Create Leafy Text Effect in Photoshop

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:
3 chalk 550x267 Create Leafy Text Effect in Photoshop
Use this eraser and work through the edge as shown below in red: (you will need to rasterize the text layer first)
3 erase 550x267 Create Leafy Text Effect in Photoshop
and here is the effect so far:
3 after erase 550x258 Create Leafy Text Effect in Photoshop
Duplicate this text layer twice and adjust the position of the duplicated layers slightly to make the text look bolder:
3 dup 550x264 Create Leafy Text Effect in Photoshop

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)
4 sel1 550x351 Create Leafy Text Effect in Photoshop
Copy and paste the selection over to our document and cover the text:
4 cover 550x362 Create Leafy Text Effect in Photoshop
Use the chalk brush eraser as in step 3, remove parts off the leaves and reveal the letters below:
4 erase 550x257 Create Leafy Text Effect in Photoshop
Add some more leaves to the left and right side of the text:
4 more leaves 550x188 Create Leafy Text Effect in Photoshop
You can also add a bulk of the leaves on the top right corner of the canvas:
4 more leaves 2 550x365 Create Leafy Text Effect in Photoshop

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:
5 unsharp Create Leafy Text Effect in Photoshop
Add the following image adjustment layers on top:
Selective Color
5 sel yellow Create Leafy Text Effect in Photoshop
5 sel green Create Leafy Text Effect in Photoshop
5 sel whites Create Leafy Text Effect in Photoshop
5 sel neu Create Leafy Text Effect in Photoshop
5 sel black Create Leafy Text Effect in Photoshop
Layer mask on the selective color adjustment layer:
5 mask 550x303 Create Leafy Text Effect in Photoshop
Curves
5 curves Create Leafy Text Effect in Photoshop
We can also add some particles in the image with a particle brush:
5 part 550x266 Create Leafy Text Effect in Photoshop
Also paint some shadow with a soft brush under the text as shown below
5 shadow 550x151 Create Leafy Text Effect in Photoshop
and this is my final effect: (click to enlarge)
leafy text flatten 550x300 Create Leafy Text Effect in Photoshop
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