#htmlcaption1 Share to The World Please Like Our Page To get More Music Stay Connected

Saturday, April 6, 2013

Design Unique Grass Wood Text Effect in Photoshop



Note: The Photoshop tutorial is done in CS6 – 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)
leaves typo flatten 2 500x288 Design Unique Grass Wood Text Effect in Photoshop

PSD File Download

Step 1

Create a new document sized 1180px * 680px with white background. Load the Hill image into Photoshop and use the quick selection tool to select the top of the hill, as shown below:
1 sel 500x225 Design Unique Grass Wood Text Effect in Photoshop
Copy and paste the selection onto our document, and resize it the fit the width of our document:
1 paste 500x142 Design Unique Grass Wood Text Effect in Photoshop
Use a soft eraser to fade the top edge of the ground layer, this will create a fog-like effect:
1 erase 500x169 Design Unique Grass Wood Text Effect in Photoshop
Add a Hue/Saturation adjustment layer to this ground layer with the following settings:
1 hue Design Unique Grass Wood Text Effect in Photoshop
and you will have the following effect so far:
1 effect 500x123 Design Unique Grass Wood Text Effect in Photoshop

Step 2

We will add a crack onto the grass, which we will use later on to place our text in. Load the “Forest  2″ image into Photoshop and select the following portion with our quick selection tool:
2 sel 500x224 Design Unique Grass Wood Text Effect in Photoshop
Copy and paste the selection onto our document and distort it slightly so it fits the shape of the hill:
2 dist 500x289 Design Unique Grass Wood Text Effect in Photoshop
Use a splatter brush as eraser, gently erase the edge of the track so it blends into the grass:
2 eraser 500x303 Design Unique Grass Wood Text Effect in Photoshop
2 erase edge 500x191 Design Unique Grass Wood Text Effect in Photoshop
Use the Burn tool to add some dark shadow on the inner sides of the track:
2 burn setting 500x115 Design Unique Grass Wood Text Effect in Photoshop
This adds more depth to the track:
2 burn 500x170 Design Unique Grass Wood Text Effect in Photoshop
Load the Sky image into Photoshop and copy and the sky into our document, then apply the following Motion blur filter setting to it:
2 cloud blur 500x372 Design Unique Grass Wood Text Effect in Photoshop
Fade the bottom edge of the sky with a soft eraser tool and you will have the following effect so far:
2 effect 500x288 Design Unique Grass Wood Text Effect in Photoshop

Step 3

We will start working on the type. Load the Forest 1 image into Photoshop and select the following trunk portion from the image:
3 sel 500x418 Design Unique Grass Wood Text Effect in Photoshop
Copy and paste the trunk into our document, and use the Lasso tool (with 40px feather setting) to select its bottom part as shown below:
3 paste 500x506 Design Unique Grass Wood Text Effect in Photoshop
Adjust the Hue/Saturation setting for this selection so the bottom part blends into the ground:
3 hue 500x372 Design Unique Grass Wood Text Effect in Photoshop
Add some shadow under the trunk with a soft black brush:
3 shadow 500x229 Design Unique Grass Wood Text Effect in Photoshop
Go back to the Forest 1 image and copy a few more tree branches, and attach them to form a letter “F”, as shown below:
3 attac 500x371 Design Unique Grass Wood Text Effect in Photoshop

Step 4

Load the Palm Tree Leaf image into Photoshop and select it with the magic wand tool:
4 plam tree Design Unique Grass Wood Text Effect in Photoshop
Copy and paste the selection onto our document and place this layer below the first big wood trunk layer. Resize and duplicate it a few more times, attach the layers to different parts on the letter as shown below:
4 attach 500x431 Design Unique Grass Wood Text Effect in Photoshop
Also add some grass over the wood with the following portion from the forest 2 image:
4 grass Design Unique Grass Wood Text Effect in Photoshop
Paste the selection over to our document, resize it and set the layer blending mode to “Hard Light”. Duplicate this new grass layer a few more times and attach them as shown below:
4 hard light 500x383 Design Unique Grass Wood Text Effect in Photoshop

Step 5

We’re almost done! Optionally, you can add some green particles around the text, just to add some motion into it:
5 particle 500x325 Design Unique Grass Wood Text Effect in Photoshop
We can add a new black layer on top of all previous layer, and render the following lens flare filter to it:
5 render 500x347 Design Unique Grass Wood Text Effect in Photoshop
Change the blending mode to “Screen”, and you will have the following effect:
5 change 500x305 Design Unique Grass Wood Text Effect in Photoshop
And here is my final effect for this Photoshop tutorial: (click to enlarge)
leaves typo flatten 2 500x288 Design Unique Grass Wood Text Effect in Photoshop
Till next time, have a great day!

0 comments:

Post a Comment