Create a Realistic Weedy Text Effect in Photoshop

Create a Realistic Weedy Text Effect in Photoshop

Posted on December 14th, 2008 under Text Effects

Testking offers Step by step mcpd Photoshop tutorials and ccna security guide for all skill levels. Become design guru with latest mcp certification.

In this tutorial, I will take you through the steps I used to create a weedy text effect in Photoshop. This is a very simple tutorial, yet the effect is surprising and realistic.

The techniques used in this tutorial include some layer blending sytle options, some filters, and a little bit of image adjustments. It’s suitable for both beginners and intermediate users. For advanced users, well, you can use it as an inspiration :)

Below is a preview of the final text effect:

moss on rock text final 500x250 Create a Realistic Weedy Text Effect in Photoshop

Ok let’s get started!

Step 1

Create a new document, size doesn’t really matter, I chose 800x400px. Choose a font (I used this font from dafont.com). Type some texts on the background layer and this should automatically form a new layer.

Position the text to the centre of the document:

1 text position2 500x250 Create a Realistic Weedy Text Effect in Photoshop

Step 2

The text looks a bit flat to me so I thought I could make it look a bit more like a rocky ground. Apply the following layer blending options to the text layer:

Inner Shadow

2 inner shadow2 500x367 Create a Realistic Weedy Text Effect in Photoshop

Outer Glow

2 outer glow2 500x367 Create a Realistic Weedy Text Effect in Photoshop

Bevel and Emboss

2 bevel emboss1 500x367 Create a Realistic Weedy Text Effect in Photoshop

Texture

2 texture 500x367 Create a Realistic Weedy Text Effect in Photoshop

Color Overlay

2 color overlay 500x367 Create a Realistic Weedy Text Effect in Photoshop

The effect so far looks like:

2 effect so far4 499x240 Create a Realistic Weedy Text Effect in Photoshop

Step 3

We can add some more texture onto the text. I found this bamboo image on the net it fits perfectly with the text. So please download that image, load it into Photoshop and select a portion of the image, copy and paste into our document. (You may have resize it a bit to fit the text)

See below for detailed position:

3 after paste 500x248 Create a Realistic Weedy Text Effect in Photoshop

Name this layer as “texture”, hit Ctrl+M to bring up the Curve tool, apply the following settings:

3 curve Create a Realistic Weedy Text Effect in Photoshop

Then hit Ctrl+L to bring up the Level Adjustment Tool. Firstly select the Green Channel from the drop down menu and apply the following settings:

3 level green Create a Realistic Weedy Text Effect in Photoshop

Then select the RGB channel and apply the following settings:

3 level rgb Create a Realistic Weedy Text Effect in Photoshop

Then change the layer blending option of this layer to “Soft Light” by right-clicking this layer and choose “Blending options”.

Here is the effect so far:

3 effect so far1 500x246 Create a Realistic Weedy Text Effect in Photoshop

Step 4

Duplicate the “texture” layer once, then go to Filter > Other > Maximum (See below for detailed path)

4 maximun Create a Realistic Weedy Text Effect in Photoshop

Apply the following Maximum setting to the duplicated layer:

4 maximun 2 Create a Realistic Weedy Text Effect in Photoshop

Here is the effect so far:

4 effect so far2 500x245 Create a Realistic Weedy Text Effect in Photoshop

Step 5

Duplicate the “texture” layer once more and put the duplicated layer on top of every other layer, go to filter > blur > gaussian blur and apply the following settings:

5 gaussian blur Create a Realistic Weedy Text Effect in Photoshop

We can add some more dusty-noise on the text to make it more realistic. To do this, duplicated the “texture” layer once more, put the duplicated layer on top of all layers, then go to filter > noise > add noise and apply the following settings:

6 noise Create a Realistic Weedy Text Effect in Photoshop

Here is the effect so far:

6 effect so far1 499x247 Create a Realistic Weedy Text Effect in Photoshop

That’s it for this tuorial! The rest is left upon your own creativity!

Here is my final image for this tutorial: (I added some background texture and adjusted the colour saturation of the texture layer a bit)

moss on rock text final1 500x250 Create a Realistic Weedy Text Effect in Photoshop

Hope you enjoy this tutorial and as usual, if you have any question, just drop me a line below!

Cheers and have a great day!

Fresh Posts from PSD Vault

Imagination Unleashed: Best of PSD Vault DeviantART Group – Vol. 23 Easily Apply Texture with Clipping Mask to Produce Unique Text Effect in Photoshop Unique and Curious Photoshop Tutorial Showcase – January 2012 Creativity Fine-Tuning: Best of PSD Vault Flickr Group – Vol. 54 Design Abstract Surreal Text Effect with Metal Texture in Photoshop VIP Exclusive Tutorial – Create Advanced Photo Manipulative Artwork via Grunge Textures and Colour Effect
  • http://www.photoshoplady.com/forums/text-effect-tutorials/161-create-realistic-weedy-text-effect-photoshop.html#post534 Create a Realistic Weedy Text Effect in Photoshop – Photoshop Lady Forums

    [...] well, you can use it as an inspiration Here is a preview of the final image: Please click here to access this tutorial on my website. If you have any question, simply leave me a comment on the [...]

  • http://www.tutorialsgarden.com 3DS Max Tutorials, 3d max, 3d studio max, 3d tutorials

    Hi James,
    Thanks for this tutorial, i like it.

  • http://www.tutorialvault.net Tutorialvault

    Nice effect man. Added to http://www.tutorialvault.net

  • http://www.psaddict.com psaddict
  • http://www.malayatoday.com/blog/2008/12/50-spectacular-textphoto-effects-photoshop-tutorial/ malayatoday – online resource ALMOST for everyone » Blog Archive » 50 spectacular text&photo effects photoshop tutorial

    [...] A Realistic Weedy Text Effect [...]

  • http://speckyboy.com/2008/12/18/the-top-30-photoshop-text-effects-tutorials-of-2008-which-is-the-best/ The Top 30 Photoshop Text Effects Tutorials of 2008 – Which is the Best? : Speckyboy – Web Design, Web Development and Graphic Design Resources

    [...] 3. Realistic Weedy Text [...]

  • psn00b

    Could you how/tell how you added your final effects? Thanks!

  • http://www.jamesqu.net James

    Hi psn00b!

    it’s easy, I basically created a new layer just above the background layer, downloaded a brush from qbrushes.com and use the eraser tool to get rid of some bits and pieces.

    I also used dodge and burn tool for extra contrast.

    Hope this helps:)

  • http://www.tutorialking.eu Thomas

    It s a great simple tutorial, thanks

  • http://www.batuhanbulak.com/2008in-en-iyi-photoshop-dersleri/ 2008′in En İyi Photoshop Dersleri | Batuhan BULAK

    [...] 3. Realistic Weedy Text [...]

  • http://tekw.org/la-top-30-dei-tutorial-su-photoshop-per-gli-effetti-sul-testo-del-2008-il-migliore/ La Top 30 dei tutorial su Photoshop per gli Effetti sul testo del 2008 – Il migliore? | Tekw.org

    [...] 3. Realistic Weedy Text [...]

  • Soul Colider

    I’ve found your text effect tutorials to be very helpful. Appriciate the time and effort you’ve put in to help some of us who are mere beginners. Thanks

  • http://wanackos.com/index.php/el-top-30-tutoriales-de-photoshop-efectos-de-texto-2008/ » Blog Archive » El Top 30 Tutoriales De Photoshop Efectos De Texto 2008

    [...] 3. Realistic Weedy Text [...]

  • nbrowning

    hey i read what you said about your final effect of adding a new brush from qbrushes.com. Can you tell which brush it was or give a link? Thanks

  • http://meleros.net/foro/manuales-tutoriales/341-el-top-30-tutoriales-de-photoshop-efectos-de-texto-2008-a.html#post660 El Top 30 Tutoriales De Photoshop Efectos De Texto 2008 – Meleros.Net

    [...] darle un estilo personal a tus proyectos. 1. Hell of Tutorial 2. Flaming Meteor Effect 3. Realistic Weedy Text 4. Scratched Metal 5. Vibrant Pop Text 6. Smokin

  • http://www.uprinting.com/Business-Cards.html Business Cards

    Pretty cool tutorial! I love the glow effect on the bamboo text. Another must try technique. Keep up the good work!

  • http://tripwiremag.larsvraa.com/tutorials/photoshop-tutorials/stunning-photoshop-text-effect-tutorials.html 80+ Stunning Photoshop Text Effect Tutorials | tripwire magazine

    [...] Create a Realistic Weedy Text Effect in Photoshop [...]

  • http://www.miraztutorials.com huwaw69

    How did you made the background?

  • FrZn

    VERY niCe dude this is really useful, congrats

  • http://dioxyportfolio.com/2009/06/10/create-a-layered-glowing-text-effect/ Dioxyportfolio » Blog Archive » The Best 80 Photoshop Text Effects on the Web

    [...] Tutorial Link [...]

  • photoshopgirl

    so cool,love it!! =)

  • James

    @photoshopgirl: thank you :)

  • http://www.sezerozkara.com/blog/archives/607 2008 Top 30 Photoshop Text Effects Tutorials

    [...] 3. Realistic Weedy Text [...]

  • http://www.tripwiremagazine.com/2010/01/140-high-quality-categorized-photoshop-text-effect-tutorials.html 140+ High Quality Categorized Photoshop Text Effect Tutorials | tripwire magazine

    [...] Create a Realistic Weedy Text Effect in Photoshop [...]

  • http://www.afiffattouh.com/web-design/140-high-quality-categorized-photoshop-text-effect-tutorials 140+ High Quality Categorized Photoshop Text Effect Tutorials | Afif Fattouh – Web Specialist

    [...] Create a Realistic Weedy Text Effect in Photoshop [...]

  • http://51feeling.com/?p=341 140+ High Quality Categorized Photoshop Text Effect Tutorials | tripwire magazine | 51Feeling

    [...] Create a Realistic Weedy Text Effect in Photoshop [...]

  • http://www.levoltz.com/2010/02/15/140-high-quality-categorized-photoshop-text-effect-tutorials/ 140+ High Quality Categorized Photoshop Text Effect Tutorials | LeVoltz – iPhone Games, Engineering Projects, Wordpress Themes

    [...] Create a Realistic Weedy Text Effect in Photoshop [...]

  • http://harshitdave.com/blog/?p=20 Harshit Dave

    [...] 12. BAMBOO [...]

  • http://epubd.com/?p=7 80 Best Photoshop Text Effects Tutorials, Part III

    [...] Realistic Weedy [...]

  • http://www.creativosonline.org/blog/80-tutoriales-de-efectos-de-texto-para-photoshop.html 80 tutoriales de efectos de texto para Photoshop | Recursos para Diseñadores Gráficos y Web | Creativos Online

    [...] Realistic Weedy [...]

  • http://www.webrisorsa.info/creating-text-effects-using-photoshop-and-tutorial-collections/251/ Creating Text Effects Using Photoshop and Tutorial Collections | Design | Web Risorsa | A Web Resource Abode

    [...] Realistic Weedy [...]

  • http://Website James

    This tutorial gave me the idea to incorporate this effect into my business card design. I gave this link to my graphic designer from LogoDesignStation as a reference to how I wanted my business card to look like. Surprisingly, the design came out better than expected! It was really good all thanks to you! :D

  • http://Website Jethz

    hello sir. . i find this tutorial very useful, but sad to say can’t find the font ABUSIVE PENCIL to work. . even though i downloaded it from many sites. . if u don’t mind can u send me through e-mail the font abusive pencil?

    Thank You in advance. . advance merry x-mas. . :D

    P.S. (sorry for my bad english. . ^_^)

  • http://newfashion4us jon

    this post is weary used full thanks for this post owner “ and other friend this is the gift for you aysha takia