Try Tuts+ Premium, Get Cash Back!
Preview

Craft a Dramatic Vector Landscape Environment

Tutorial Details
  • Program: Illustrator
  • Difficulty: Beginner-Intermediate
  • Completion Time: 1 hour
Download Source Files

Final Product What You'll Be Creating

This tutorial will show the intermediate Adobe Illustrator artist how to make a dramatic landscape environment. You should have a basic understanding of Adobe Illustrator tools before you begin this tutorial, as the tutorial moves at a rapid pace.

Republished Tutorial

Every few weeks, we revisit some of our reader's favorite posts from throughout the history of the site. This tutorial was first published in July of 2008.


Step 1

Start by drawing a matte that will cover the edges of the artwork. Put this artwork on its own layer and move it to the top of the Layers Palette.


Step 2

Easily make smooth grass using this technique. Using the Pen Tool, draw a slightly curved line. The trick to getting your lines flowing nicely is once you draw point 2 you have to click on that same point once more. In the "Wrong" diagram point 2 wasn’t clicked after it was drawn. In the "Right" diagram, point 2 was clicked after it was drawn.

You simply click using the Pen Tool, you don’t have to switch tools or anything. The reason you click twice on the same point is because the next point drawn will be directed back toward the top near point 1.


Step 3

It’s better to draw a 3rd point instead of just going from point 1 to point 2 and back to the top (unless you’re fairly handy with the Pen Tool).


Step 4

Now close the shape by going from point 3 to point 1.


Step 5

Fill the grass with a gradient.


Step 6

Draw several more grass shapes that are slightly varied.

Step 7

We achieve the curvy or windy effect by using the Warp tool.


Step 8

Select all of your grass shapes. Then click and drag over your grass to distort it. It’s like painting, the further you drag the mouse, the more distorted the grass will become. The blue lines indicate how the grass will look once distorted.

Power Tip: Change the size and pressure of the distortion ring by double clicking on the icon in the palette.


Step 9

This is what the distorted grass looks like. You can distort the grass as many times as you like. However, the more distortion you do, the more likely the grass will become jagged and rough. So, adjust your pressure and size instead of distorting multiple times.


Step 10

Select a few blades of grass and vary the colors. Then copy and paste your grass shapes to quickly build up large areas.


Step 11

Notice how there are subtle color differences in the grass. This adds to the interest and realism of the grass.


Step 12

Draw a rectangle and select a moody green color. This rectangle will become the sky so it needs to have a gradient. The secret to making gradients transition smoothly from one color to the next is to start by making two of the same color points in the gradient palette (colors 1 and 2 are identical.)


Step 13

Select color 2 and change the slider shown at number 3 to achieve a smooth color shift.


Step 14

This is what your sky should look like.


Step 15

Copy and paste a blade of grass.


Step 16

Use the grass to make wispy shapes in the sky. Adjust the Opacity so that the shapes blend into the background.


Step 17

Copy and paste a few more grass shapes and vary their placement.


Step 18

To make the stars we’ll draw a narrow oval to start.


Step 19

Use the Convert Anchor Point tool and click on the top and bottom points of the oval to make them pointy.


Step 20

Compress the oval, duplicate it, and rotate it to make a star.


Step 21

Copy and paste the star making sure to vary the size.


Step 22

Draw a circle, which will become the moon. Using the Pencil tool draw arbitrary shapes that mimic the Moon’s craters. It’s OK to draw outside the Moon’s edges as we’ll eliminate the overlapping areas next.


Step 23

Using the Pathfinder Palette click the Add to Shape option to merge your individual Moon craters (1). After you merge them, click Expand (2). Select both the Moon and the newly merged craters then click Divide (3). Delete the unnecessary extra shapes from the edges.


Step 24

Make rocks by using the Pencil tool and drawing rough shapes like below.


Step 25

Then add a gradient.


Step 26

Give your rock more detail by using the Artistic Ink palette (Window > Brush Libraries > Artistic > Artistic_Ink). For the example below, I’ve used Fire Ash Ink. Simply select the Pen tool, select the ink type, from the palette. Then draw a line (curved or straight). In order to see what you’ve drawn, make sure you have a stroke color specified.


Step 27

In order to make the ink spots the color of your choice you need to do two things. First, expand the ink spot by selecting Object (from the top) then Expand Appearance.


Step 28

Next go to Object (at the top) then select Ungroup. Keep Ungrouping the object until you cannot ungroup it any more (about 5 or 6 times.) Once you cannot ungroup it any more then you will be able to change the color of the ink.


Step 29

Duplicate the ink and arrange it to cover the rock.


Step 30

Move the rock behind the grass by copying and pasting the rock. Then vary the size shape to give the impression of different rocks.


Step 31

Your dramatic landscape environment is complete!

  • http://tuts.cgbaran.com CgBaran Tuts

    Great work thanks

  • vinn

    I also don’t understand step one either please help

  • Adam

    To clarify the matte:

    Draw a rectangle, draw the internal shape of the frame with the pen tool, and then use the pathfinder to subtract one shape from the other.

    There are many other ways to do this as well

  • Lupe

    Can you go a little more into detail as how to create the matte. Everything else seems simple enough I just can’t get the matte thing to work. I get as far as drawing the shape but I can’t subtract one shape form the other.

    P.S. I’m using Adobe CS 4 (if that helps any)

    • alex

      Great tutorial I enjoy working on it, for those of you with the matte question use Make/Release clipping mask that should the image to show only inside the frame.

      Thanks for the tutorial

  • iHartAdobe

    Is it possible to clarify the matte step (step 1) a little more. I get as far are creating the rectangle and drawing the internal shape but then when I use pathefinde to subtract one shape from the other I can’t. Can somebody PLEASE help me.

    Thank You

    • Alex

      i am having the same problem

  • http://www.smallhandsdesigns.com n

    how do you move the center of the gradient to the left corner? i can’t seem to figure it out. thanks!

    • frank

      I ran into the same problem- if you look up “Change gradient direction or apply across multiple objects” in the Adobe Help window’s search box, it tells you what to do, better than I could explain it. (You bring up the window by pressing F1). Good luck!

  • j_marreros

    The grass looks really great, thanks for the tutorial

  • pepe

    I really like, very cool, the grass is very reality
    tanks

  • Pingback: 40 Most Amazing Vector Landscapes | Little Box Of Ideas

  • Pingback: 40 Most Amazing Vector Landscapes « JinSpiration

  • wildcard

    Great! Thanks… came in handy. :)

  • lunar faith

    just loved to learn this (^ 0 ^)

    Thanks !!

  • Nelly

    Oh! thanks by this great tutorial!! It was really nice to do it, I loved it!, it looks so nice by giving my own style and that stuff! I loved it you’re great :D

  • piyushw

    you can use reshape tool to shape your shapes drawn with pen tool.its easy to draw our desired shape with reshape tool in illustrator…….just draw two points with pen tool and use reshape tool.

  • Rabiul

    this is awesome tutorial.tnx

  • http://123stockimages.com Santhosh

    Great tutorial with everything explained in great detail. I learned how to use warp to easily change the shapes. That is a big bonus.. Thanks!

  • ellie

    Its really annoying trying to work out the compress oval aspect of this tutorial.. I’m almost finished and about to pull my hair out cause there is no compress option in Ai as far as I can tell…. Anyone have any ideas????

    • Ben

      You just select the oval with direct selection and draw the points inwards, it makes it go thinner!

  • Isaac

    Fantastic Tutorial! Really helped me with some new techniques I’ve been struggling on. Job well done!

  • Octavio

    Thats a great tutorial, congrats and thank you ! ( Done ) : D

  • Awais Raza

    Thanks for this tutorial, I am very new to illustrator but have done it quite comfortably.

  • http://www.facebook.com/7arty Moath Al-harthy

    WOW !!
    My Work ,,

    • http://vector.tutsplus.com/ Sharon Milne

      Awesome!