| More Coming Soon! |
Ever wanted to make text out of grass? Well with Photoshop you can. In this tutorial we'll create a rather cool-looking grass-text effect using a photo of grass, the Pen Tool and a bit of patience.
This is the first of a five-part set of tutorials where we'll use Photoshop to make text out of all sorts of things. So let's get ready to Photoshop!
I like to begin tutorials by showing where we're going. So without further ado, here is the final grass-text image click to see the full 1920px x 1200px size.
This tutorial is made up of three parts—the background, the text itself, and some final extra effects. So first of all we're going to make a background. To do this we create a new document in Photoshop. I made mine 1920 x 1200 because I want this image to sit on my laptop background.
We start by drawing a Radial Gradient with the Gradient Tool (G) going from a light yellow-green (#adbf41) to a mid-range green (#328a26). I wonder if I've ever written a tutorial that doesn't start with a radial gradient. :-)
Now for this image we want to create a really textured background, faintly resembling paper. So the first thing we need is ... a paper texture!
Happily you can grab some really awesome grungy paper textures from Bittbox and they are nice and large too, which is good because this is a huge canvas.
So I can't remember which texture I used first, but grab one, desaturate it (Ctrl+Shift+U) and stretch it over the top to fit the canvas.
Now we set the layer to Overlay and 70% Opacity to blend the texture with our nice green background.
Now to get a really distressed look, I then copied this layer, spun it around 180' and set it to 20%. Then I brought in a few more layers of paper texture (using different textures, mostly from Bittbox) and set them all to faint overlays, one on top of the other.
This was partly for the extra distress, but also because I realised that the textures looked a bit grainy and not small and sharp. So by combining extra textures and then fading it all back, I can get a nicer, sharper overall look.
Anyhow as you can see in the screenshot there are six layers here. Don't forget if you are a Plus member you can download the PSD file for this tutorial and take a look in there yourself!
Now I duplicated the original background gradient, placed the duplicate layer above all the textures and set it to 40% Opacity—this tones back the texture so it's not quite so grungy!
Now we create a new layer over the top and using a large, soft, black brush, add some black to the edges. It's worth toning back the opacity to about 30% and Overlay. You can then duplicate the layer and run a heavy Gaussian Blur over it (set to about 32px). That way the edges really soften out.
OK, we now have a nice background!
OK, we are now ready to make some grass text. To do that, we're going to need some nice pretty grass to cut. After a lot of searching, I finally found this lovely photo on Flickr of grass.
So download the image at full-size and copy it on to your canvas.
Next we need some type. So select a font you want to cut out with. I chose Swiss 924BT, which is fat and condensed type. I thought it looked nice and grand. And I've written the text "EARTH". That's because I'm making five of these wallpapers—earth, water, fire, air, spirit ... it's like that cartoon I used to watch as a kid, Captain Planet!
Anyways, so just set your text out in white and set it to Overlay and like 50% Opacity. This layer won't actually show in the end, it's just a guide layer.
OK, so here's the text on top of the grass we got earlier.
Now a bit of planning! To make text out of grass, it's not going to be enough just to stencil out the grass. Rather we need it to look all rough, with bits of grass sticking out the edges. To do that, we're going to use the letter shapes as a rough guide and then trace roughly around them and periodically jut out to trace around blades of grass.
I'll warn you now, it's very tiresome!
OK, so here we are tracing. You should use the Pen Tool (P) and frankly, if you're not handy with it before you start, you will be by the end!
Notice how in the parts where my path juts out, it sort of follows individual blades of grass. That way when you have the final cut-out they will look like pieces of grass sticking out.
When you've finished your path, it's best to save it in the Paths Palette. You can do this by switching to that palette and then clicking the little down arrow and choosing Save Path. That way if you need the path again later, you can grab it.
Anyhow, double-click the path to get the selection and go back to your grass layer. Duplicate the grass layer so you still have more grass for the other letters, then invert your selection (Ctrl+Shift+I) and cut away the excess grass. In the screenshot I've faded back the duplicate grass layer so you can see the cut out "E" part.
OK, so here we have our "E" on the final bakcground. As you can see, it looks only slightly better than if we'd just used the letter to stencil out the grass without bothering to trace. But that's OK, what it needs is a bit more depth. After all, if that letter was really sitting there, we should see some shadow and sides to it.
First of all though, we'll add some layer styling to give it a bit more of a three dimensional look. The styles are shown below.
Here's the first set of layer styles...
Now duplicate that layer, then clear the layer style off the duplicate, so we can add some more styles. This time add the styles shown below...
Here's the second set of layer styles... (Note that it's 51% Opacity so it'll blend in with the previous layer)
So this was all just experimental, and it kinda looks OK, but obviously has a long way to go. Now we'll add some shadow. For that we'll use a technique that I demonstrated in a previous tutorial, Using Light and Shade to Bring Text to Life
The idea is to make a three dimensional look. So Ctrl-click the grass layer and then in a new layer below, fill it with black. Then press the down arrow once and the right arrow once and fill it again, then repeat over and over until you get an effect like that shown. I think that was about 15 steps of filling.
Now we run a Filter > Blur > Motion Blur on our shadow with a 45' angle and a distance of about 30. Then set the text to a low opacity of about 50%. You should have something that looks like the screenshot below.
Now move the shadow layer down and to the right and magic happens! All of a sudden it looks like the letter is casting a shadow. Pretty neat!
Now I duplicated this layer three times. Each time I erased a bit of it away so that as the shadow is closer to the text it gets darker. I set these layers to Multiply.
So this text is looking pretty cool, but for that extra bit of depth we should add some bits of grass in the background/shadow area. Rather than cutting out more grass, we can just use this current letter transformed about so that it's not obvious that we're hacking it together.
So as you can see below I created a few pieces of grass. They are just cut up bits of our main letter.
Now by moving those pieces into the shadow areas, we can make it look like there is grass sticking out and it's a real 3D object made from grass!
Because these new grass bits are in shadow, you might want to use the Burn Tool (O) to darken them appropriately.
So yay, one letter down ... four to go! Good thing we didn't choose a long word like erm I don't know ... laborious!
Using the exact same technique ... here is the A;
and the R and T ... you get the picture.
And finally, the whole word! The only extra thing I did here was to move the letters apart a little. Each letter is in its own Layer Group which makes moving it around much easier.
Now nice as it's looking, our text is a little lonely and monotonous. So in this last section we'll add a few more elements to the design. Note we don't want to overdo it, though, because I want this to be a desktop background, so space it is important (for all my icons!).
So first up, let's add some extra text. Here I've placed a nice quote about the earth and unity taken from the Baha'i faith (that's my religion!). I love quotes, because it means we get three parts to decorate—the quote, the quotation marks and the source.
The text is in a variation of Swiss which is thinner, but still condensed. Using multiple fonts from the same family (heavy, light, etc) is a good, safe bet for keeping your type looking coherent.
So here I've set the quote to Overlay and 50%, then duplicated the text and set it to Screen and 50%. Then I've added quotation marks in the same Swiss font, but made them extra large and a bright shade of green. Finally, the source of the quote is in teeny letters and centered vertically. And, of course, the whole quote has been measured out so it's exactly the length of the main "EARTH" text.
Next we'll add a bit of a highlight to the scene. To do this, create a new layer above all the rest, and using the Gradient Tool (G), draw a gradient of white -> transparent towards the top left. Then set this layer to Soft Light and 50%. This will turn it into a nice subtle bit of lighting.
Now we'll add two eye-catching elements to offset all the green. These will be a brilliant blue butterfly and a little red ladybug. I used the excellent everystockphoto Web site that searches a ton of free stock Web sites for you to find two awesome images to use: Ladybug | Butterfly
Placing the images is pretty easy. First the butterfly. We just open up the image in Photoshop, use the Magic Wand Tool (W) to select all the white area, then go to Select > Modify > Expand and expand the selection by 1px to make sure we've got it all. Then press Ctrl+Shift+I to invert the selection and copy the butterfly over to our main canvas.
The ladybug I selected needs to be cut out of it's image. To do that I used the Pen Tool (P) and traced around the little guy and then just cut him out that way.
So here are our two extras. As you can see, the lady bug looks a bit weird actually because I did a quick'n'dirty job of cutting him out. But that's OK because he's going to be tiny so you won't be able to see the details anyway.
So paste them in and then shrink them down and place them appropriately. It's best if they aren't close together, because that way they'll balance each other.
I added a drop shadow to each. With the ladybug it's a very close shadow because he's small and walking on the grass. With the butterfly, I set the distance to about 10px because he's hovering in the air and therefore the shadow lands a little ways away.
And there we have it, one neat little composition featuring text made out of grass! (Click for the full-size version)
As I mentioned earlier, I've planned out a series of these Photoshop type tutorials, where we'll be making text out of different things. I've put together the next two, and there's a teaser shown below. Part 2 of the series—Fire—will be up around this time next week. Until then!
Keep reading with more great tutorials and articles!
We'd love your vote!
Source Files, Bonus Tutorials and
More for $9 a month for all TUTS+
sites in one subscription.
We pay $150 for user submitted tutorials and articles that we publish. Anyone can send in a contribution
Community Images via Flickr
Community Link Feed
PART OF THE TUTS+ NETWORKThe effects and techniques demonstrated in tutorials on the Tuts+ network can be used in whatever manner you wish without attribution.
The text, images and tutorials themselves are copyright their respective owners.
You cannot copy whole tutorials, either in English or translated to another language.
Writing a tutorial or article for the site is not only a great way to get exposure and give back to the community, but we'll also give you $150 cash to boot!
This is YOUR site, so if you have suggestions or feedback on how we can improve it for you, please let us know! We do our best to keep up!
User Comments
( ADD YOURS )Leat Cristian May 22nd
Thank you for this tutorial i`ve got inspired for my next flyer, once again thx
i can hardly wait to see your next tutorial
( )jaunzim May 22nd
Oh dear…
( )Now we are talking…
AWESOME STUFF COLLIS… omg…
PainiaX May 22nd
wow! this effect is so cool!
thanks for the tutorial!
( )Hussain May 22nd
This is by far the best backgrounds i have ever seen!, cant wait to see the fire tutorial. amazing!
( )ck May 22nd
Very impressive. This is what I call “talent” both with in.
( )Neil Bradley May 22nd
Looks amazing… a fantastic tutorial.
This has come at just the right time for me as I have a website to design about a voluntary Walking group. Their logo features grass and a wooden signpost, so the effects here would fit in perfectly.
Thank you.
( )-2ö9- May 22nd
Magnificent! PSDTuts has moved to the next level. This site will be the boom!
( )CoolVectors.com May 22nd
Great tutorial and great website.Keep them coming
( )Dave Wilkinson May 22nd
Now that looks cool. I’m torn between trying the padlock tutorial or this one first.
( )Has.n May 22nd
I never through that grass can be soooo great!! hahahahahah!! nice tutorial, waiting for the fire one!!!
( )solwyvern May 22nd
That’s an excellent effect.
( )Nice work!
Very resourceful!^^
Alex Beltechi May 22nd
I’ve seen grass text before, but this is amazing. Excellent work Collis. Thanks!
( )JPH May 22nd
Very cool.
( )Salva May 22nd
wwwwwww000000000000wwwwwww amazing !!!!!! l
( )Diesel May 22nd
Wow. Wow. Absolutely amazing. Very tiresome but worth the effort. Thankyou for a fantastic tutorial!
( )-Diesel
i1100a May 22nd
Wow, tutorials seem to be going back to what they were! awesome!
( )cal May 22nd
you never stop amazing! can’t wait for fire!
( )webdesign is art May 22nd
A-MA-ZING O_O
Every tuts on this site are amazing !!
( )Thanks you, I rediscover Photoshop in every tuts, it’s incredible.
seth May 22nd
beautiful
( )Ludo May 22nd
Impressive!!!!!!!!!!!!
( )Thanks a lot
Zach May 22nd
INCREDIBLE! I can’t believe how awesomely realistic this text looks. I gotta try this sometime. Waiting anxiously for the fire one.
( )Drupal Museum May 22nd
Very realistic.
( )Nate May 22nd
Woohoo. This is awesome tutorial. Thanks for sharing it with us Collis!
( )ZaFaR May 22nd
That is very amazing & tremendous tutorial great explanation.
( )MikeTheVike May 22nd
I look at every tutorial, first time I felt like posting. This tutorial rocks, looks really realistic, especially considering the simple steps taken to create it. Definitely looking forward to the fire text!
( )Brittany May 22nd
That fire preview looks like a reworked version of the one from PhotoshopTechniques.com That makes me SOOO excited because I think they have the best looking fire tutorial around.
It might not be related, but it’s at least the same type face.
I adore the elements theme and that makes me ridiculously excited. Can’t wait for more tuts!
( )Thomas May 22nd
Awesome tutorial. Very nice.
( )Roger May 22nd
Wow this is amazing! Thank you very much for this tut Collis!
( )freshis May 23rd
Houuaaa !!! Trop bien !! .. hum … I mean … realy great tutorial … nice effect …
( )Mads May 23rd
Very cool.
( )Lo_asca May 23rd
Great!
( )Bring the fire up
bl4kdev1l May 23rd
OMG….. This is so cool!!! Thanks Dude!!
( )tomec May 23rd
superb. i use it now
( )Medium May 23rd
OMG Thank you for this !
( )This one’s worth 300$
norman May 23rd
Amazing tutorial, will give this a go.
( )amfis May 23rd
Whoa, nice one!
( )Mody May 23rd
Thank you so much Collis! This is simply great. The final image is stunning and the techniques are invaluably helpful.
THANK YOU.
( )TexMax May 23rd
300??? I’d say that’s worth a 1000$! I’m just speechless, verrrrry nice tut!
( )Daniel May 23rd
I’m spechless
That’s amazing…
Daniel
( )Aslan May 23rd
Like it alot! Can’t wait for the fire
( )Johan May 23rd
Hehe very cool. Thanks man!
( )Qbrushes May 23rd
thats what i’m talking about!! well done!
( )Mankaran May 23rd
Its great….
( )Save our Mother Earth from the pollution should be our motto….
Constantin Potorac May 23rd
THis is an amazing tutorial Collis. Thank you for sharing. I am also looking forward to see the other ones next week.
( )SnakeJake May 23rd
One of the best ones yet! The background alone would have been a nice tut, but those letters man. Awesome!
BTW!
It’s EARTH, FIRE, WIND, WATER, HEART! By your powers combined I am Captain Planet. GO PLANET!
So no AIR of SPIRIT.
( )Leckie May 23rd
I never post but this one deserved it, a truly fantastic tutorial.
( )Hanna May 23rd
That is seriously impressive. Such cool results from simple beginnings (just type and textures). That is by far the best-looking grass text I’ve ever seen.
( )Bruno Gurgatz May 23rd
Perfect tutorial!!! this effect is very realistic!!!
thank!!! Waiting for the other tutorials!
( )Erin May 23rd
Awesome tutorial, I’ll definitely give it a try
( )& I’m excited that you used that quote
Terry May 23rd
just when it seems like collis wont post a new tut, here comes one that gets knocked out the park.
i actually like this text for a business card i’m working on AHEM… from your previous tut!!!
sweet. just when i worry about the tuts here, BLAM!!!!
( )Seraphim Collective May 23rd
Great tut, his is a nice one to add to the arsenal. It has a lot possibilities that some might not see at first.
( )Josh May 23rd
Holy… Friggin… Cow…
Way awesome stuff there. I think this is one of the most creative effects I’ve seen in a long time. The only negative is that I have that wretched Captain Planet song stuck in my head now.
( )Carlos May 23rd
Very good tutorial. PSDTuts picking up it’s paces. Love the tutorial.
( )Rooney May 23rd
wow Collis..you are a class apart.
( )Ricky May 23rd
I usually am never wowed enough to comment on tutorials but I just have to say that this one is superb!
EXCELLENT work!
( )foyster May 23rd
beautiful!
( )Brent May 23rd
“Captain Planet! He’s our hero! Gonna bring pollution down to zero!”
( )Matt Radel May 23rd
Dude, what a FANTASTIC tutorial – this is prolly the most interesting one I’ve seen on this site to date, and that’s REALLY saying something. Great stuff, tip of the cap to ya.
( )Christian Mejia May 23rd
Thank you for showing us this technique, this is phenomenal!
( )Tyler Bramer May 23rd
The background texture looks amazing and creating the grass text is looks brilliant and can be made in just a few steps. Gave me a lot of inspiration.
( )kamel May 23rd
OH HELL YES collis
i sooo dig you
btw do you have deviantart page?
( )Jeff May 23rd
So many ideas for this style.
Brilliant……..
( )Fredro May 23rd
Amazing stuff Collis, very professional.
( )angeloff May 23rd
Amazing, very creative .. nice work.
I love this web site. it`s the best tuts. in the web
( )Andrew May 23rd
This text looks incredible. Thanks for sharing!
( )steve May 23rd
one of the best! wow!
( )Isaac May 23rd
Thats more why I signed up.
( )Marloes May 23rd
Woooooooow! This is really amazing! Can’t wait to see your other text-tuts!!
( )as-Design May 23rd
Nice effect. Looking forward to read the next ones next week.
( )Doug Neiner May 23rd
Amazing… can’t wait for the others too. I love the part “You didn’ think this would be easy, did you?”
( )Jon May 23rd
One of the most striking tuts on this site. You da man!
( )Ben Griffiths May 23rd
This is fantastic, it’s in depth and covers absolutely everything!
( )Alen May 23rd
Great. Collis you tuts are the best.
( )Danny May 23rd
This effect is so amazing! Wish it wouldn’t require the tedious pen part, but it definitely pays off
( )Dain May 23rd
really nice tut… i like this style. thx for it.
( )LOSWL May 23rd
OOOH Yeah!!….this is great stuff man!!….A great technique, I can’t wait for the rest!! Thanks
( )Toxel.com May 23rd
Nice! Can’t wait for the fire text tutorial.
( )Adrian Quevedo May 23rd
Collis, great tutorial! this effect is awesome!
( )Thanks for sharing it!
James May 23rd
An awesome tutorial Collis!
( )Congrats! I apsolutely love this effect!!!!!!
Cre8tiveInc May 23rd
This is PERFECT. Just what I have been looking for
( )Charles Williams May 23rd
These are the tutorials that keep me coming back to psdtuts.com These are the tutorials that help me improve my skills by leaps and bounds. Good Job!!!!
( )Digital Fake May 23rd
I haven’t done it yet and am going to take a good look through it but it looks like one of the best yet!
( )Cheers
Frederik May 23rd
Should be a Plus tutorial, I think.
( )Lamin Barrow May 23rd
Heeyyy… that’s probably the best photoshop text effect i have ever seen. Now that is beyond COOL It’s HOT.
( )kremalicious May 23rd
just stunning! indeed you incorporated some interesting techniques like your outstanding shadows. well done!
( )Colin Stein May 23rd
i’ve seen fire, but not nearly as cool as the one you made!
( )Kim Dolleris May 23rd
Very nice tut there.. thanks a bunch!
( )Daniel Richard May 23rd
Woah! Now that looks super good! Not only for the detailed tutorial writeup, but the final image is sweeeet!
( )Pavel Ciorici May 23rd
Great tutorial
( )Leander Dirkse May 23rd
I love it!
( )Sean Hodge May 23rd
Wow! Great job Collis. Much like everybody else, I look forward to the next in the series. Thanks.
( )William Ahouma May 23rd
Wow, I tried this 5 years ago. The final result (?) looked like crap
and i swore will never try this again but I might try to
do it. Awesome job, bro!
PS: Hey Collis, are you human?
( )Jim C. May 23rd
Amazing. I think that this is one of my favorite tuts since I lucked out enough to find this site. Love the final result!
( )kamel May 23rd
Collis=
i cant wait for the fire one,great effect there my eyes seeing.
( )Ignacio May 23rd
Yes, this is spectacular like the title said.
( )glsmaster May 23rd
Wow, impressive… really impressive.
The background work is just great!
( )pgoo May 23rd
this it really the best tutorial site in the internet !
( )Great work
awesome effect
Philip L May 23rd
Nice tutorial… one of the more professional looking text tutorials on here. Looking forward to the next 2.
( )soulWasted May 23rd
whoo hooo! /* wordless
*/
( )Fred yates May 23rd
This is probably the best tut I’ve seen on here, even though the are mostly all great tuts.
I’m probably a tad biased at the moment though because I’m designing a website for a golf course in Connecticut soon and plan on using this awesome effect somewhere in the site.
( )Virax May 23rd
I never ever response to posts (though I always love them), but this… this is just too incredible perfect to NOT reply, so: thnx dude, you are like a god for me now
Very very nice! Thnx!
( )Afga May 23rd
Oooooooh, do water too, pretty pretty pleeeeeeease…
( )Frippe May 23rd
Very nice tutorial.
But I have one question. Been searching for the font but cant find it anywhere. Fonts.com dont have it and searching for it on Google only produces 3 links
That is something you dont see everyday 
( )sean steezy May 23rd
wow. great effect, great tut, lots of hard work. It sheds some light on how you go about creating these complex but realistic images. I wouldn’t have thought about it that way…but thats why you have this website and I don’t… THANKS!
( )Mike May 23rd
Kudos Collis!
thank you
Mike
( )Jin Y May 23rd
great effect as always.
one suggestion: i think instead of the butterfly, it’d be neat to see a little guy riding a lawnmower around the types. (web2.0 guy, all glossy ‘n shiny
( )dariuszman May 23rd
Wow, it’s so amazing and useful. I admire quality of this stuff.
Here’s my work, of course based on Collis tut.
http://www.flickr.com/photos/dariuszman86/2514676102/
Thx,
( )Cheers
Guilherme Zühlke O'Connor May 23rd
Fantastic, as usual!
( )Mr Kuzio May 23rd
È uno spettacolo!!!
È veramente uno spettacolo!!!
Complimentissimi!
Very very nice!
( )It’s incredible!
Arnaud Alves May 23rd
That’s beautiful !
( )Mukund May 23rd
Really cool tutorial!! Thanks a lot Collis for sharing your expertise with us!!
( )And yeah, I can’t wait for the Fire tutorial!!
theCarrotNetwork May 23rd
WOWEE!! Top job Collis, that looks AMAZING!
( )Erika May 23rd
Lovely effect.
( )Jose Jorge May 23rd
Great !!! Thank you very much !!!
( )Ryan May 23rd
This effect looks awesome. Can’t wait to give it a try…
( )Erik May 23rd
Whooo-ooo! Can’t wait to see fire tutorial!
Erik
( )David Dancy May 23rd
Awesome,
It’s really amazing how complex and time consuming creating something like this can be, but from the end result (as you have shown) you see that all that hard work really pays off.
Fantastic stuff!
Looking forward to the fire one too.
Dave
( )Marian M May 23rd
Now I know what I’m going to do next week…
and thats DEFINITELY NOT my presentation I should create
!!!!
Thanks for this AWESOME stuff! Whoa! Great…. just great.
You stole my tireness… you woke my creativeness
Cheers!
( )Jared May 23rd
And the amazing Collis is back!! What an awesome tutorial and I can’t wait for the future ones. Really and truly, I think this is the best, and most importantly, most useful tutorial ever on PSDTuts!
( )matt May 23rd
Excellent job – very nice outcome. Thanks!
( )Nameless May 23rd
Nice!!
http://www.flickr.com/photos/jensmansson/2514323558/
looking forward to the fire tutorial but the air? flowers? hmmm.. why not fog or cloud text or something like that?
( )Tim May 23rd
Awesome Tutorial!
Keep up the good work.
I’m looking forward to seeing all the crappy ripoffs of grass text now, like the flickr post above mine.
( )Mikkel May 23rd
Great one. Lovely to see a useful tutorial. Really looking forward to see the other ones!
( )goldenthunder May 23rd
Wicked! Best tutorial in a while! Thank you!
( )Mark May 23rd
Yeah, that rocks . . . awesome tutorial Collis – thanks
( )kamel May 23rd
oh men i cant stop commein this, lol,
but you truly nailed it my men.
( )gl May 23rd
amazing
( )Sean Farrell May 23rd
This is sweet. very useful, and awesome and omg omg omg omg hahahha
( )Cain May 23rd
We can always depend on Collis to come back with such an awesome effect. Amazing!
( )Grafiko May 23rd
Realy greate, well done.
( )Colin May 23rd
the most comments on a tutorial? deeeeng?!
( )Wil May 23rd
Pretty darn cool effect. Thanks for the time and effort required to get this all on here for us.
I’d just like to add one thing (maybe to put as an asterisk above): It might be wise to check the Flickr photo in question, to see whether its owner allows it to be downloaded. Not all Flickr photos are available for legal download or usage.
Many Flickr photographers won’t mind, but many will.
Or, take your own photo of grass.
( )Thetics May 23rd
Has someone been listening to a lot of Thrice lately?
( )Louie May 23rd
Nice text effect.
( )Joefrey Mahusay May 23rd
I can’t wait for the next text effect. Good job!
( )Ben Goodman May 23rd
Where can i download the PSD for this?
( )Collis May 23rd
oh wow thanks guys! I’m so happy this tutorial went down so well, yay!!
( )Fabio Sasso May 23rd
That’s truly amazing… I will try it right now… thanks Collis for this awesome tutorial
( )VertigoSFX May 23rd
Wow, it’s really rare to see text-related tuts that look good. And this is one of those few…looks beautiful and really creative. Most would just take a picture and blend it a bit but this goes way beyond that…I’m going to have to try it out.
( )skut May 23rd
Really Love this one, i hope got more something like this
Thanks
( )Brian Kalwat May 23rd
@ Thetics – The Alchemy Index is awesome! @ Everyone – BTW – would it be possible to turn this effect into a photoshop action? It’s a great effect – but pretty time consuming, at least with grass….
( )Mike May 23rd
great tutorial! very inspiring! Cant wait to see your fire tutorial!
( )V-rex May 23rd
awesome job! i really wondered how they did this. thanks for the tutorial! it’s freakin’ cool.
earth, air, fire and water eh?
( )C0rnelius May 23rd
Great tut!!
( )This is awesome!
Rjton May 23rd
wow…very good
( )D.A.T. May 23rd
Wow! This is great. keep it up i’m looking forward to the next in the series.
( )Ariful Alam Khan May 23rd
G_R_E_A_T. Go on.. And I can’t wait for the fire Tutorial.
( )lethrj May 23rd
step 21 is very cool. i love realistic 3d effects that can be achieved logically with layers. very professional and very next level. thanks!
( )Louis May 23rd
You are the best tutor on the net EVER!!!!! Love your tutorial and they ALL amazed me!!!
Love your work!
Louis
( )Colin May 23rd
holy crap these comments are racking the hell up! now you know what we absolutely love!
( )Marko May 23rd
Now this is great! I am not going to use all this to create something I need, but I learned lot’s of cool trick.
( )Thanks a lot, looking forward to more tutorials. Cheers!
Mike May 23rd
I love this. Outstanding effect, cant wait to try it out. Thank you!
( )Ruben May 23rd
BRILLIANT! Thank you so much, very useful!
( )SpazZ May 23rd
Great result, and the others look very promising too!
( )Daniel May 23rd
Beautiful one! and very useful. Thank you Collis!
( )D. Carreira May 23rd
Now you are showing what is a GREAT TUTORIAL!
Thanks,
David Carreira
( )Alberto May 23rd
Great, psdtuts at its best! Probably the best tutorial of this month. Steps 20-22 are the key for this smart solution! Can’t wait for the two other tutorials to come!
( )Bruce May 23rd
Thats awesome, worth it just to know how to create that background image!
( )Andrew D May 23rd
WOW! By far the best tutorial on the site, great one Collis
( )Begs May 23rd
Oh that’s so great! And i’m really really looking forward to the AIR tutorial!!!
( )Michael May 23rd
Wow, absolutely shocked to see that you used a quote from the Bahai writings! Awesome!
( )Lau @ Digital Photography Tutorials May 23rd
wow great tutorial! quite long but a good one.
( )Geedr.com May 23rd
Fantastic Effect and this tutorial!
( )nico May 23rd
this tut ROXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!
As we say in France “il déchire sa race !!!!!!!!!! “
( )Alex May 23rd
Amazing tutorial!
( )great work collis, your tutorials just keep getting better and better!
Filipe M May 23rd
speechless!!!! oO
( )Filipe M May 23rd
sorry doubled, but it would be great to see different results from the users i for sure will make a popcorn like type xD love popcorn xD
( )Iain May 23rd
Hey, so I’m currently serving at the Baha’i World Centre, and I’m taking a break, thought I’d have a quick look at Digg.com, and I always have a look at the photoshop tutorials.
This one was pretty awesome, and I had the bonus surprise when I read the quote you added from the Baha’i Writings down the bottom!
I’ll definitely have a look at your other stuff when I get the time!
Take care, Allah’u'Abha!
( )1984 May 23rd
t’s a good job ! This effect is very real …
The other trainers, taking example the Colis !
( )Even André Fiskvik May 23rd
This tutorial was really nice, and I love the “depth” of the letters.
( )Monya May 23rd
Lovely effect. Thanks Collis !
( )Snorri3D May 23rd
nice txt effect and a great tut thank
( )brad May 23rd
wow…my comment was deleted…where are you from Colisse? Russia? China? here we have something call the liberty of speech. its not like it was an explicit comment that i made…i think you have the “god” syndrome…the thing is..you are very far from being a god…as a matter of fact this tutorial really proove it…it’s not good and you can’t face the critics..no wonder why everybpdy seem to like it,you only keep the best comments…and for your ego,i truly think you made a couples of comments just to look good..
( )Monte Keyaw May 23rd
Sorry to be honest but this is kina lame. It’s not really so much an “effect” when all you do is grab some grass and make some cutouts. I don’t need a tutorial to look for grass on flickr.
( )Tom May 24th
This is truely amazing,
thx for sharing these techniques
( )Ben Goodman May 24th
Is there no PSD file!?
( )Matt rumble May 24th
Lovely work, i’ll be pinching that at some point im sure…
( )Rijalul Fikri May 24th
For those who dislike this tutorial and giving some lame comment, just go away from here, not every people master all techniques, not every people become pro only on one day of learning. They need years of learning and so do I and every people who learn something new from this tutorial. If you do not get benefit from this tutorial then stop mocking others who like this tutorial. At least they got something new by reading this tutorial. In my opinion the most important thing is to get something new. Everyday is learning for us. I learn a lot from these amazing sites with its amazing tutorials.
Sorry for my bad English. It’s not my native language. hehe. I just want to express my opinion to those with such a horrible lame comments.
( )Mark Mitford May 24th
Great article. I learned a lot. Thanks!
( )Hassan Nasrallah May 24th
Thanks a lot,
here is what i tried with it :
http://i26.tinypic.com/mmyir4.jpg
( )Shadowfax May 24th
Great, Neat & Beautiful
One flaw my obsessive compulsive brain could pick up. The shadow of the butterfly…. shouldn’t it be blurry? like the rest shadows of the grasses.
Cheers
( )Graham May 24th
IMO the shadows are correct. the grass is a soft edge whilst the butterfly has a harder edge so the shadows should be similiar.
Graham
( )Tyler Bramer May 24th
I have to agree that the shadow on the butterfly isn’t entirely accurate. I would probably duplicate the layer, fill it with black, drag it under the butterfly layer, and apply a small gaussian blur then lower the opacity to around 50% or so. Then repeat the process, except increase the radius on the gaussian blur and decrease the opacity to around 25%. This would create a darker shadow near the middle of the butterfly, since their would be less light, and a lighter shadow as the light intensity increases.
( )cyb May 24th
wow! very nice!
( )IMPRESSIVE!
Mostafa May 24th
Jaw-dropping!
( )Can I say Wowwwww??!!
Jenny May 24th
Reminds me of those weed killer commercials.
( )The Human Race May 24th
Awesome Tutorial and Great Quote!
( )ashvin May 24th
extraordinaire!!
Gotta try this with some weed :p
Merci beaucoup!
( )Constantin Potorac May 25th
I think this tutorial is very great and it can also be used in so many ways.
( )Zenor May 25th
Amazing work Collis!
( )waterhouse May 25th
Nice.
Just kidding!
( )F***ing rocks like hell!!!
Keep it up, you are my soma!
cybervin May 25th
Fantastic tutorial.
Thank you so much!
( )bassae May 25th
awesome tutorial,
heres my attempt:
http://bassae.deviantart.com/art/ang-86572000
( )J.T. Shaver May 25th
This, my friend, is one of the best text effects in history. This shows that although blending options can yield some cool results quickly, it is still an art form and what you get out of it depends on how much you put into it. This is a GREAT piece of art.
( )Max May 25th
I don’t suppose I could talk you into rounding the folded back lower right hand corner of your “Join PsTuts Plus” graphic at the end of these tutorials?? … I’m Obsessive Compulsive and that one square corner has been driving me nuts for months! … no disrespect, just have to ask!
Love the site, Great tutorial.
( )Rax May 25th
Simply awsome !
( )Janko May 25th
Awesome. Just awsome.
( )Krensada May 26th
AAAAnnd LensFlare!
( )Halifoxx May 26th
Woooaahh!! Just Amazing!!
Just can’t belive my eyes.. =) Keep up good work mate!
( )Katya May 26th
They already ripped it off at some linux site. Those guys don’t have a mind of their own.
( )mothership May 26th
Brilliant. No other word for it.
The final product is what I call art. Well done
( )Joe May 26th
Very impressive, though at the speed this would take a novice user it might just be easier to go out and cut a piece of sod up and photograph it.
( )keanneth May 26th
thanks dude!!!! its awesome
( )Odysseus the Ithacan May 26th
The only thing I can say is “Thanks!”. Promoting your site among my friends. And here is the result
http://www.flickr.com/photos/synyfredo/2519745640/
( )Miguel Pereira May 27th
THIS IS AMAZING!
Well done man.
Well done
MIGUEL PEREIRA
( )Tutzor May 27th
Sweet effect, can’t wait for more text effect tutorials from you.
( )Daniel May 27th
Good tutorial. I got lazy with paths etc but here is my attempt
( )http://i31.tinypic.com/zn515c.png
Hank May 27th
beautiful high quality tutorial.
( )Furqan May 27th
Brilliant
( )BenRulz May 27th
AWESOME….
( )waiting for ur fire type tutorial…. thnks a lot Collis….
great stuff….
junior May 27th
I appreciate this particular tutorial. very well-explained
junior
( )technology blogger
Mr_LeE May 28th
thats just great man.. i wish u taught in RL
( )Tom May 28th
One of the best tutorials ever seen on this site. Great.
( )steve May 28th
Amazing work!
( )Randy May 28th
I like the tutorial and I love the quote!
( )Aminur Rahman [aka Tom R] May 28th
this is awesome.
( )Hazim May 28th
Great Job!! wow its fantastic man!!!
( )Carlos Leopoldo May 28th
Amazing grass effect, here i learned two things, how to create grass text and how to create this awesome background.
( )Thanks
Chris May 28th
Photoshop lady.. where you been all my life?
( )Stephanie May 29th
Thank you so much- Have tried to do this- doesn’t look NEARLY as professional as yours
BUT will get here one day! Thanks for the great TUTT!
( )Hawkar May 29th
Great tutorials. Very nice
( )Fiba May 29th
absolutely amazing tutorial, but, i’m sorry, im stuck at the moment^^:
at which position is “smooth” in the drop down menu of technique in layer style >> bevel and emboss? (first, second, and so on) i own the german version of ps, cause im from germany, so i dont really know what technique you mean^^
and same problem with the “screen” blend mode of the satin menu in layer style menu? which position does it have, so i can take the same as you. straight translation doesnt help very much…
so i hope you know what i mean, please show some help for a lost german on this gorgeous site
Fiba
( )Aleks May 29th
wow, thats really great!
( )ibrahim May 29th
wonderful & inspiring !!
( )thx
Simon May 29th
HAMMER! This tutorial rocks! Awesome – keep up the good work!
( )A May 30th
Collis, wonderful, as always! Keep up the good work dude! ALso, can’t wait to see AudioJungle take off.
( )Grin May 30th
hi, here is a russian translation of the article
( )http://vremenno.net/photoshop/grass-text/
Anon May 30th
Any chance you could let us know where to get the font you used?
( )cheers
May Baby June 1st
….I can’t stop drooling…
( )this is super !
janati June 1st
Thank you so much.Keep up the good work!
( )JokR June 2nd
Great . . . just great . . . nice technique too
( )Danny June 2nd
This is clearly one of THE best tutorials in this site… keep it up
( )GciiK June 2nd
IT’S SO AMAZING !!
REALLY REALLY NICE JOB !! WOW
( )lee ji won June 2nd
good!!! Thank You~~~!!!
( )AkramSobie June 2nd
Hi…
Very cool effect, never seen before. The most amazing thing, it’s really a “REAL” design! I believed it.
Thanks.
Akram
( )Dayo June 2nd
I dont understand the Step 12
“When you’ve finished your path, it’s best to save it in the Paths palette. You can do this by switching to that palette and then clicking the little down arrow and choosing Save Path. That way if you need the path again later, you can grab it.
Anyhow double click the path to get the selection and go back to your grass layer. Duplicate the grass layer, so you still have more grass for the other letters, then invert your selection (CTRL-SHIFT-I) and cut away the excess grass. In the screenshot I’ve faded back the duplicate grass layer so you can see the cut out “E” part. ”
( )can anyone help me out pls
Tara June 3rd
What a fabulous image, and your tutorial is so appreciated! I’m an absolute beginner in the Photoshop world, but your instructions are so clear that even I could probably pull this off….
P.S. That was my FAVORITE quote as a teenager. (Yes, I’m a Baha’i too!)
( )Asimina June 3rd
thanks for sharing!
( )Amandine June 4th
thank you very much, great tutorial!
( )RON June 4th
great lesson. I was following the turtorial fine but got confused with the part on paths. Created paths for all letters but couldn’t cut them out? Any further tips so i can move along?
( )thanks
Ruby June 4th
I’m with Ron here, I patiently and excitedly folowed up to drawing the paths, then couldn’t inverse! Should I have the black shading layer and copy, then grass, then text, then paths? The paths seem to be layers in themselves so how can they inverse? Sorry, flustered newby.
( )petnos June 5th
GOD. What a creativity. Now my whole day will be finished while trying this. And i know i cant do it like you done.
( )alan way June 5th
Very good! I like this design!
( )Sava June 6th
Very very nice. A lot of work as you said … but it’s worth it
( )weblizzer June 6th
How, i salute you in working on this tutorial, i really idolized you, thanks a lot for this very wonder tutorial
( )shpoe June 6th
tnx, it’s on my desktop , kiss from zagabria, croatia
( )jlyon1515 June 6th
Great tutorial. I have this as my desktop wallpaper right now… doing that has made me realize something though.
A couple programs I run have splash screens centered on my screen when they load. When that happens, it’s very obvious that the words aren’t centered (left-right) on the wallpaper.
Is there a reason the text isn’t centered or was that an oversight?
( )Barbeque June 6th
Not only am I amazed by your tutorial, I’m also amazed to find another Ba’hai. Keep up the good work!
( )BabyDoll June 6th
That’s really really nice but the best of all is that beautiful butterfly.
( )Jad Graphics June 7th
Man, oh man! That was great!
I followed along and it was a little time-consuming and tedious but mine came out pretty sweet. Here is the effect.
http://www.flickr.com/photos/27399758@N03/2556657119/
( )Jeremy Davis June 7th
Finished my grass text effects.
Posted it up on my blog.
Thanks Collis, twas easy to follow and produced some awesome results. Much appreciated.
( )dodee June 7th
A lot of Thanks for the great tutorial…!
( )JM June 7th
WOW. I love this site. I love those tutorials, they are SUPERIOR in all aspects.
Here is my attempt!
http://www.afterdoomsday.com/banners/wallpaperadd-psdtuts.jpg
( )BogDinamita June 7th
boy this one sure rocked my socks off. i’ll be posting my version on Flickr tomorrow maybe, I turned it into a slide for my youth group.. man gotta admit it on the last 2 letters I was just clicking all over the place with the pen tool haha.. thnx collis
( )Badal June 8th
Simply amazing. Just shows your notable dexterity.
( )Matthew 'Web Design' Adams June 9th
Brilliant. I’m loving your site.
( )Pantherkut June 10th
Amazing job. Gotta say it : I love your layout to.
( )Adau June 11th
Simply BEAU-TI-FUL !!
( )Thanks thanks thanks, your favourite french fan
Gersh June 12th
Great tutorial. I tried to make one myself, the outcome was very good.
Thanks for making these awesome tutorials, keep it up!
- Gersh
( )cupla June 12th
it’s cool… KEREN (in Indonesia Language…)
thanks for this great tutorial…
-cupla-
( )Mirko June 12th
Hey Collin, Allah’u'Abha!
It was a great surprise to see a quote of Bahá’u'lláh in a Photoshop-Tutorial. It is really a pleasure to meet another Bahá’à working in the Media-Business online.
All the Best
( )Mirko
Textwrapper June 13th
How about a topiary effect?
Sorry, just kiding.
Great work.
( )Thomas Milburn June 15th
Great tutorial.
( )I managed to create my own grass effect background.
http://www.flickr.com/photos/26963457@N02/2577559569/
I don’t think I followed all the steps quite right. It looks wickedly cool but I’m afraid it’s not as good as the tutorial.
Tiffany Hale June 15th
I used this tutorial for a really cool flyer I did at school for a class. I know yours is better but mine’s not too shabby! Thanks!
( )Pedro Santos June 16th
AMAZING!! Good job!!
( )Neon Golden (emotive design) June 17th
Really stunning, I wish to have more time for doing all this genius tuts…keep it up this way…
cheers,
Neon
( )carolinexedge June 18th
omg, this is so awesome! love the effect.
( )it worked perfect with my summer-ish wallpaper.
http://i32.tinypic.com/6p5ncj.jpg
thank you!
Sriteja June 18th
its nice but this story is verl lenthy
( )Durkin June 19th
Ahh! this is so good but takes so long
( )Kayl June 19th
Really good. Congratulations..
( )kabir June 19th
man, amazing. you bring me closer to god.
( )Sheri June 20th
Wow. For a second, without glancing at the tutorial at first, I thought this was from a magazine. It’s so nice.
Very wonderful and detailed. I like how you added the ladybug and butterfly.
( )JONxBLAZE June 20th
Awesome tutorial!!! I love the grass effect, simply amazing!
( )geozien June 20th
impressive -talentuous
( )LakiStar June 20th
man this iz awwsmmmm did it…. and really ezy tutorial u teach with the spirit keep it up and thanx 4 this awwwsm thing XD hugs hugs hugs!!!
( )XtremXpert June 20th
Thanks a lot for this tutorial!!!
My try: http://xtremxpert.net/Life%20Wallpaper.jpg
Thanks again;)
( )R. Hughes June 21st
Killer effect! I love it. Thanks!
R. Hughes
( )Production Music Library
Sean Delaney June 21st
Hi
Tried following your tutorials. Im using CS3 extended and im stuck on Step 3 – setting the layer to overlay. When i select the layer, my overlay option is disabled?
Anybody help me out or tell me where im going wrong?
Sean
( )Capton John June 21st
Hi,
It’s really nice tutorial, I’ve created same background by using this tutorial. I’ve a question that when I convert my RGB image into CMYK image to take an high resolution print then its color get faded. Do you have any solution to this, if yes then please let me know.
Thanks Again
Think, Act, Invent.
( )mikeymayhem June 23rd
WOW thanks so much for this, its amazing! gonna try out fire now!! one quick question though, can anyone tell me where i cant find the font used in this tutorial please?
( )Jurgen June 24th
That looks very cool! What a job… nicely done!
( )ridho June 24th
Awesome tutorial!!!
( )I Like the grass effect, simply amazing!
thanx bro…keep browsing more…
ridho June 24th
thanx V_ry Much!!!
( )Sachin SAtpute June 25th
WOW thanks so much for this, its amazing! gonna try out fire now!! one quick question though, can anyone tell me where i cant find the font used in this tutorial please?
( )Awesome tutorial!!!
I Like the grass effect, simply amazing!
thanx bro…keep browsing more
It’s really nice tutorial, I’ve created same background by using this tutorial. I’ve a question that when I convert my RGB image into CMYK image to take an high resolution print then its color get faded. Do you have any solution to this, if yes then please let me know.
Alex June 25th
I do the same thing and I took just 2 minutes, but on 3d max
( )Mai Seddek June 25th
Frankly, i don’t know what to say….
( )it’s not only an effect or a great bg, ur tutorial touched my deep from the first look…
i am still in Step 11 but i don’t have patience to add my comment , Pray for me coz i’m so afraid to face a failure in the next part.
Saqib Samad June 26th
wow Great Tutorial…
I really impress wid ur work..
Hello Alls.. I M Saqib Samad from Pakistan.. I need a friend whoes Interested in designing & Creative Work.. So plz contack me & help me to do something better. I just need a friend any country. Send me mail.. at saq_29@yahoo.com & saq_29@hotmail.com
( )Ashley June 27th
Just wanted to let you know that Costco actually used this tutorial and put it in their magazine for an article related to “GREEN”. You should check it out.
( )jj June 28th
nice!
( )satomiscosk June 28th
Gorgeous. Can’t wait to try this…
( )Joeseff June 28th
Step 11-13 you could be a lil more specific. The pen tool has a few options and Im finding it a %^$ to copy my grass cut out. WhAT DO YOU MEen click on the path to get selection. In the paths window or on the actual canvas?
( )Slimy June 29th
Man you are a genius!!! thx for tutorials, they helped me alot
( )rabitha June 30th
cool….very very beautiful
( )siubie June 30th
great i love this tuts
( )AA July 1st
OMG! I love it! thanks alot!
( )Can’t wait till the next one!
wombat July 1st
Hi,
I just can’t understand Step 12. Could anybody help me?
( )Pls send me a mail: leventekovacs1@gmail.com
Thx
Anja July 2nd
I don’t get the “cuttin-out-the-letters”-steps. well actually I don’t know how to work the pen tool properly?? never really used it for anything before…. help??
( )skut July 2nd
lol im stuck at step 12 too
anyone ?
i cant control + shift + i the grass layer
( )Gautam July 2nd
Hey you are great. I like it.
( )Erica July 2nd
wowwww
i like it *-*
( )detuned July 3rd
worked it out for the main text of a flyer design. you can see the end result here:
http://www.denverhouseauthority.com/parties/hodges/hodges-front.jpg
http://www.denverhouseauthority.com/parties/hodges/hodges-back.jpg
( )detuned July 3rd
also, an easer way to do the text without doing each letter separately would be to do what i did on the flyer. type the text out, make the text layer a selection then (ctrl + click on the text layer) and then go to layer > type > make work path. once you do that, just modify the path with the add anchor point tool, then you don’t have to trace all the letters from scratch.
( )wombat July 4th
Step 16-17-18? I can’t do it. Donno why. Help!
( )KruSh July 5th
This is amazing, thank you for share it!
( )moses July 5th
hey its super super super
( )Carola83 July 7th
Awesome tut, I just proofed it by myself and I’m happy with my new background
( )bozzolino July 7th
It would have been easier to make with marquee and masks ..But hey don’t take my word for it..
( )Nabankur July 7th
The tutorial is fantastic.It will help me lot.well done. . . . .
( )Mu July 10th
Wow! Good work, first on creating this yourself and then for creating such an in-depth step-by-stop tutorial with all the (grass) trimmings. The screenshots and dialogue boxes are fantastic. Keep up the amazing work.
( )keith morrell (gouka design) July 10th
Brilliant tutorial
( )be July 11th
awesome!
( )Larsson July 11th
Very nice tutorial!!! I love it
( )callmemich July 13th
pleh,
( )i can’t find the font
if someone could comment the link, that would be great.
callmemich July 13th
lol nvm
( )I found it.
Swiss 924 Regular BT
http://www.fonthaus.com/products/fonts/view.cfm/sku/BT000969
callmemich July 13th
And the result, but without the butterfly and the bug.
( )http://www.flickr.com/photos/28513353@N05/2662004140/
Nazz July 16th
Cam someone explain me the 11th, 12th and 13th steps plzz???I hav reached this far and i dont how to do the next steps!plzzz guyss
( )Ricky James July 19th
I am new to this site EXCELLENT tutorial by the way, I have downloaded the file attached to it (Build_final) but im not sure what to open it with, does it have to be opened on a mac? any help.
( )Marko Stojanovic July 19th
Nice work !
( )Mujahid July 21st
Wonderful work. Highly appreciated for sharing!
( )NaldzGraphics July 27th
nice tutorial!!very clean
( )Serkan Gürkan July 29th
Its great work..
( )http://www.bksbilgisayar.com/wp-content/themes/Revolution/images/yesil-NTV.jpg
Ahamed Bazullah July 30th
http://www.dezigntec.com
http://www.utubehits.com
Fantastic………………………….
( )Martin August 8th
Hey, I love this set of tutorials! One of the most amazing things I’ve seen. I’m having a problem though with step 12. When I trace the letter with the pen tool. It won’t let me select inverse. The only option is select all. Can you explain this? I see other people are having the same problem. If you could email me I would greatly appreciate it.
martinaeben@aol.com
( )The Photoshopper August 14th
WOAH!! totally awesome dude!! Will have to spend a lot of time to make this one though… But it seems to be a good way of improving my Pen Tool skill.. Will definitely try it out soon.
Check out my blog!!
( )dor August 20th
damn!
( )u guys r the best designers!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!111
Saro August 21st
Hi, nice tutorial.
This was my comeout!
http://i84.photobucket.com/albums/k22/Saro_verhees/UPnoproblemsmall.jpg
( )Dj. Uly August 21st
woah best design?
( )Johnny Griswold August 23rd
Outstanding tutorial. Very tedious, but was satisfied with my final result. I think next time I’ll just let my front lawn grow, cut out letters with my lawnmower and just take a photograph. Might save some time!
( )layers August 23rd
great site – tutorial is good but when i get to steps 11-14 i have no idea what layer i’m supposed to be on… explanation? since layers are essential in photoshop…
( )Babatunde Adeyemi August 25th
Good piece. This tutorial is an uncommon one. Keep it up
( )Jason August 27th
So i found another quicker way to do this.
( )1. just type out your font,
2. double click to get your layer styles pallet up.
3. choose pattern overlay, and choose your pattern, there is a little arrow and choose nature patterns. well green grass is one of those patterns.
4. Once its done you can rasterize the type
5. and paint brush with your dune grass brush around the edge.
I made something that looks better then this tutorial in about 5 minutes.
Fernando Wittmann Br August 29th
CONGRATULATIONS!!!!! IT’S BEAUTIFUL!!!!!!!!!!!! I LOVE THIS!!
( )ArunJI August 31st
nice work…post more
( )Seth September 1st
Relient K used this for their OFFICAL wallpaper for their new album.
http://www.relientk.com
( )Jose Paolo September 3rd
Wow!!! Amazing and Useful topics and tips for photoshop!!! thanks photoshop overlords… i really need this tutorial! take care!
( )Anky September 4th
Que chevere, maestro!!!.
( )Muy Bueno
What chevere, teacher!!!.
Very Good
GHUMMAN September 6th
NICE JOB
( )someone can make an ACTION file of this picture on PS and then send me
here is my ID
yourxfather@yahoo.com
i will wait thanks
Sh-Rock September 7th
When I use the pen tool only white comes up and not the cut out
( )Volt September 11th
I love you….
Thank you so much for not making your tutorials spread out over multiple pages, this way I can save the page as a PDF and keep it in my collection.
( )Davizonn September 11th
Very cool. Nice Job. You’re a champion. Is there more?
( )Mr. Ninh September 11th
Bravo, you’re number one! you’re a master!
( )“If you’re a girl, I’ll love you very much”
Good day!
Digital Bum September 12th
ok i got stuck at step 2.
“Now we set the layer to Overlay and 70% Opacity to blend the texture with our nice green background.”
is that a color/gradient/pattern overlay? or neither?
i don’t really know what an overlay is
( )jojoma September 13th
I’m a PSDTUTS PLUS member, but can’t find this PSD. Anyone know where I can find it?
( )Zaman HAsanov September 18th
That’s very cool.I love it
( )Maxim September 20th
Thank you very much, it’s a very nice tutoriel
( )Taylor Edwards September 20th
o my effin god! i love this!
now if only it was less tedious
thank you!
( )joel r white September 23rd
hey…took a long long time…but it was well worth the effort…thank you so much…not sure what i will pull from this technique yet…but nonetheless it was awesome…thank you
( )Alinedi September 24th
Can nobody translate that into French?
( )Lawrence77 September 27th
@ ALINEDI
( )check google translator to convert this into FRENCh……
robby September 27th
woah, best text effect on the web ever! thank you very much for this psdtuts
( )Peredo September 28th
it’s amazing. thank you very much for all
( )Alex September 30th
I seem to have a problem with step 12, could anybody help? I have the cutout but i don’t understand what to do? please help.
( )Tina October 2nd
Wow! This is great. Thanks for sharing!
( )Mohammad October 3rd
Nice one. attached is mine(Arabic one). I will try it again.
( )http://www.arb-up.com/files/arb-up-2008-6/saJ07147.jpg
blackjak October 4th
Great tutorial!
I actually had a lot of problems to neatly cut out the grass around the letters, so i did a modified version of it!
“letotem” is my family website, it was the first thing that came through my mind! i hope you guys like it!(warning for slow connections, its 2.6mb!)
http://nsa02.casimages.com/img/2008/10/03/081003060716762492.png
PS: Put it as your wallpaper for a really good view of it!
( )afzal October 6th
Its a fabulous effects but the thing is that you should also include vedio for better understanding
( )Eugene van Dyk October 7th
Thanks.
I think this is what a tutorial should look like!
( )DStevenson October 8th
I saw that Costco sample. I ended up scanning it because I wanted to forward it onto Collis just to show him. The Costco sample, (unless Collis did it for them) is a TOTAL RIP of this tutorial…. right down to the little lady bug and butterfly.
No matter, I think this has to be one of the best text effects tutorials I have seen… I can’t wait to use it someplace.
( )Ali October 9th
<<<<<<<<<<<<< I’m fainted … heheheheeee neva been so appy like dat in me life.
fink I’ve done something 0.5 % to yours … daft me, evaluating myself … I just am appy.
Thanks Collis, the problem is that Thanks is neva enough.
http://i454.photobucket.com/albums/qq264/ali_tut/grassPU.jpg
( )Rodrigo April 13th
add me elxpeteeko0@hotmail.com
( )Kenyi West October 12th
heee:d
( )gays thanks for the Tutorail
can you tell me more about Photoshop?
and sow me tutorails?
YUVI October 20th
stuck on part 11 & 12….
HELP !!!!!!!!
contact me on my id
yuvi_dude@hotmail.com
but please do HELP !!!
( )chinna October 25th
unbelivable… so very nice
( )Pardeep Kumar October 26th
Superub, really awesome work
( )Delhi City India October 27th
Great job, i am very happy to see your tutorial. This tutorial is very helpful for me………………thanks
( )Sathish October 29th
This is awesome….. I seen this lot before, but, dint had time to read……. Nice and clear teaching…… Psdtuts rocks
( )BHARATH November 1st
HEY MAN STUNNING
( )sam November 2nd
Guys… There used to be a translucent green bug on the “R”… I couldn’t see that in XP but can see that in my MacbookPro. But i don’t see that anymore….
Any ideas ??
( )Valia Zaicovna November 5th
It’s cool!
( )Very cool!)))<3
sixteen11arts November 7th
wow,, fantastic,,
( )Sagnick November 8th
Damn..
It looks so ubercool.
duh !! i hope i had a credit card so that i could have registered here
anyways..I love these tutorials..Its so much to learn from them
Keep up the awesome job guys
( )Percy November 12th
GREAT!!!
( )Videl November 24th
Just AMAZING!
( )Alexander Schimpf November 26th
Thanks for this great tutorial. It rocks!
( )Peace Alex
AHMAD November 28th
you have the best tutorial ,that was so cool THANKS
( )thefan November 28th
Worldclass Tut!
Does it work with snow as well?
( )Ashley November 29th
omg check out all of the comments :p
( )Anyways, thank you very much for this tutorial, I appreciate it, it’s helped me heaps! ^.^ Argh, I can’t wait to start Graphic Design :pppp
Nino Paolo November 30th
wow cool awesome… great post..
Thanks alot..
( )Yinon December 11th
Thanks it’s really awesome!!!!
( )FRANCOO December 14th
i don`t know to make it ::((( .. i wanna make that ..
(
( )Erki December 16th
Super tutorial?
Thank you so much. Could I use this idea for my web layout ?
Best wishes
( )Erki December 16th
Super tutorial!
Thank you so much. Could I use this idea for my web layout ?
Best wishes
( )your mother December 17th
its only good if you ALREADY know how to use photoshop
( )Ricardo Rivera December 24th
WOW excelente estoy aprendiendo mucho ………………… muchas gracias por el tutorial me quedo bien chevere …………… gracias ………..
( )Srinivas krishna December 24th
its nice good work but please give the eaverything is clear ok thanks
( )edikenkoy December 25th
it is so very hard to do.. it takes so much time..
( )haha..
nice tut..
Benji Rai December 28th
nice tuts though
( )atiey January 1st
very good tutorial…
( )i’m really gonna try it…
chris January 2nd
thx! this is great!
( )Yvon Hem Pheara January 6th
Wow!… This is very wonderful… am happy to learn from U more….
( )ajlal January 11th
Hi, the result totally great. But, can provide more detail step.
( )i’m photoshop beginner user. hope u can help me.
i really like this design.
Vaibhav Gupta January 11th
I like it……
( )Matt January 14th
My style(s) don’t turn our like yours do? I’ve been over the steps 10 times and i’ve even tried other combinations just to try and get it to look like yours but it always comes out looking wrong! Can you post your style up so that I can see what i’m doing wrong?
(P.S Love the tut!! XD)
( )Thom January 20th
This is possibly the best tutorial I have ever come across. I have done my first letter but I will have to find some more to finish the rest off. It sure does take a while.
( )younas January 20th
Salam to all my dears. im enjoying tutiorals.and also trying to do like that
( )ok dear
love you alll
Mariam January 27th
Great tutorial. Just done, and it looks perfect.. Thank you and waiting to see youe next ones..
( )Paul January 28th
OC Metro Magazine’s Jan 1, 2009 issue “The ECOnomics Report” features cover art that looks like it benefitted from this tutorial. Just different insects and background.
Enjoyed the tut very much.
( )Jorge Saldana January 29th
Pretty sweet TUT, KBB.com uses it on there live site!
( )Technologix January 30th
Great !
( )Thank you
yenaing February 2nd
Very good tutorial…….
( )Thank you so much…..
badri February 3rd
quite good and interesting. i really enjoyed a lot………………………………….
( )snkhuong February 3rd
thx this’s what i am looking for
( )Tim February 4th
A really nice tutorial, thank you for sharing it!
And that background is awesome!
( )Tim February 5th
Nice work, Thanks.
( )I just can’t understand why you have to do it letter by letter? I did the entire word as a path and it worked just fine. Also you can generate 20 black layers and then use distribute layer option to create 3-D effect.
Mike February 9th
There’s something wrong with the downloadable psd file, I can’t open it.. Any suggestion? ^,^
( )cj February 10th
WOW !!! gREAT DESIGN, im really impressed. Great job.
( )tani hotel szczecin February 11th
really, really nice!!
( )mARTHA February 16th
IAM TRYING TO MAKE DE TUTORIAL, BUT I GOT STTOPED IN THE PART IN WICH WE START TO CUT THE LETTER I CANT DOI IT . EXACTLY IN STEP 12
( )THANKS
lee February 17th
amazing..!!!
( )wow!!!!!!
M.Ebraheem February 20th
Thanks a lot, it’s really very useful, I hope that you support us
( )Iván E. S. February 21st
Exelent! Really Realistic and well explained, step by step, there are some tricks that one needs to know with photoshop that makes someone get stuck but, it’s nice anyway. Thanks!
( )alostperosn February 24th
You’ve got very fine skills friend,
( )Really impressed and you helped me to develop my skills,
Im thankful to you as I cant afford Institutes to learn PS.
Eroca March 1st
I love this image, the tut was very easy to follow and the result was fantastic. Thanks!
( )Hugo March 2nd
OMG! TY SO MUCH! FOR THIS ONE!
( )Ravi Sharma March 2nd
Its really great.
( )Ravi Sharma March 2nd
I am very much impressed with this technique.
( )Its really great for me.
koly design March 4th
That’s Ultra
( )gogonel March 5th
dude it’s amazing!
( )thx a lot for sharing this … u’ve been a great help
dery March 6th
ohhhh…thx you so much… i like it
( )CaNnIN March 6th
I love this tutorial…but could you make a video tutorial how to do this?..thx
( )ERLAN March 7th
well done, good job man…!!! Exelent. thanx for you…….from indonesia, Gue gitu lho
( )Markieye March 7th
Very Nice, thoroughly explained with a great end result.
Its just great
( )Web Surfer March 9th
JiveSoftware copied this exactly. They need to be giving you copyright credits: http://www.jivesoftware.com
( )BlackArea March 9th
Nice tut and even nicer result .As someone say before why use letter by letter ,why not make entire word as a path is easier and works just fine.I made my own with water reflection y can look here
( )Try a Grass
BlackArea March 9th
Link above seams not to work here is another one http://blackarea.deviantart.com/art/Try-a-Grass-115315812
( )Yajra March 11th
Very Amazing, I can’t wait to try this on my project design on tshirt’s
Thanks A LOT!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!
I’ll wait for your next tut.
( )john March 11th
Great tutorial!!!
Nice outcome!
( )basana March 12th
tks it’s cool and easy
( )Pawan Karki March 13th
That’s good
( )7ricky March 18th
When will you do the leaf tut?.. i have been trying to figure out how but not looking good.
( )7ricky March 19th
will you still put the Leaf text Tut up?..
( )ev149 March 19th
Awesome! Very realistic! Can’t wait for the Leaf one!
( )7ricky March 20th
When will you put up the ‘Air’ text tut?..
( )Sandra Bodkin March 22nd
Thanks Collis for a really great tutorial. However, like many people, when I got to step 12, I couldn’t figure it out, but I did this part over many times and finally got it.
So for those who don’t understand step 12 here it is:
1. Once you’ve done: Ctrl-Shift-I, for Inverse make sure you duplicate your grass layer. This is important otherwise there will not be any grass in your text. (I found out the hard way)
2. Go to Edit
3. Select Cut
4. You should have the letter with the grass.
Hope this helps the ones who didn’t know how to cut the grass out.
( )shy March 24th
amazing tutorial but what about the leaf-text tutorial? i’ve been waiting and waiting and believe me i would pay membership for this site if you do get that leafs tutorial up.
thank you for the great work.
( )7ricky March 24th
has anyone seen the ‘Air’ text tut?..
( )Alex D March 29th
Do you have a PSD for this? Much appreciated.
( )laxmi March 29th
its really nice ya.i think we will do create some different with grass
( )Juan Blas March 31st
It took me quite a while to do it… but it was totally worth it.
I love aswell how you have explained it. Thank you so much for sharing.
Totally awesome!!!
( )Cait April 1st
Awesome, can’t wait to find a project application for this technique. Thanks!
( )Filipyev April 1st
So easy and so beautiful! Thank you for you tutoarial. I’ll use it!
( )Starlightfae April 5th
Please help me I stuck with step 12 all of it i get as far as making the path but it wont let the grass stick to the cut out what am i doing wrong?
Thanks Star
( )mike April 5th
cool beautiful
( )Ezar Ezra April 6th
Wonderful! I’m from indonesia, still 14 and i love designing very much.. i create a poster using the same effect…
Well, the text is in Indonesian… But it doesn’t matter… hehe…
( )Ezar Ezra April 6th
I’m worry if my poster don’t show up…
so this is the link…
http://www.flickr.com/photos/ezar_gallery/3413946344/
just for fun…
( )Srecko Bradic April 6th
Outstanding tutorial!!! Give much more details and ideas for possible art or design!
( )Mr Joe April 7th
hey, first of all: great technique!!
but…i did this tutorial (yeah i made it xD) and it seems like you are doing this procedure (step 11 to 21) for every letter separately and that’s a lot of work! so when you’re drawing this path around the letter you can do this for all the letters in one step and save this path. so you can easily do this shadow thing once and don’t waste time for every letter
slap me if i understood this wrong, just wanna help
( )Marcos April 10th
Nice tutorial but got stuck on step 12
( )vichu April 10th
diz tutorials is gud and very effective, any 1 can send me dis tutorial PSD files
( )Rodrigo April 12th
In Español?
( )tonka April 12th
i wish i could do this. it’s almost like i’m PS illiterate.
nice job tho ! 
( )francisa April 16th
cooooooooool
( )vj April 17th
dude this tutorial totally rocks .. it’s so well written and i could follow it inspite of using PS for just a few days … thank you so much … i’m so excited to use all these techniques in my work!
( )damien April 18th
so beautiful!!! Amazing effect!
( )Alexia April 22nd
Great tutorial =) exactly what I needed!
( )LeRissa April 22nd
Thanks for sharing..this is a good tutorial, although some of the steps are pretty confusing.
Made a different version of it but with many steps excluded cz I just needed the grassy-letters only. Didn’t do the shadow part, either – it was kinda difficult that I got pretty stressed out about it…heheh..
Putting my version on my blog as a header for about a week (22nd-29th April) – do check it out…Thanks again so much!!!
( )Yasas Perera April 23rd
Brilliant work..Thanks! Here’s my result.
( )http://s609.photobucket.com/albums/tt176/nirmanapro/?action=view¤t=GREEN2.jpg
Nadeesha April 25th
Very Interesting !!!
( )hilman April 25th
Can you give us PSD image?
( )Share with us…
Thanx…..
Noop@Photoshop April 28th
i have a question….. why did u kill yourself with the pen tool?
( )wouldnt it be better if you used magnetic lasso tool or magic wand tool and then turned a selection into a path?
Belle April 29th
Gosh.. so many comments..! and a cool as tutorial! Thanks
( )chandan Kumar April 30th
Kool stuff. Good Work! Thanx!
( )Celine May 6th
This is amazing!!
( )chamitha May 6th
thank you..this is great
( )Ahmed May 6th
SO COOOOOOOOOOOOOOOOOOOOOOOOOOOOL THX.
( )Sean Paul Jn. May 7th
OMG! So cool tutorial! thanks a LOT!
( )Gen May 8th
Alittle confusing. You should put all the details in there like how to set up your page first, and how to blend the two greens together. You should also tell how to bring the wrinkly paper onto the green.
( )Nick May 12th
I think this person should credit you…
http://designhippy.com/wallpaper01.shtml
( )RafaelG May 12th
The simplicity of this trick is wonderful
( )hafiz khan May 12th
this is the first time to me..in this ground like a world…
( )i hope….
fari May 13th
good job..smart beb!
( )LA May 13th
thank u thank u thank u…
like it looveeee it!
im so gonna try it!
( )Julien May 13th
What an awesome tutorial ! Thank you very very very much for your work !
( )<3
Ashish May 14th
Excellent tutorial. Thank you very much for sharing this!
( )zenbaby May 18th
this is really cool thank you, have a look how it turned out for me too!
( )Charles Ivy May 19th
Very cool tutorial, thanks for sharing!
( )solemone May 22nd
Very nice tutorial thx
( )adam May 22nd
This is THE WERY FIRST ps tutorial what I folowed and did my own picture. It’s came back reasonably fine. I got the feeling of succes and I learned a lot. Defenetly coming back later!
( )Thank you ever so much!
xphunt3r May 29th
need lots of hard work to complete for perfect result
( )nagaraj May 29th
Excellent!!!!!!! And above is long searched tutur thank you
( )sven May 30th
…it´s the easiest solutions that bring the most stunning results
nice one, thanks for the inspiration
( )ZeroGrafics June 1st
This is amazing. FANTASTIC work! ~ZeroGrafics
( )Lindsay June 5th
Allah’u’Abha!
Very very nice! I was especially excited when I saw the quote that you used. Glad to happen upon another Bahai online.
( )justine castaneda June 6th
dony you have a psd file where we can download? because i am having problems.. thank you… by the way cool tutorial
( )justine castaneda June 6th
dont you have a psd file where we can download? because i am having problems.. thank you… by the way cool tutorial
( )fey June 6th
wow..this very awesome tutorials..
( )thank’s bro,,
prakash June 8th
this is a rellay amaging
( )debeli June 10th
Can’t wait for your next tutorials!!!!
( )Thank you
Ashish Kalmegh June 11th
This is the best method to get the graphics in the pics .
( )And I am now fan of this site
MaryD June 11th
This was a great help! Thanks a lot!
( )Benjamin June 12th
awesome tut, i cant wait to give it a go : P
( )joj June 13th
cool tut,man:D
( )atilazz June 15th
very nice.
( )tnks a lot.
Mikah Sargent June 16th
I’d express this adjective in hearts. . .
LOVELY
Great job, great tutorial.
( )Sezi June 17th
Awesome tut thx for this!
( )melman June 18th
you’re my hero….
( )gio June 18th
Hi there this is great… i am a fireworks user and do not know much about phontoshop nor do i have the application . is there any way you could create a line of text for me with that effect ? of course not for free
i need a logo to be exactly like that !
thanks and greetings from germany
GIO
( )Gary M June 22nd
I don’t use photpshop, but i managed to “translate” this to paintshop pro. I am still just a “hobbyist” when it comes to graphics, but this was my result. Thank you for the wonderful tutorial.
http://imgur.com/487R4.png
( )ChipChopChip June 24th
Absolutely amazing! I have to design some “Going Green” Note pads for an expo and this will be an impressive effect.
( )victor June 24th
wow
( )sinem er June 26th
thank you!!!! awesome tutorial!!! really enjoyed fiddling around!!
btw i wanted to share sth that i figured out mostly because i felt too lazy to path all the text
i just converted the text that i wanted to use in freehand and used roughen tool to make the edges and then i pasted that path to photoshop and it worked really well
( )vian June 28th
awesome
( )Eric Thoolen June 28th
You the MAN!
( )BBX June 28th
Awesome tutorial!!! This is an inspiration for me and for my work!!!
( )papadefung June 29th
Nice……. Exellent….
( )Web Hosting June 29th
Just incredible….
( )Ravinder Reddy July 1st
woh wonderful gross by tutorial
( )Somika July 1st
Just finished it
( )School project
You probably saved me a few marks
Joe July 2nd
Thats an amazing effect!! At first I though it would be hard to read the lettering, but its great!
( )atilazz July 3rd
the best.
( )thanks a lot
JOhn July 5th
Very well done, i’m impressed and inspired but having difficulty in following instructions,Is there a video tutorial of this by any chance? only i’m finding this very difficult to follow.
I got lost at step 9, I just dont understand where the font in white gets written on as there is no grass and then in step ten there is. I also dont understand how to cut out the fonts from low opacity template on grass?
Is there anyone that can help a Novice ? please
( )Karin Pieters July 6th
Hi There
I know you have gotten so many comments already….
!!! But so so worth it.
But I must say that it took for FREAKEN ever
Thanks
( )Karin
snugsomeone July 7th
Hi!
Great tutorial, here’s mine attempt:
http://snugsomeone.deviantart.com/art/Earth-128597293
Greetings!
( )chetan vasudeva July 9th
it was tooooo good …..but i have a doubt in one thing how are we suppose to make a face with text if u ave any clue plzzzzzzzz inform plzz
( )i will be verry thank full to u or mail me on my id
lei July 11th
thank you , very much!
( )Amit July 11th
amazing tutorial, thank you!
( )Kristin July 15th
staying up late to finish homework, was excited to see a Bahai writing in this beautiful tutorial, thanks
( )Daniel July 16th
This was the tutorial that made me notice, bookmark and love psdtuts.com. Absolutely beautiful. I’ve found Earth and Fire, but when can we expect the other three in the series?
( )Maemory Foam Mattress July 17th
Great tutorial in which i found cool-looking grass-text effect in photoshop using a photo of grass…thanks for sharing…….
( )karthik July 20th
Amazing…
( )Dillon July 26th
Hey i’m stuck on the part where I’ve got my path all selected, but how do i get it to cut out the letter with the grass? (step 12) Thanks!
( )Nikki July 28th
Thank you!
( )Jai July 29th
Invert the selection (Ctrl+Shift+I) and then “cut” (Ctrl+X)
( )kiril July 29th
hey how can i do invesion i cant do it (step 12) when i press crtl=shift=i and its select all layer not and isnt like that at picture
( )Xupeng July 30th
very good !…
( )O2 August 7th
Perfect, I think that this kind of person makes the world happier¡¡¡
( )Osmani August 8th
Finally. Great Tutorial, son.
( )Nicson August 8th
PLS SEND ME THE PSD FILE OF THIS GRASS TEXT, ITS REALLY AWESOME
nicson@in.com
( )brandon August 16th
hey i had a question does this only work for the cs’ cuz i have elements and i dont have a pen tool or a paths palette
( )Mr. Puggle August 17th
Great Job! Very creative. Thanks
( )Davis August 17th
Cool Stuff. I can definitely see that it would laborious, but not too much so for something like a good quality (and hopefully well paying) poster.
( )Johnny August 18th
Great Tutorial! Thanks! Used it for a twitter background @swaesports.
( )Audrey August 19th
This is totally awesome… What I’ve been looking for FOREVER is a tut that shows how to simulate the chalk writing on a football field, for example. Does anyone have any good tips or tricks for doing this?
( )TUT TUT August 21st
Your tutorials are so AWSUM that you can’t help but become inspired
( )Julio August 21st
Well… I’m stuck at step 12. I can’t be do inverse (Ctrl+Shift+I)… why? I don’t have a clue. Please help me… this is awesome.
( )Mihailo August 31st
freaking awesome. stunning effect and have a wide specter of appliance!!! keep it coming man!
( )kavi September 1st
wow name in green grass wonderful i want to try with my name and set as desktop background. thankyou tuts
( )Arindam Bera September 5th
Your tutorials are just AWESOME..
( )PRASANNA September 5th
SORRY THIS IS LIL BIT DISCOURAGING BUT THE FACT IS THAT THIS HUGE PROCEDURES TAKE A LOT TIME CAN THE AUTHOR PUT THEM UP IN PDF’S SO THAT WE COULD DOWNLOAD AND USE?
( )Jayden Lawson - Thermosis website design September 10th
Great work once again Collis.
( )Jayden Lawson - Thermosis website design September 10th
PRASANNA – if you sign up to PDS Tuts+ as a member – you get access to the source files so you don’t have to do it all yourself. See here:
http://tutsplus.com/plus-program/psd-plus/
( )aris September 13th
Thanks.. GBU..^^
( )JOHN September 19th
AWESOME TUT!!! CHECK OUT DSNYNJ4′S DEVIANTART PAGE, THERE IS A SWEET USE OF THIS TUT THERE FOR EARTHDAY. PSD TUTS IS AWESOME.
( )g1 September 22nd
it is too good and awesome technique to create cool grass in a 3d look.and waiting for ur next tutorial. thank u for sharing these.
( )hubeRsen September 22nd
damn, thats awesome!
( )Kathrine Zollner September 23rd
Thanks for this amazing tutorial! Well described and so beautiful!
Helped me a lot
I am fan now!
( )Veronica September 26th
Hey!
( )Plurklayouts.com uses this for their layout, and they sell that layout.
And I think they didn’t give the credit. Won’t you do anything about it?
JJ September 27th
You’re awesome!
( )loubib September 29th
i love it, but unfornately I do it directly with all the letter ! I’m stupid !
merci
( )Fresher October 15th
i cant complete step 11-12 :/ can somebody show me how to do this with image tutorial or smth.. :/ please..
( )davinderjit singh October 26th
brilliant for me
( )SEO optimizacija October 27th
great tutorial. This is what I need. Thanks
( )Akin October 30th
hello collis, brilliant turorial so far, im following it but i terribly stuck at step 12, iv traced the first letter, iv saved the path and thats it, i dunno wat else to doasfter duplication the grass layer, do u put it on top of the tsxt layer??? dunno wat to do.
( )Akin November 2nd
hooray, i funally firgured it out, hehe, but it was still difficult tho, cos those instances u said “duplicate the layer” or whenever u were reffereing to layers, i wasnt quite sure which one goes above which, but i just assumed the the duplicated layer goes above cos photoshop automatically creates it above…
( )one more thing please, do we get to download the psd when we register??????
jmarreros November 6th
excelent work Collis, very interesting stuff here
( )roni November 11th
Great! I am using this for a lawn bowls invitation with just the word bowls (on the lawn). One tip to make it a bit quicker… Step 11. Use the lasso tool then in paths pallette convert it to a path from there…
I love this. Thanks
( )Brus November 24th
Hey great tutorial, but i haven’t understand how to use the pen tool. When i make the selection of a letter what i have to do to cut it?
( )Steps 12-13-14 are completely hard for me.
Can anyone help me?
thanx in advance
Brus November 24th
Solved by myself and Saint. Google
( )thanx
Gizem November 25th
I Loved ….
( )Odette November 27th
Hi! I tried to make this fantastic tutorial, but I can not cut the text to see the grass. I make the selection with the pen, but once you have finished your selection does not make me save the track. Why?
( )Furthermore, the text must be rasterized? The part on the text I find it hard because I am a beginner in photoshop.
Finally the background is not seen as the subtle texture in your final image … I hope you can help me
Odette
Sidd November 27th
Thanks Collis ! But I wonder, how did you get around to building websites ?
( )Or you simply did UIs and somebody coded them for you ?
Suman December 10th
you are amazing….. i liked it and was very very useful. thanks and waiting for some more awesome techniques.
( )CERITAKU... December 11th
amazing..very creative.it give me inspired to make my assignment..thanx..
( )Faz December 28th
Thanks a lot ! 5 stars!
( )Tanjila Jesmeen December 29th
very nice.nice collection.thanks for sharing.
( )Esmee December 29th
Awesome tut! Thank you very much for sharing.
It has a beautiful result.
I’ve used this tutorial in my new wallpaper of my horse: http://www.plaatjesupload.nl/bekijken/2226168.html
I think it’s a good result.
Thanks again!
( )Jessica December 29th
What a great tutorial! Thanks so much
Here’s the one I tried…with a little variation
http://jlyn85.deviantart.com/art/Green-148479913
( )Omar January 3rd
That’s an epic shade of green. Wow, I learned something new with the drop shadow effect to make it pop out that immensely.
( )Robbiegp January 3rd
Fantastic tutorial. Stunning effect. Thank you! I, too, am a Baha’i so I particularly appreciated the quote.
( )Radu January 3rd
Awsome, I` going to bookmark you
( )izdelava strani January 10th
Excellent. As goes a saying in our country, “Kapo dol”
( )ecks January 12th
Nicely done! I’ve used it myself on our office/company ad. It fits our theme this year! Thanks Collis. I just want to email you unfortunately I don’t know how to contact you electronically (by e-mail)
Thanks!
( )ecks January 12th
I used the idea and created one for our anniversary theme this year.
Here it is.
http://i391.photobucket.com/albums/oo356/patalinhug/hondaearthver5.jpg
( )ecks January 12th
@collis Hi! I’m ecks and I have followed your psd tutorial about the grass text effect and I found it very useful. I’ve created an earth-friendly theme for our company anniversary this year. here it is:
http://s391.photobucket.com/albums/oo356/patalinhug/?action=view¤t=hondaearthver5.jpg
I hope I can use it with your permission. Just drop me an e-mail at patalinhug@aol.com or visit my page at http://eckscustomgraphics.webs.com/ and http://eckslimson.daportfolio.com hope to hear from you soon!
( )Tyler January 19th
Amazing! The Bugs really made it! lol
( )Vigneshwar January 23rd
Hey this is amazing.. i’m a newbie to photoshop .. i tried till step 11.. but i m not able to follow step 12.. i have saved the paths as u said.. but i don’t know how to cut out the edges.. please help me .. tell the steps in detail..
( )trickz100 January 24th
Ive had problems with Step 12 to however, I have found that if you create an entirely new document and insert the grass and text, it works that way.
When you get to Step 12, follow this (Keeping your existing document open):
1) Create a new document
2) Insert the Grass Picture
3) Copy the text from your existing document to the new document weve just created. (Again making sure the Opacity of the text is at 50% and is in a white colour)
4) Hold Control and Click on your Text Layer.
5) Hide the text layer and click on the Grass Layer. Now, using the Quick Selection tool (W), ammend the outsides of your selected text to go around random blades of grass for the effect. You’ll have to zoom in and id recommend using 1px size.
6) Once youve done that, Edit; Cut and then paste this on your original document.
It may be long winded but its the only thing I can figure out how to do it
Regards
( )Yorick January 31st
This is cool, but explenation is only for people who know’s ps works. still missing steps. Example download paper image and then? ;(
( )bendebar February 3rd
Juste magnifique, BRAVO!
( )bendebar February 3rd
Juste magnifique, BRAVO!
( )I put also it on my background!
Megz February 6th
this tutorial pissed me off, it gave me no detail on how to do it. after step 12 i just wanted to rip my hair out. The whole ctrl + click did not work, i need help.
( )Rui Santos February 7th
Just awsome!!!
( )