Easy Brush Text Nature Effect: Tutorial
Dainis Graveris
Today 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.
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.
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.
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
Step 5
And now with the new layer selected brush stroke the path. After that with CTRL+H switch off path outlines.
You should be result like mine, so in the next step in the blending options we will be changing colors to get natural effect:
Step 6
In the blending options select Gradient Overlay, change rotation angle to 0 and add gradient with these options:
Your outcome should look like mine now, looks pretty cool already? :) :
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:
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:
Okay, now again switch to Pen tool(P) and right click on the path–>stroke path:
Now right click again on the path and click delete path.
Step 8
Change the color and add outer glow in the blending options, to maximize the effect. I used these settings:
Outer glow: #45ff13
Color Overlay: #d1fad1
Step 9
Select Eraser tool (E) and erase parts like in the picture below:
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.
For Further Reading:
Did you enjoy this article and found it useful?
Get even more from us:
Best indian food
Posted 87 days ago 16Great text effect. Have you got similar tutorial but with woody text?
Web dizajn
Posted 239 days ago 15Very nice, thanks
John Parks
Posted 886 days ago 14Another great Photoshop tutorial. Opens the door and one’s mind to many more designs of a similar process.
Jati Diri
Posted 938 days ago 13great tutorial, thank you.. You rock !
.-= Jati Diri´s last blog ..Jati Diri Bangsa =-.
Stop Dreaming Start Action
Posted 953 days ago 12thanks Dainis…
Stop Dreaming Start Actions last blog post : Follow Your Dream
Daniel
Posted 1037 days ago 11I’ve never given this a try, but I think it’s about time I do.
codigo
Posted 1066 days ago 10please where is the psd file ¿?
Linda
Posted 1144 days ago 8Nice work Dainis, I like it ;)
Dainis Graveris
Posted 1144 days ago 9Heeey, nice to here something like that from You :) I appreciate Your words!
Michael Stewart
Posted 1151 days ago 7Awesome nature effect, keep up the great work Dainis.
Michael Stewarts last blog post : Screencastr #9
CoolProducts
Posted 1204 days ago 6Yet another masterly done tutorial! I enjoy trying your tutorials! Keep them coming!!
Dainis Graveris
Posted 1205 days ago 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! :)
Stacey
Posted 1205 days ago 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.
Dainis Graveris
Posted 1206 days ago 3Thanks Rahul..and especially You Johnson :) Glad to surprise You too with something new! Appreciate! :)
Johnson Koh
Posted 1206 days ago 2This 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
Rahul
Posted 1206 days ago 1Really nice tutorial. Very simple but nice.
Rahuls last blog post : Happy Bijaya Dashami – 2065