Easy Brush Text Nature Effect: Tutorial

Posted in Quick Tips, Tutorials6 years ago • Written by 14 Comments

title-naturalToday we will learn how to use text layer letters as paths to create amazing effects. You can use this trick in many different ways, just changing brushes and brush options. Also we will learn how to use pen tool again together with brush tool and change different options. I tried to write everything pretty detailed, so everybody could understand and also added *.psd version for everybody to check out, if something in Your work is wrong. Check finished result on the bottom of this page and good luck completing this tutorial! So join with me to  these 10 simple steps!

Step 1

Open Photoshop and create a new document 1000x800px. Use radial gradient to add background as the picture below.

Use RGB color : #051601 and black #000000.

gradient

gradient-background

Step 2

Now write some text in the center of the document, I used verdana font,207pt, text “Natural” – no matters which color You use, we won’t be using it anyway, just shape of it. After that increase tracking between the letters, by selecting all text and using CTRL+ Right arrow or CTRL + Left arrow to decrease. We do this so later we could more easily see the text, while it’s covered with brush.

work-path

Step 3

So let’s use now letter shapes and convert it to path. You can bring up paths panel – Windows–>Paths. Right click on the text layer and choose option Create Work Path. Hide now Natural text layer, create new layer with commands CTRL+SHIFT+N. Your result should look like the same as in the image below.

switch-off-text-layer

Step 4

Ok, now select brush tool, I wanted to create natural effect so pick any of those natural and floral brushes, I used Suddenly Spring beautiful brushes, download them, just double click on the *.abr file to get brushes loaded into the photoshop. Now press B(brush) and F5(to get brush panel). I added roundness so the brush would rotate along the path. Use brush size ~60px

roundness

Step 5

And now with the new layer selected brush stroke the path. After that with CTRL+H switch off path outlines.

stroke-path

You should be result like mine, so in the next step in the blending options we will be changing colors to get natural effect:

natural-grey

Step 6

In the blending options select Gradient Overlay, change rotation angle to 0 and add gradient with these options:

rotation-angle

gradient-green

Your outcome should look like mine now, looks pretty cool already? :) :

natural-green

Step 7

In paths panel, delete natural text path or just create new path.

Now lets add some more effects, select pen tool and create path through the letters like me:

path-pen-tool

Now switch to the brush panel pressing B button and then F5 to get brushes panel.

Use 7px soft mechanical brush and add the same settings as in the images:

brush-1

brush-2

brush-3

Okay, now again switch to Pen tool(P) and right click on the path–>stroke path:

stroke-brush-path

Now right click again on the path and click delete path.

natural-brush

Step 8

Change the color and add outer glow in the blending options, to maximize the effect. I used these settings:

Outer glow: #45ff13

outer-glow

Color Overlay: #d1fad1

color-overlay

Step 9

Select Eraser tool (E) and erase parts like in the picture below:

erase-parts

Step 10

Download this grass image and paste it in the document above the background and set blending to overlay, resize it to fit Your needs.

This is finished result, I hope You will find this tutorial and method useful for Yourself.

Download *.psd version to compare the result! Hope You enjoyed this one too!

Click on the image to view it on the full size.

finidshed-nature

Download PSD version

192 Written ArticlesWebsiteGoogle+

Dainis is 25 years young man, who struggled for 3 years while studying in design academy and working for local design agency, because of ignorant teachers and agency boss. He couldn't believe this is all life could offer to him! And then he discovered true Internet possibilities, he was lucky to find his passion early in life and take advantage of this beautiful Information (Internet) Age! Now he is committed to help others succeed, to help others take charge of their life and follow their passion! His goal is to open Your eyes and help unveil Your true potential!

14 Comments Best Comments First
  • Rahul

    Thursday, October 16th, 2008 17:42

    1

    Really nice tutorial. Very simple but nice.

    Rahuls last blog post : Happy Bijaya Dashami – 2065

    0
  • CoolProducts

    Friday, October 17th, 2008 19:17

    6

    Yet another masterly done tutorial! I enjoy trying your tutorials! Keep them coming!!

    0
  • Dainis Graveris

    Friday, October 17th, 2008 09:04

    5

    @Stacey Hey! thanks for checking in and cute poster You got there! :) I didn’t know this trick for long time, so I felt need to share with people! :)

    And see You later! :)

    0
  • Stacey

    Friday, October 17th, 2008 03:18

    4

    *I’m still working on my website, so check back later.

    Thanks for the tut! I had figured this one out a couple of courses ago in Digital Imaging 1. I used it for a Peter Pan poster project for class. I believe you can see the effect here:
    http://stacey1mb.deviantart.com/art/Peter-Pan-poster-95995583
    Along with regular text layers and styles.

    ~Stacey~

    P.S.
    Thanks for the invite from myspace! I always am looking for tuts and places to share.

    0
  • Dainis Graveris

    Thursday, October 16th, 2008 18:57

    2

    Thanks Rahul..and especially You Johnson :) Glad to surprise You too with something new! Appreciate! :)

    0
  • Johnson Koh

    Thursday, October 16th, 2008 18:13

    3

    This is something new with very clear explainations. I have to learn this ;)

    Great work Dainis!

    Johnson Kohs last blog post : 10Steps.SG is 2 Months Old

    0
  • Michael Stewart

    Wednesday, December 10th, 2008 05:50

    8

    Awesome nature effect, keep up the great work Dainis.

    Michael Stewarts last blog post : Screencastr #9

    0
  • Stop Dreaming Start Action

    Friday, June 26th, 2009 18:18

    13

    thanks Dainis…

    Stop Dreaming Start Actions last blog post : Follow Your Dream

    0
  • John Parks

    Tuesday, September 1st, 2009 18:29

    14

    Another great Photoshop tutorial. Opens the door and one’s mind to many more designs of a similar process.

    0
  • Daniel

    Friday, April 3rd, 2009 05:21

    12

    I’ve never given this a try, but I think it’s about time I do.

    0
  • codigo

    Thursday, March 5th, 2009 15:38

    11

    please where is the psd file ¿?

    0
  • Linda

    Wednesday, December 17th, 2008 12:41

    10

    Nice work Dainis, I like it ;)

    0
    • Dainis Graveris

      Wednesday, December 17th, 2008 13:31

      9

      Heeey, nice to here something like that from You :) I appreciate Your words!

      0
  • John Parks

    Tuesday, September 1st, 2009 18:29

    14

    Another great Photoshop tutorial. Opens the door and one’s mind to many more designs of a similar process.

    0
  • Stop Dreaming Start Action

    Friday, June 26th, 2009 18:18

    13

    thanks Dainis…

    Stop Dreaming Start Actions last blog post : Follow Your Dream

    0
  • Daniel

    Friday, April 3rd, 2009 05:21

    12

    I’ve never given this a try, but I think it’s about time I do.

    0
  • codigo

    Thursday, March 5th, 2009 15:38

    11

    please where is the psd file ¿?

    0
  • Linda

    Wednesday, December 17th, 2008 12:41

    10

    Nice work Dainis, I like it ;)

    0
    • Dainis Graveris

      Wednesday, December 17th, 2008 13:31

      9

      Heeey, nice to here something like that from You :) I appreciate Your words!

      0
  • Michael Stewart

    Wednesday, December 10th, 2008 05:50

    8

    Awesome nature effect, keep up the great work Dainis.

    Michael Stewarts last blog post : Screencastr #9

    0
  • CoolProducts

    Friday, October 17th, 2008 19:17

    6

    Yet another masterly done tutorial! I enjoy trying your tutorials! Keep them coming!!

    0
  • Dainis Graveris

    Friday, October 17th, 2008 09:04

    5

    @Stacey Hey! thanks for checking in and cute poster You got there! :) I didn’t know this trick for long time, so I felt need to share with people! :)

    And see You later! :)

    0
  • Stacey

    Friday, October 17th, 2008 03:18

    4

    *I’m still working on my website, so check back later.

    Thanks for the tut! I had figured this one out a couple of courses ago in Digital Imaging 1. I used it for a Peter Pan poster project for class. I believe you can see the effect here:
    http://stacey1mb.deviantart.com/art/Peter-Pan-poster-95995583
    Along with regular text layers and styles.

    ~Stacey~

    P.S.
    Thanks for the invite from myspace! I always am looking for tuts and places to share.

    0
  • Johnson Koh

    Thursday, October 16th, 2008 18:13

    3

    This is something new with very clear explainations. I have to learn this ;)

    Great work Dainis!

    Johnson Kohs last blog post : 10Steps.SG is 2 Months Old

    0
  • Dainis Graveris

    Thursday, October 16th, 2008 18:57

    2

    Thanks Rahul..and especially You Johnson :) Glad to surprise You too with something new! Appreciate! :)

    0
  • Rahul

    Thursday, October 16th, 2008 17:42

    1

    Really nice tutorial. Very simple but nice.

    Rahuls last blog post : Happy Bijaya Dashami – 2065

    0

Comments are closed.

23.23.28.23 - unknown - unknown - US