Create an easy landscape scene in Illustrator



Easy Landscape Tutorial

In this tutorial we are going to take a look at how to create a really easy landscape scene in Adobe Illustrator. This can be used in a number of different ways, from a desktop wallpaper to a website header. The best part is that since it is in illustrator after we are done you can size is however size you would like. Lets get started.

What you are going to need:

Adobe Illustrator

Step 1

Open up a new document at 10inx10in and change the color to RGB.

Easy Landscape Tutorial

Step 2

First off we are going to change our color to green (R: 51 G: 160 B: 44).

Note: If your color palette is not set to RGB, you can click on the arrow icon on the top left of that color window and select RGB.

Using the pen tool we are going to start at the bottom and put points on both the corners, then go up a little bit and put a point on the left edge. Finally we are going to put two points in the middle at the top, then one point of the right edge, and connect the box at the starting point.

With the pen tool still selected, Alt and click on the first middle point on the top line and holding down Shift, move it down two spots.

Alt and click on the second middle point and holding Shift, move it up two spots.

Easy Landscape Tutorial

Step 3

Go to each of the middle two points and holding down Alt and Shift, click and drag each of the points to the right, so you get a nice smooth line, like so.

Easy Landscape Tutorial

Step 4

Now we are going to add a gradient to the object. Click on the color on the right in the gradient window (F9) and change it to R: 171 G: 218 B: 77. The second color is going to be R: 51 G: 160 B: 44.

Click on the gradient tool in the toolbar and choose the gradient tool. Click and drag the gradient from the top down until you get something you like.

Easy Landscape Tutorial

Step 5

Click on your Selection Tool (V), now do Control + C, Control + F. This will copy and paste in place our object.

Go to Object>Transform>Reflect and reflect vertical.

Hold down shift and move the first hill up two spaces.

Easy Landscape Tutorial

Step 6

Now we are going to change the gradient to R:138 G:200 B:25 on the left, and R:51 G:160 B:44 on the right.

Click and drag the gradient so you have something like I have. We also want to adjust the back grass hill so it is something like what I have so there is some contrast in the hills.

Easy Landscape Tutorial

Step 7

To create the sky we are going to make a box and fill it with a gradient of R: 139 G: 211 B: 229 on the left and R: 255 G: 255 B: 255 on the right.

Easy Landscape Tutorial

Step 8

We are now going to create a sun. Click and drag a circle and move it behind the hills by clicking on Control + [ until you are behind the hills but in front of the sky. Click and drag the circle so that the middle is resting somewhere near the intersection of the two hills.

We are now going to change the color so it is a yellow gradient. Change the left color to R: 254 G: 222 B: 88 and the right one to R: 237 G: 179 B: 41. Click and drag the gradient so that the darker part is towards the bottom.

Easy Landscape Tutorial

Step 9

To get the sunrays, first click on the sun and do Control + C, Control + F to copy and paste the object in the same place.

Click on the Crystallize tool. Now double click on the Crystallize tool to get it’s options, and change the setting somewhere around 2.75in. It is going to vary depending on how big you made your sun. The goal is to get the Crystallize tool’s brush to be bigger than the sun.

Click and hold the brush right in the middle of the sun. The rays will “grow” out of the circle.

Easy Landscape Tutorial

Step 10

Change the color of the rays to R: 237 G: 179 B: 41 and using Control + [ move the rays behind the sun.

Make the rays bigger click on the Selection tool (V) and then holding Alt + Shift, click and drag it out.

Easy Landscape Tutorial

Step 11

To make the clouds all we are going to do is us the Ellipse tool to click and drag some circles that overlap each other.

The key to making a good cloud is to start with a bigger circle and build off it with smaller ones.

Once you get a cloud you like click, hold down shift and click on each circle so they are all selected, then click “add to shape area” in the pathfinder window (Shift + F9), and then expand.

Add a cloud on the other side of the sun, and do the same thing.

Easy Landscape Tutorial

Step 12

To add the road we are first going to take the pen tool and make three points like so. Change the color to R: 51 G: 51 B:51.

Easy Landscape Tutorial

Step 13

To get the curve of the road, hold down Alt, then click and drag the anchor point to the left to pull out the arms. Click on the left arm and bring it down and to the left, and do the same thing with the right point so you have something like what I have. This will give you a nice smooth line.

Easy Landscape Tutorial

Step 14

To get rid of the extra area we first want to click on the back hill and copy and paste it in place (Control + C, Control + F). Hold down shift and click on the road so both the hill and road are selected. In the pathfinder click on the “intercept shape area”, and expand.

Click Control + [ until the road goes behind the front hill.

Easy Landscape Tutorial

Step 15

To get the road on the front hill, Control + C and Control + F, then bring our copied road to the front of all the layers with Control + Shift ].

Enlarge the road so it fits on the front hill.

Easy Landscape Tutorial

Step 16

We want to repeat step 14 to get all the extra pieces of the road to go away.

Click on the Direct Selection tool (A) and click the two bottom corners of the closer road. Hold down shift and move the left one to the left a couple times, and the right one to the right. This will give the road a better perspective.

Easy Landscape Tutorial

Step 17

To make some pine trees we are first going to make a box that is slightly wider than tall.

We are going to use are smart guides, you can pull them up by with Control + U.

Using the pen tool, create a point in the middle of the top of the box. Then click on the top two corner points to get rid of them, so you end up with a triangle.

Easy Landscape Tutorial

Step 18

Go to Effect>Stylize>Rounded Corners. This will give us less sharp corners to add a smoother look.

Before we can resize the triangle, go to Object>Expand Appearance. This will add points to our rounded corners and they will now change size with the rest of the triangle.

Easy Landscape Tutorial

Step 19

Use Control + C, Control + F to copy and past in place. Then holding down Shift + Alt shrink down the triangle and move it up. Repeat this two more times so you have four sections total.

Easy Landscape Tutorial

Step 20

To give the tree a sort of shadow we are going to add a gradient. Change the left color to R: 22 G: 88 B: 41 and the right color to R: 15 G: 160 B: 44.

Click and drag from the top down for the bottom three sections and the bottom up for the last one because the light is coming from the top on that one.

Easy Landscape Tutorial

Step 21

Group the tree with Control + G. Now you can place the tree around. I am going to put them behind the first hill just because they don’t really have much of a bottom.

Easy Landscape Tutorial

Final

There you have it, a quick, easy way to get a nice looking landscape for any need you may want.

Easy Landscape Tutorial

Get free access to unlimited 642-873 practice files with test-king. We offer 100% pass rate in single attempt. Our latest collection of 83-640 practice questions plus sample 646-363 exam papers will help you to be master of latest technology within days.



Random Posts




You might also like these articles...


Loading...

Only comments in English will be approved!

82 Comments

  1. News Create an easy landscape scene in Illustrator | Web 2.0 Designer
    14/07/2021

    [...] Link: Create an easy landscape scene in Illustrator [...]

  2. tripwire magazine | tripwire magazine
    15/07/2021

    [...] Advertisement Create an easy landscape scene in Illustrator [...]

  3. joyoge designers' bookmark
    15/07/2021

    nice landscape, thanks for the tut..

  4. squareart
    15/07/2021

    Very cute tut. Nice one: )

  5. links for 2021-07-15 « Giri’s Blogmarks
    15/07/2021

    [...] Create an easy landscape scene in Illustrator | Denis Designs (tags: illustrator tutorials) [...]

  6. Create An Easy Landscape Scene In Illustrator | Design Newz
    15/07/2021

    [...] Create An Easy Landscape Scene In Illustrator [...]

  7. Guilherme Almeida
    15/07/2021

    practical

  8. CSS Brigit | Create an easy landscape scene in Illustrator
    15/07/2021

    Create an easy landscape scene in Illustrator…

    In this tutorial we are going to take a look at how to create a really easy landscape scene in Adobe Illustrator. This can be used in a number of different ways, from a desktop wallpaper to a website header.

  9. Phaoloo
    16/07/2021

    Nice practical step-by-step guideline.

  10. BenDesign
    16/07/2021

    nice practical for newbies.

  11. Ronit
    17/07/2021

    Thanks for this tutorial! It was easy to do as a beginner and great practice.

  12. Leandro
    17/07/2021

    Simple and beautiful!

  13. Teo Atienza | Photoshop, Recursos, Diseño Gráfico » Blog Archive » [Tutorial] Como crear un paisaje fácilmente en Illustrator
    18/07/2021

    [...] Enlace | Como crear un paisaje fácilmente en Illustrator [...]

  14. Maloix
    18/07/2021

    Great work it’s a fantastic step by step tuto congratulations and go ahead! I mentioned in my blog, greetings!

  15. Wrought Iron Furniture
    19/07/2021

    I’ve always wanted to know how to use illustrator, you made it look so easy I’ll have to try it out! Thanks!

  16. Imran
    20/07/2021

    Beautiful ..

  17. Eric Shafer
    20/07/2021

    really nice and easy illustrator tutorial

    Featured here: http://www.presidiacreative.com/best-of-the-web-29/

  18. gw78
    22/07/2021

    thanks, beauty landscape

  19. Usenet Trial
    29/07/2021

    Hey, ok, I get it, I guess - but does this really work?

  20. Naomi
    05/08/2021

    I’m having trouble making the road look nice. I can’t get it to curve like that. The left side won’t work (can’t get it to curve). I must be doing something wrong but I don’t know what. Can anyone help?

  21. 06/08/2021

    Naomi: Make sure you click and drag the arms like I have in the image. The only ones you are going to move is the one coming from the top point.

    Using Alt, click and drag the point so you get your arms to come out. Alt and drag the arms like I have and it should give you a smooth curve.

  22. tshirt-printer
    06/08/2021

    Nice and very easy to follow !

  23. Ghada
    12/08/2021

    Nice and Easy. Thanks a lot.

  24. Bookmarks for August 5th through August 12th « Peng’s Blog
    12/08/2021

    [...] Create an easy landscape scene in Illustrator | Denis Designs - [...]

  25. Naomi
    15/08/2021

    Tyler, thank you for helping but somehow I still can’t get it to work. It’s the only thing that’s not going well. Somehow I don’t get my anchor points to do that. I made a screencapture to show you what my anchor points are doing.
    http://img188.imageshack.us/img188/1775/helpinn.jpg

    I know I must be doing something wrong, but being a newbie I absolutely do not know what.

  26. 17/08/2021

    Naomi:

    If you hold down Alt, you can drag each arm individually like I have in step 13. Also you only need to do this to the top point, and you should get the outcome I have.

  27. Dzinepress
    31/08/2021

    really beautiful landscape scene and there is really informative tips and tricks in whole tutorial.

  28. Stanislav Kirilov
    03/09/2021

    Very beautiful tutorial, thanks ;)

  29. 30+ Remarkable Adobe Illustrator Tutorials | pc-aras
    12/09/2021

    [...] Create an easy landscape scene in Illustrator [...]

  30. 18 Impressive Tutorials on Creating Vector Illustrations
    21/09/2021

    [...] 18. Create an easy landscape scene in Illustrator [...]

  31. Kalpesh Ajugia
    22/09/2021

    This was quick & easy. Nice tutorial.

    - Pixellicious Photos

  32. Create an easy landscape scene in Illustrator | Denis Designs
    22/09/2021

    [...] Read this article: Create an easy landscape scene in Illustrator | Denis Designs [...]

  33. Back-to-School With 40 Excellent Adobe Illustrator Tutorials « Tech7.Net
    23/09/2021

    [...] Create an easy landscape scene in Illustrator [...]

  34. Nicepricewebsites
    23/09/2021

    Hey thanks for this tut, I’ve learnt se great new illustrator
    skills - and lovely landscape!

  35. Yadukrishna
    01/10/2021

    Thanks for ths lovely landscape tut. try drawing some for children like me so we could use it for projects .

  36. zackn9ne
    05/10/2021

    you can use the shape tool set it to 3 sides for triangle, to do the trees. nice tut. this illustrated style is still hot right now

  37. Web Design Singapore
    08/10/2021

    hahaha! cool and cut. Reminds me of happy tree friends.

  38. typoglyphic.com » Smashing Article: 40 Excellent Adobe Illustrator Tutorials
    13/11/2021

    [...] Create an easy landscape scene in Illustrator [...]

  39. | Tutoreffic: Adobe Photoshop Tutorials | Photo Editing | Web Graphics | Adobe Illustrator Tutorials | After Effects | Fireworks
    24/11/2021

    [...] Create an easy landscape scene in Illustrator [...]

  40. Biju Subhash
    27/11/2021

    Thank you for the tutorial :D

  41. 50+ Illustrator Tutorials for Designers | bijusubhash.com
    27/11/2021

    [...] Create an easy landscape scene in Illustrator [...]

  42. moneyindia123
    27/11/2021

    surprise with in small steps

  43. forex robot
    12/12/2021

    nice post. thanks.

  44. Amy Pod
    12/02/2022

    Hi, i must say fantastic website you have, i stumbled across it in Bing. Does you get much traffic?

  45. 50+ Illustrator Tutorials for Designers | Jan Ray Toledo
    24/02/2021

    [...] Create an easy landscape scene in Illustrator [...]

  46. Mamoun
    25/02/2021

    great, thanks a lot.
    I wish to see another lesson

  47. juliusdays
    11/03/2021

    thanks for the tutorial. I very like it^^

  48. 100+ Step-By-Step Adobe Illustrator Character Tutorials | icanbecreative
    17/09/2021

    [...] Create an easy landscape scene in Illustrator In this tutorial we are going to take a look at how to create a really easy landscape scene in Adobe Illustrator. This can be used in a number of different ways, from a desktop wallpaper to a website header. The best part is that since it is in illustrator after we are done you can size is however size you would like. Lets get started. [...]

  49. dont click me
    01/11/2021

    Man you pro. Come see my blog, you might enjoy it.

  50. symptoms of congestive heart failure
    01/11/2021

    Tyvm for the useful info! I wouldn’t have gotten this by myself!

  51. Isaura Obrzut
    11/11/2021

    Useful post do you mind if i translate into Spanish for our blogs visitors? Thanks

  52. mega structures
    02/12/2021

    Thank you. Awesome website you got going on here. Got some extra websites to point to with more info?

  53. Crysta Melahn
    08/01/2022

    Its Pleasure to realize your blog.The above content is relatively extraordinary, and I very enjoyed reading your blog and things that you simply expressed. I really like to glimpse back over a frequent basis,post additional during the topic.Thanks for sharing…keep writing!!!

  54. Cinthia Rosete
    21/01/2022

    Nice site you got here, very awesome and good content. Thanks!

  55. 50+ Really Amazing Step-By-Step Adobe Illustrator Tutorials - Ntt.cc
    05/03/2021

    [...] Create an easy landscape scene in Illustrator [...]

  56. Rolan
    21/07/2021

    Whoa… Wicked! Thanks heaps for posting this. It is really inspiring. I tried illustrating a mascot design for a project of mine and couldn’t seem to get it right. In the end I decided on getting some professional help. The designers at http://www.mascotdesigncorner.com managed to realize my vision of illustrating a character design that was above expectations. I highly recommend them. For the price I paid it was indeed a steal. I guess I am not good at designing at all. Anyway, thanks for providing a source of inspiration I might add. This site rocks big time!

  57. Reine Ackermann
    05/08/2021

    Not often I find a tut I can easily follow, learn lots and get great results. Thank you for sharing :)

  58. CoobidoLork
    09/08/2021

    kids north face jackets
    th north face
    backpacks north face

  59. Photos | 2011 BET Awards Show Highlights | Singapore Casino Information. Integration Resorts.
    13/08/2021

    [...] OFFICE SOLUTIONS IDT IBASIS HYPERCOM HEWLETT PACKARD CO This entry was posted in Uncategorized. Bookmark the permalink. ← Looking back at a year [...]

  60. Will Beyonce’s 4 Be #1 Again? | Singapore Catering Directory
    13/08/2021

    [...] INTUIT INTERSECTIONS INTERNATIONAL RECTIFIER INTERNATIONAL GAME TECHNOLOGY This entry was posted in Uncategorized. Bookmark the permalink. ← Nicki Minaj [...]

  61. Photos | What Would ‘The Vampire Diaries’ Look Like With Justin Bieber? | Singapore Transport Blog
    28/08/2021

    [...] Emma Watson Emmanuelle Chriqui Emmanuelle Vaugier This entry was posted in Uncategorized. Bookmark the permalink. ← Fab Sale Round-Up: Gilt Groupe, Masala Baby and More! Red Bull RB7 launch pictures (1st of February) → [...]

  62. Sofia Coppola and Thomas Mars Tie the Knot | Singapore Schools Directory. Primary Schools. Secondary Schools. Poly. Junior Colleges. Universities
    28/08/2021

    [...] Freida Pinto FSU Cowgirls Gabrielle Union This entry was posted in Uncategorized. Bookmark the permalink. ← Elvis Presley - 16 Songs Remastered By DJ. Ethan. The Speed Demon Tears Up Bonneville → [...]

  63. Jacalyn Stuckey
    02/09/2021

    Hey there, fine craft my spouse and i bring your blog site in order to my personal rss!

  64. Johnny Knoxville & Family: East Village Eats | Singapore Catering Directory
    04/09/2021

    [...] COMMUNICATIONS NOVELLUS SYSTEMS NOVELL NETWORK APPLIANCE NETGEAR This entry was posted in Uncategorized. Bookmark the permalink. ← Madonna’s [...]

  65. Ruben Heximer
    03/10/2021

    An impressive share, I just given this onto a colleague who was doing a bit evaluation on this. And he in actual fact purchased me breakfast because I found it for him.. smile. So let me reword that: Thnx for the treat! However yeah Thnkx for spending the time to discuss this, I feel strongly about it and love studying more on this topic. If doable, as you turn out to be experience, would you mind updating your blog with extra details? It’s extremely helpful for me. Large thumb up for this blog submit! wow hack

  66. apertura
    26/10/2021

    I don’t make it a habit to make comments on many articles, but this 1 deserves attention. I agree with the data you have written so eloquently here. Thank you.

  67. download filme
    04/11/2021

    That you are a quite persuasive writer. I can see this within your article. You have a way of writing compelling info that sparks much interest.

  68. Jamel Brannick
    05/11/2021

    Just reading your posts and thought I would add that it is an interesting website.

  69. a good deal
    22/11/2021

    generally posts a few really exciting things like this particular. In case you’re a new comer to this site.

  70. philip
    24/11/2021

    dude / dudette ur very good, can you do more like this????, I am trying to make one for a city and another for a landscape like this with city horizon in background and some roads with a vechicles.

    more more

  71. Shelly Gerteisen
    03/12/2021

    What a great blog! I agree with you that gym memberships can be expensive and parents and people need to move more period and what a better way than to have the encouragement of their kids. Sometimes going to the gym is a nice break for parents though…no child distractions

  72. Sarita Kirchoff
    07/12/2021

    I’ve learned result-oriented things from your blog post. Also a thing to I have seen is that usually, FSBO sellers may reject a person. Remember, they will prefer to not use your companies. But if you actually maintain a stable, professional connection, offering guide and keeping contact for four to five weeks, you will usually be able to win interviews. From there, a listing follows. Thanks a lot

  73. Create an easy landscape scene in Illustrator | Denis Designs » Web Design
    10/12/2021

    [...] Create an easy landscape scene in Illustrator | Denis Designs [...]

  74. ukraine escort
    14/12/2021

    In my opinion, you’ve presented the topic in a quite thorough yet concise manner, that is genuinely useful when someone wants to get the facts without spending too a lot time searching the Internet and sifting out the noise to discover the answers to their questions.

  75. invest liberty reserve
    15/12/2021

    I like Your Article about Create an easy landscape scene in Illustrator | Denis Designs | Free Photoshop Tutorials & Inspirations for Web & Graphic Designers Perfect just what I was searching for! .

  76. Resume Editing
    16/12/2021

    Thank you a bunch for sharing this with all people you actually recognise what you’re speaking about! Bookmarked. Please additionally visit my website =). We can have a link trade agreement among us

  77. LA Weight Loss
    17/12/2021

    An newsworthy discourse is couturier statement. I expect that you should pen much on this issue, it strength not be a sacred case but mostly group are not enough to utter on specified topics. To the next. Cheers like your Create an easy landscape scene in Illustrator | Denis Designs | Free Photoshop Tutorials & Inspirations for Web & Graphic Designers.

  78. replica oakleys
    19/12/2021

    I’ve been surfing on-line greater than three hours these days, but I never discovered any fascinating article like yours. It’s beautiful worth sufficient for me. In my view, if all web owners and bloggers made excellent content as you did, the internet will likely be much more useful than ever before.

  79. 42 New Amazing Adobe Illustrator Tutorials
    18/01/2022

    [...] Create an easy landscape scene in Illustrator [...]

  80. Mana Cota
    22/01/2022

    There are definitely plenty of particulars like that to take into consideration. That may be a great point to bring up. I provide the ideas above as basic inspiration however clearly there are questions just like the one you deliver up the place a very powerful factor will likely be working in trustworthy good faith. I don?t know if greatest practices have emerged around issues like that, however I’m certain that your job is clearly identified as a good game. Both girls and boys feel the impact of only a moment’s pleasure, for the remainder of their lives.

  81. TIERRA ZIELESCH
    25/01/2022

    Oh Ray, I am so sorry about my bad English…
    I have just realized my error on the meaning of “to wish”.
    Of course I HOPE you the best in your life, and an amazing
    Summer Tour.

  82. TRULA OSENTOSKI
    28/01/2022

    I have been fortunate to see you at many Celtic Woman concerts in the past 4 years. Looking forward to seeing you again in May 2011. I was fortunate enough to have my picture taken w/ you in Nashville, TN. in 2009. We would love the opportunity to meet you again someday. Your music is the best…. Hope to see you May 8th in Birmingham, We are on the front row as usual.

Leave a Reply