Flash CS3 - Flash CS4

Free tutorials and scripts for all.
Actionscript 3.0

Grass text effect

This is a discussion on Grass text effect within the PhotoShop ENG forums, part of the English Forums category; Hi all ! Today FlepStudio presents a Photoshop CS3 tutorial that will help many of you, is really a beauty and ...


Go Back   Forum Flash CS3 Flash CS4 > English Forums > PhotoShop ENG

Register FAQ Members List Calendar Search Today's Posts Mark Forums Read
  3 links from elsewhere to this Post. Click to view. #1 (permalink)  
Old 22-07-08, 10:58
Administrator
 
Join Date: Jul 2007
Location: Cesena
Posts: 4,486
Rep Power: 6
Flep is on a distinguished road
Grass text effect

Hi all !


Today FlepStudio presents a Photoshop CS3 tutorial that will help many of you, is really a beauty and very useful, thousands and thousands of applications.

In this tutorial we will create a very interesting text effect different textures.


The first thing we want to do is create an interesting background.

So duplicate the background layer and add a nice green gradient to it:


image 1


We will now apply a nice texture to it.

You can use internet search engines to find many interesting free-to-use textures around, sxc.hu is one of my favorites.

I chose a nice crumpled paper texture and added some noise to it with the “Add noise filter”.

I then also overlayed an additional texture:


image 2


image 3


Paste these textures in new layers above our gradient background and change their blending mode to “overlay”.

I also lowered the opacity of both layers to about 50%.


image 4


We will now find a nice photo of grass and paste it above all layers.

Type some text above this layer and lower it’s opacity.

We will use it as a guideline:


image 5


Here comes the annoying bit.

Zoom in and use your pen tool to follow the outlines of the letters leaving some shapes outside the actual letters in order to resemble grass:


image 6


Once your path is completed, go to the paths channel and load your path as a selection.

You can do this by selecting the path and clicking on the circle icon at the bottom of the paths palette.

With this selection active, go to the layers panel and select the grass layer.

Hit CTRL+J on your keyboard to duplicate the selected part of the image into a new layer.

De-activate visibility on path, grass and text layers to see the effect:


image 7


Repeat this process for all the letters.


image 8


Merge the layers forming the letters and add these styles:


image 9


image 10


Now duplicate this layer and clear its style by right-clicking on it and selecting: “Clear Style”.

Lower it’s opacity to around 50% and add these styles:


image 11


image 12


Now control-click on one of the layers containing our grassy text to load that layer as a selection.

Create a new layer and position it below both grassy-text layers.

Fill that selection with black.

With the selection still active, select the “Move tool” (V on your keyboard) from the tools palette and use your arrow keys on your keyboard to move the layer slightly.

You should be pressing in this sequence : Down – Right – Down – Right.

This will give our text much more depth.


image 13


Add a motion blur with these settings to this layer:


image 14


Lower the shadow layer to around 50%.


image 15


Now move this layer down and to the right like we did before so it looks like the letters are casting a shadow over the background:


image 16


By duplicating this shadow layer and using the eraser tool with a very soft brush we can adjust the shadow as we like.

Changing the blending mode of the duplicated layers to multiply helps a lot too:


image 17


Merge all the layers creating your text and use the burn and dodge tool to add shadows and small highlighs where needed.


image 18


image 19


As a final step, let’s make some adjustments to the background and add some text.

I used white text with a black outer glow set on a normal blend mode for the “studio” part.

I changed that layer mode to “Soft Light”.

For the other text I used black text with a black outer glow on blend mode: “normal”.

To add some depth to the background, merge the background layers and, with a very large and soft brush, paint the borders of our background so it looks like this:


image 20


Source file:


download
__________________

 


I recommend: Essential Actionscript 3.0

- Non rispondo ai messaggi privati con domande tecniche. Apri una discussione sul forum !
- I do not reply technicians pvt messages. Open a thread !
Digg this Post!Add Post to del.icio.usBookmark Post in TechnoratiFurl this Post!
Reply With Quote

  #2 (permalink)  
Old 25-07-08, 08:13
Junior Member
 
Join Date: Dec 2007
Posts: 15
Rep Power: 0
lex_ph is on a distinguished road
Re: Grass text effect

cool effect...i like it!
Digg this Post!Add Post to del.icio.usBookmark Post in TechnoratiFurl this Post!
Reply With Quote

  #3 (permalink)  
Old 15-08-08, 15:30
Junior Member
 
Join Date: Aug 2008
Posts: 1
Rep Power: 0
fromdawest is on a distinguished road
Re: Grass text effect

WOW ! flep bro ... u a great one bro ... really .. appreciate your guidance bro ... and if you can please start a new tutorial serious for BEGINNERS in FLASH CS3 ... hw evr .. thank you very much bro ...
Digg this Post!Add Post to del.icio.usBookmark Post in TechnoratiFurl this Post!
Reply With Quote

Reply

Bookmarks

Tags
effect, grass, texture

Thread Tools
Display Modes

Posting Rules
You may not post new threads
You may not post replies
You may not post attachments
You may not edit your posts

BB code is On
Smilies are On
[IMG] code is On
HTML code is On
Trackbacks are On
Pingbacks are On
Refbacks are On
Forum Jump

Similar Threads

Thread Thread Starter Forum Replies Last Post
Trail effect Flep Tutorials 10 20-08-08 05:57
Flash CS3 moving grass effect alboman Flash CS3 eng 0 11-08-08 16:13
effect - Fallen leaves Flep Tutorials 7 31-01-08 03:22
MOUSE_MOVE effect with Flash CS3 Flep Tutorials 0 07-12-07 06:44
Water effect with Flash CS3 Flep Tutorials 0 29-09-07 10:27


All times are GMT. The time now is 04:43.


Powered by vBulletin versione 3.7.4
Copyright ©2000 - 2008, Jelsoft Enterprises Ltd.
Search Engine Optimization by vBSEO 3.2.0 RC4
Forum SiteMap


FlepStudio
by Filippo Lughi
P.IVA 03605860406