Apr 18, 2012

Filled Under:

Text Effect with Leaves and Stone Texture


In this tutorial, I will demonstrate the processes I used to design this soft and smooth, fresh feeling text effect with leaves and stone texture in Photoshop. I was having a play with Photoshop on the weekend (when the site was down) and discovered the interesting effect accidentally :)
Along the way, we will be using and revising techniques such as masking, layer blending options, adjustment layers, and a quick way of creating uneven lighting effect. I will also show you how I create a light source in conjunction with the shadow effect on the text. Have a go!
Here is a preview of the final effect for this tutorial: (Click to enlarge)
trans text leaf texture final 2 500x375 Design a Smooth and Fresh Text Effect with Leaves and Stone Texture in Photoshop

Step 1

Firstly we need to download the following textures:
Load the wall texture in photoshop, duplicate the background layer once and set it as “soft light”, you can see the background texture darken a bit: (Personally I would like to make the overall light darker a bit and later on it will be easier to create light source and other lighting effects)
1 duplicate1 500x375 Design a Smooth and Fresh Text Effect with Leaves and Stone Texture in Photoshop
Make another duplicate of the background layer and drag it to the top, add a vector mask to the duplicated layer. Hold down the Alt key and left click on the mask thumbnail on the layer palette, use a big soft brush to draw a black line across the centre of the canvas:
1 erase 500x367 Design a Smooth and Fresh Text Effect with Leaves and Stone Texture in Photoshop
You will see the centre portion of the image is now highlighted, whereas the rest of the image being further darkened. We will be placing our text on the highlighted area:
1 effect1 500x368 Design a Smooth and Fresh Text Effect with Leaves and Stone Texture in Photoshop

Step 2

Type some texts using this font you just downloaded on the centre of the canvas:
2 type text 499x303 Design a Smooth and Fresh Text Effect with Leaves and Stone Texture in Photoshop
Apply the following blending options:
General Blending
2 blending options 500x350 Design a Smooth and Fresh Text Effect with Leaves and Stone Texture in Photoshop
Drop Shadow
2 drop shadow 500x350 Design a Smooth and Fresh Text Effect with Leaves and Stone Texture in Photoshop
Inner Glow
2 inner glow 500x350 Design a Smooth and Fresh Text Effect with Leaves and Stone Texture in Photoshop
Bevel and Emboss
2 bevel 500x350 Design a Smooth and Fresh Text Effect with Leaves and Stone Texture in Photoshop
Contour
2 contour 500x350 Design a Smooth and Fresh Text Effect with Leaves and Stone Texture in Photoshop
Gradient Overlay
2 grad overlay 500x350 Design a Smooth and Fresh Text Effect with Leaves and Stone Texture in Photoshop
And you will have the following effect (the text become transparent and you can see the stone texture appears on the text)
2 effect3 500x365 Design a Smooth and Fresh Text Effect with Leaves and Stone Texture in Photoshop

Step 3

Now let’s add some freshness onto the text. Load the “Leaves” texture into photoshop, go back to our document and load the selection of the text layer (ctrl+left-click the thumb of the text layer on the layer palette). Drag the selection onto the leaf texture as shown below:
3 drag selection 500x313 Design a Smooth and Fresh Text Effect with Leaves and Stone Texture in Photoshop
Copy the selection and paste in back to our document:
3 paste 500x234 Design a Smooth and Fresh Text Effect with Leaves and Stone Texture in Photoshop
Name the newly created layer as “leaf”. Apply the following Gaussian Blur setting to it:
3 gau blur Design a Smooth and Fresh Text Effect with Leaves and Stone Texture in Photoshop
Change the layer blending option as shown below:
3 blending 500x350 Design a Smooth and Fresh Text Effect with Leaves and Stone Texture in Photoshop
Duplicate the leaf layer once and apply the following blending option to the duplicated layer:
3 blending 2 500x350 Design a Smooth and Fresh Text Effect with Leaves and Stone Texture in Photoshop
And you will have the following effect to the text:
3 effect3 499x294 Design a Smooth and Fresh Text Effect with Leaves and Stone Texture in Photoshop

Step 4

Now let’s create some uneven lighting and give some depth to the image. Create a new layer and name it as “lighting overall”, use the Lasso Tool with a 30px feather to draw a selection as shown below:
4 lasso tool 499x333 Design a Smooth and Fresh Text Effect with Leaves and Stone Texture in Photoshop
Go to Filter > Render > Cloud (set foreground colour to #555555 and background colour to black) and render some cloud inside the selection:
4 cloud 500x342 Design a Smooth and Fresh Text Effect with Leaves and Stone Texture in Photoshop
Set the blending mode of this layer to “Soft light” and duplicate it a couple of times. You will have the following effect: (The centre portion of the image become highlighted so it’s easier to focus on the text)
4 effect4 500x355 Design a Smooth and Fresh Text Effect with Leaves and Stone Texture in Photoshop

Step 5

Now let’s create a light source for this image. Duplicate the “lighting overall” layer one more time and rename it “light source”. Drag this layer to the top and go to Filter > Render > Lens Flare and apply the following settings:
5 lens flare Design a Smooth and Fresh Text Effect with Leaves and Stone Texture in Photoshop
Then use the Free Transform Tool (Ctrl + T), rotate, distort this layer until it look similar to the image shown below (light coming from the top right corner)
5 distort 500x340 Design a Smooth and Fresh Text Effect with Leaves and Stone Texture in Photoshop
Set the blending mode to “overlay” and you will have the following effect:
5 effect3 499x364 Design a Smooth and Fresh Text Effect with Leaves and Stone Texture in Photoshop

Step 6

To further adjust the lighting contrast, we can add a few new adjustment layers on top of all previous layers. Firstly we can add a new curves adjustment layer and apply the following settings:
6 curves Design a Smooth and Fresh Text Effect with Leaves and Stone Texture in Photoshop
Then add a new Level adjustment layer and apply the following settings:
6 level Design a Smooth and Fresh Text Effect with Leaves and Stone Texture in Photoshop
And you will have the following image as a result:
6 effect2 500x373 Design a Smooth and Fresh Text Effect with Leaves and Stone Texture in Photoshop
Ok that’s it for this tutorial! You can have a play with layer blending options and add a few more adjustment layers (hue and saturation, channel mixer) and see what result it gives you!
Here is my final image for this tutorial: (I added some colours and reduce the saturation a bit)
trans text leaf texture final 2 500x375 Design a Smooth and Fresh Text Effect with Leaves and Stone Texture in Photoshop
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!





0 comments:

Post a Comment