Jump to content


- - - - -

Adding realistic grass


  • Please log in to reply
12 replies to this topic

#1 RoniisH

RoniisH

    Orville Reincarnate

  • Members
  • PipPipPipPipPipPipPip
  • 7,315 posts
  • Location:Stockholm/Sweden

Posted 23 April 2006 - 05:19 AM

This tutorial uses Photoshop CS2, but the techniques involved may be useful in other graphics design packages.

Start off by taking a screenshot, or use the following for practice:
Posted Image

I chose this ( http://www.airliners...file/1032067/L/ ) for the grass.
Since this screenshot is taken in EGPH, I want grass from the airport where the shot is taken. So, lets start.

Open up both images in PS, and start with the real one.  Select the Rectangular marquee tool which is marked in red (or press M) and drag it from the upper left corner (of the grass) to the bottom right corner (of the grass) and the whole grass part will be selected, like this.

Posted Image

Now, press CTRL + C to copy the grass, and paste it into the screenshot by pressing CTRL + V.  It will look something like this:

Posted Image

This is not how we want it to look, so select the move tool (right beside the rectangular marquee tool, or press V) and select Show Transform Controls at the top of PS.

Posted Image

Now you see that you can "transform" the image to a smaller size, or bigger if you want to, but we want it small, so hold down shift and drag it from the upper left corner and down. (don't forget to have layer 2 selected).

It should look like this:

Posted Image

When you're done, press enter. This is still not the look we want so lets go to Edit -> Transform -> Disort.

Posted Image

Hold shift and start with the upper left corner and drag it down to where the grass begins, like this:

Posted Image

Do the same with all the corners and press enter.

This is how it should look like when it's (almost) done.

Posted Image

You don't need to do this next step, so if you're happy, just leave it, but if you still want to go ahead and add some "extra" grass, then continue with the next step.

Select the eyedropper tool (or press I) and select some colors on the grass, I chose #564923 as foreground and #6f5a3a as background.
Next step is to select the brush tool, and then select the grass brush.

Posted Image

Now, create a new layer, and lower the size to about 5 and hold down shift and just press once on the same spot where my cursor is, and release shift.

Posted Image

Then head over to the other side of the image, press and hold shift, and click where you want the grass to end.  Instead of pressing and holding the left mouse button, click and drag it to the other side to make a (not so straight) line.  Do that a couple of times, and when you're done, you'll have some nice handmade grass - plus some extra details (and not just a straight line).
This is how my final image looks:

Posted Image

You can add grass on the other side too, the steps are the same.

Keep in mind that these steps are just the basic ones. There's a lot more you can do, and there are other ways you can do it too, but this is the way I do it.

If there's something that doesn't make any sense, then feel free to ask!

Edited by Jon, 26 May 2006 - 08:48 AM.


#2 Pierre.

Pierre.

    Orville Reincarnate

  • Members
  • PipPipPipPipPipPipPip
  • 5,995 posts
  • Location:Dogern, Germany

Posted 23 April 2006 - 05:28 AM

good tut. mate! very helpfull!

#3 Eric.

Eric.

    formerly piloteric

  • Members
  • PipPipPipPipPip
  • 1,347 posts
  • Location:California, USA

Posted 23 April 2006 - 11:19 AM

Nice tutorial!

#4 asda653

asda653

    Private Pilot - VFR

  • Members
  • PipPipPip
  • 253 posts
  • Location:Boeing 737 (WOOT)

Posted 23 April 2006 - 12:56 PM

Good tutorial!
Another method is to paste the grass pic on, lower the opacity, and cut whatever you don't need out. But your way works fine, too.

#5 Lord Flashheart

Lord Flashheart

    Orville Reincarnate

  • Members
  • PipPipPipPipPipPipPip
  • 6,125 posts
  • Location:Wigan

Posted 23 April 2006 - 01:38 PM

Thank's Roniish

#6 AsianFlyer.

AsianFlyer.

    Airline Transport Pilot

  • Members
  • PipPipPipPipPipPip
  • 4,096 posts
  • Location:Alpharetta, GA

Posted 24 April 2006 - 09:01 PM

Is this only for CS2? Cause I can't find any transform tool, or grass brush :D


I use 6.0

#7 RoniisH

RoniisH

    Orville Reincarnate

  • Members
  • PipPipPipPipPipPipPip
  • 7,315 posts
  • Location:Stockholm/Sweden

Posted 25 April 2006 - 12:45 AM

bumbulbi, on Apr 25 2006, 04:01 AM, said:

Is this only for CS2? Cause I can't find any transform tool, or grass brush :D


I use 6.0
it should be the same for 0.6. take a close look at the images, and try from there. the grash brush is almost at the bottom, just scroll up a bit.

Edited by RoniisH, 25 April 2006 - 12:45 AM.


#8 RoniisH

RoniisH

    Orville Reincarnate

  • Members
  • PipPipPipPipPipPipPip
  • 7,315 posts
  • Location:Stockholm/Sweden

Posted 19 May 2006 - 03:16 PM

Glad u guys like it btw, send of a PM if you're having trouble.

Edited by RoniisH, 19 May 2006 - 03:16 PM.


#9 Jon

Jon

    Administrator

  • Admin
  • PipPipPipPipPipPip
  • 3,140 posts
  • Location:South Carolina, USA

Posted 26 May 2006 - 08:55 AM

Excellent tutorial RoniisH!  I have added it to the Knowledge Base.  Thanks, a lot of folks should find this very useful. :D

#10 RoniisH

RoniisH

    Orville Reincarnate

  • Members
  • PipPipPipPipPipPipPip
  • 7,315 posts
  • Location:Stockholm/Sweden

Posted 26 May 2006 - 10:03 AM

Jon, on May 26 2006, 03:55 PM, said:

Excellent tutorial RoniisH!  I have added it to the Knowledge Base.  Thanks, a lot of folks should find this very useful. :D
Thanks! :lol:

#11 .Ben

.Ben

    formerly Ben.

  • Members/Edit
  • PipPipPipPipPipPip
  • 3,564 posts
  • Location:Leamington Spa

Posted 28 May 2006 - 09:56 AM

bumbulbi, on Apr 25 2006, 02:01 AM, said:

Is this only for CS2? Cause I can't find any transform tool, or grass brush :D


I use 6.0
Hmm, for the Transform Tool try CTRL+T - if it's not there, I'd seriously consider upgrading! You can get a free trial from the Adobe Website.

As for the Grass, make sure to Reset the brushes, then look - if it's not there... Cry. And then look for the CS2 trial.

--Ben.

#12 Locstar

Locstar

    formerly Anas.T

  • Members
  • PipPipPipPip
  • 753 posts

Posted 10 June 2006 - 05:48 AM

WOW RoniisH,

Simply stilish and easy! :lol: :D

#13 AGuyFawkesMask

AGuyFawkesMask

    Private Pilot - IFR

  • Members
  • PipPipPipPip
  • 949 posts
  • Location:KISP

Posted 19 February 2008 - 05:12 PM

It's easier than I thought! Thanks, roniish!