fresh photoshop tutorials & resources
Log in Register
Painted Wood Photoshop Action Comics Book Photoshop Action Infographic JS Library Textures for Photoshop

Create a 3D Grass Text Effect in Photoshop

www.psd-dude.com
Tutorials Text Effects 1353 Views November 2nd, 2017

Learn how to create an isometric 3D text effect in Photoshop in just a few simple steps. For this tutorials I will use a cross section soil cube with a grass top.

You can easily create unlimited 3D typography and text effects by replacing the textures. I also added a spring summer text with grass, a winter text with snow and an autumn text with falling leaves.

Advertisment
3D isometric grass text effect in photoshop

Tutorial Assets

For this tutorial you will nedd these stock images, textures and other resources.

3D isometric grass text effect in photoshop

Because I am not using this image for print, I created a new small size PSD file of 650px. I try to use small size images(under 200kb) to diminish my carbon footprint. If you use larger size files, you might have to adjust the settings used, the layer styles, etc.

Create a new layer, add this Seamless Grass Texture and call the layer Grass Background. You can resize the grass image, rotate it, etc depending on your canvas size and the look that you want to obtain.

grass background in photoshop

Add a Brghtness/Contrast and a Hue/Saturation adjustments to darken the image and to make the colors more vibrant.

grass background in photoshop

Create a new layer called Isometric Cube and add one of these Soil Cross Section PNG images. You can also use the water cross section cube; just make sure to choose only an isometric image.

For my tutorial I used this Grass Cross Section PNG stock image. Press Control-J to duplicate the grass cubes and put them next to each other in a right order.

coss section soil grass cube

Type the letters "PS" from Photoshop like shown in the preview image.

3D isometric grass text in photoshop

Select all the cube layers and go to Layer > New > Group from Layers. Right click on the Grass Cube Group and choose Duplicate Group. Right click on the duplicated group and choose Merge Group. Call the new layer Shadow Effect.

3D isometric grass text in photoshop

Press Control-J and duplicate the Shadow Effect layer two times.

drop shadow

Add a Drop Shadow layer style to the Shadow Effect 1 layer.

drop shadow

Add a Drop Shadow layer style to the Shadow Effect 2 layer.

drop shadow

Set the Fill of the Shadow Effect 3 layer to 0%. Als add a Inner Shadow layer style to the Shadow Effect 3 layer.

inner shadow

Move the Grass cubes group under the Shadow Effect 3 layer.

Create a new layer called Light Effect. Fill the layer with color white. Set the Fill to 0% and add a black and white Gradient Overlay.

Also add a Brightness/Contrast adjustment layer to increase the contrast and the luminosity of the image.

For the final touches I use the High Pass filter to sharen the result. See how you can do this effect from these Sharpen Images in Photoshop tutorials for beginners. Trust me it is worth it to learn this technique.

Congratulations, You Made It!

So here is the final result for the 3D isometric grass text effect made in Photoshop using cross section soil PNG images.

3D isometric grass text effect in photoshop

Winter Snow Text Effect in Photoshop

Just for fun I decided to show you how to turn this spring/summer text effect to autumn season and winter scene with jus a few quick adjustments.

To create a winter scene inspired by the Games of Thrones, simply replace the Grass Background layer with this frozen snow texture .

To change the green color tone of the grass text, add a Hue/Saturation adjustment and choose Greens from the drop-down list.

Click on the Eyedropper Tool and click on a green color surface. Set the Hue, Saturation and Lightness to change the green tones into winter colors.

To create the falling snow effect add these falling snow overlay 1 and falling snow overlay 2 both with blend mode SCreen.

falling snow overlay in photoshop

For the final touches I added a Gradient Map with Overlay blend mode and 54% opacity level. The colors for the gradient are: #000000 (location 0%), #315868 (location 17%) and #ffffff (location 100%).

So here is the winter snow text effect made in Photoshop using adjustments.

winter scene with snow text in photoshop

Autumn Fall Text Effect in Photoshop

To create a autumn season, simply replace the Grass Background layer with this seamless ground texture and use an adjustment layer to change its color, brightness, etc.

To change the green color tone of the grass text, add a Hue/Saturation adjustment and choose Greens from the drop-down list. Click on the Eyedropper Tool and click on a green color surface. Set the Hue, Saturation and Lightness to change the green tones into autumn colors.

To create the falling leaves effect add these falling leaves 1 and/or falling leaves 2 PNG images.

autumn fall text in photoshop

If you're looking for amazing textures and backgrounds for Photoshop, explore Textures4Photoshop where you can find 1000+ unique images. You can download all these textures and backgrounds for free to use in personal or commercial projects!

Be a Cool Dude!

With your donation you can help us maintain this website and keep producing free resources many months to come! Any amount counts

No comment(s) for "Create a 3D Grass Text Effect in Photoshop"

Have something to say? Leave us a comment

Click to Upload Fan Art!

Share your Psd Dude inspired works


Pencil Sketch vs Camera Photo Effect Photoshop Action
Animated Kaleidoscope Photoshop Action
Recent Posts
Learn how to create a Movember Flyer in Photoshop using simple photo editing techniques. Add glasse...
A supermoon is the coincidence of a full moon or a new moon with the closest approach the Moon makes...
Start working like a professional graphic designer by adding these amazingly useful graphic design r...
Learn how to create an isometric 3D text effect in Photoshop in just a few simple steps. For this tu...

      3D Isometric Toy Bricks Photoshop Action
Popular Posts
You can create amazing gold text effects by using these unique gold Photoshop styles, both free and ...
If you want to know how to create dispersion effect in Photoshop in a easy way, here is a quick solu...
Today's Photoshop collection of resources includes some amazing packs of metal chrome PSD text style...
In today list of free textures for Photoshop I have gathered over 100 amazingly beautiful wood textu...
There's something about ribbons that just looks good. I thought about making this Ribbon Vector Free...
I have decided to create a new character from Alice in Wonderland and I hope that maybe someday to r...
To create a Comic Book Effect in Photoshop we have to mix all sort of filters and blend them togethe...
Stitching and sewing can be created also in Photoshop with very realistic results. So in this tutori...
Hello girls and boys! Today i want to make a cartoon rainbow... i really hope you will like it! ...
In this tutorial I will show you how to create a 3D map in Photoshop using different 2D and 3D model...
Subscribe via email
LIKE US ON FACEBOOK

      Metal Tag Photoshop Creator
top