Vectordiary

Top Illustrator Tutorial & Tips

Hello Guest! | Log in| Register

Day 3: Drawing Basic Shapes


In this lesson, we will look at how to use the shape tools to draw our basic shapes in illustrator. But before we start, we will look at how to select a basic shape so that you have no problems in selecting and editing shapes in Illustrator.

Selection Tools

There are 2 types of selection tool in Illustrator used for selection objects.

Selection Tool: Used for selecting and moving a shape. It can also be used to resize a shape.
Direct Selection Tool: Selects a single anchor point instead of the whole shape. Used for editing anchor point of a shape. Click once on a point to select and hold Shift to select multiple anchor points.

selection tool

Shape Tools

Now we will move on to the Shape Tools. When you go to the Tool Palette and hold the Rectangle Tool, a list of shape tools will expand out for you to pick. We will start with the default Rectangle Tool.

rectangle tool

Understanding Fill & Stroke

Click and drag out a Rectangle as shown. By default, it has a white fill and black stroke. (Stroke is the border of the shape)

rectangle fill

Changing Fill Color

Let’s start changing the fill color for the rectangle. Double click the Fill from the Tool Palette. It will pop up the Color Picker. Drag the slider to blue and select a deep blue color. Click Ok after that.

Removing Stroke

Click the Stroke in the Tool Palette once to swap it above Fill. Click the None icon boxed up in red to set the Stroke to None. The black stroke will disappear.

Constrain Proportions

To draw a perfect square, we will select the Rectangle Tool. Hold Shift and drag to draw a square. Same for the circle, we will select the Ellipse Tool and hold Shift to drag out a circle.

square

Resizing Shapes

To resize shapes, select the shape using the Selection Tool and a bounding box will appear. Drag the corner anchor point to resize it. To constrain to proportion while resizing, hold Shift as you resize. Also hold Alt/Option if your want to resize from the same position.

resize circle

Rotating Shapes

Select the shape with the Selection Tool and a bounding box will appear. Move your cursor near the anchor corner and a rotation icon will icon, click and turn it to rotate the square. To snap at 45 degrees increment, hold Shift and turn.

rotate square

More Options for Shape Tools

Select the Star Tool. Click once on the artboard and an option will pop up. Enter the same values below and click Ok. It will draw a star burst shape. This method can be used to bring out more options for shape tools.

star burst

Conclusion

Almost all the objects found in our daily life can be built from combining using the basic shape tools. In Day 9, we will learn about Compound Paths which will help us create more complicated shapes by adding and subtracting from the basic shapes.

Next Lesson: Drawing with Pencil Tool »
Back to Table of Contents

Share and Enjoy:
  • Digg
  • del.icio.us
  • Design Float
  • Reddit
  • Technorati
  • Twitter
  • StumbleUpon

About The Author: admin

Hi. I'm the founder of Vector Diary. Illustrator is my passion and I have written numerous tutorials on illustrator helping people learn illustrator. My most popular tutorial on learning illustrator in 30 days has been a hit. It makes learning illustrator so easy and has benefited more than 20,000 people worldwide. Also, I've revealed some of my secret techniques in the premium tutorials. So don't forget to check it out!

Read all articles writen by this author

12 Trackbacks

H?zland?r?lm?? Illustrator E?itimi » Murat Göktuna | H?zland?r?lm?? Illustrator E?itimi » Murat Göktuna
September 17th, 2008 at 3:04 pm

Gün 2: Illustrator’e Ba?lang?ç | Grafilate – Photoshop Sanat? | Gün 2: Illustrator’e Ba?lang?ç | Grafilate - Photoshop Sanat?
October 3rd, 2008 at 7:45 pm

Gün 3: Basit ?ekiller Çizme | Grafilate – Photoshop Sanat? | Gün 3: Basit ?ekiller Çizme | Grafilate - Photoshop Sanat?
October 26th, 2008 at 9:45 pm

Gün 2: Illustrator’e Ba?lang?ç | Grafilate – Photoshop Sanat? | Gün 2: Illustrator’e Ba?lang?ç | Grafilate - Photoshop Sanat?
October 26th, 2008 at 9:47 pm

40 Tutorials for Working with Shapes in Illustrator | Vandelay Website Design | 40 Tutorials for Working with Shapes in Illustrator | Vandelay Website Design
December 25th, 2008 at 2:37 am

40 Tutorials for Working with Shapes in Illustrator | Castup | 40 Tutorials for Working with Shapes in Illustrator | Castup
December 30th, 2008 at 12:40 am

Día 3: Dibujando Formas Básicas – Lumbreras Design | Día 3: Dibujando Formas Básicas - Lumbreras Design
February 19th, 2009 at 4:41 am

H?c Illustrator trong 30 ngày | Hutek.info | H?c Illustrator trong 30 ngày | Hutek.info
March 6th, 2009 at 5:14 pm

[arte e vício] » Blog Archive » Aprenda Illustrator CS3, ou não, em 30 dias. Tutoriais em inglês – Inspiração #11 | [arte e vício] » Blog Archive » Aprenda Illustrator CS3, ou não, em 30 dias. Tutoriais em inglês - Inspiração #11
March 23rd, 2009 at 11:47 pm

Día 3: Dibujando Formas Básicas « Lápiz B | Día 3: Dibujando Formas Básicas « Lápiz B
August 10th, 2009 at 11:20 am

Adobe Illustrator em 30 Dias | Passatempo | Adobe Illustrator em 30 Dias | Passatempo
August 25th, 2009 at 2:59 am

ILLUSTRATOR IN 30 DAYS – DAY 3 (DRAWING BASIC SHAPES) « | ILLUSTRATOR IN 30 DAYS – DAY 3 (DRAWING BASIC SHAPES) «
February 13th, 2010 at 6:15 pm

+Add Comment19 Comments

  1. Gravtar for Alex Jordan
    Alex Jordan July 16th, 2008

    great start :-) . Will you be/ Would it be possible to have some kind ‘you try it’ or some sort of task just to have a reason to use some of the new knowledge.?
    [more so for later on]
    cheers

  2. Gravtar for eryi
    eryi July 17th, 2008

    Some of us have been using freehand for vector drawings for years. ¿Will you explain de differences between these two programs too? It could be very usefull! ¿What do you think?

  3. Gravtar for imLOST
    imLOST July 17th, 2008

    There is a typo in the image of the “Understanding Fill & Stroke” section.

    Just thought you should know.

    Keep up the good work. I look forward to reading more of these over the next few weeks.

  4. Gravtar for iStockdiary
    iStockdiary July 17th, 2008

    Hi eryi, sad to tell you that Macromedia has been brought over by Adobe. Freehand has been discontinued and Adobe will no longer develop, update or patch Freehand for future operating systems. So it’s time to switch to Illustrator. =)

  5. Gravtar for iStockdiary
    iStockdiary July 17th, 2008

    Hi Alex Jordan, we will look more into working with shapes on creating compound paths on day 9. I will be teaching how to combine the basic shapes to draw an ancient key. So look forward to it.

  6. Gravtar for Kelli
    Kelli July 28th, 2008

    You are truly making it possible to achieve an goal when it may not have been financially possible otherwise. I am extremely grateful for you putting out this tutorial! Many Thanks.

  7. Gravtar for Liya
    Liya July 29th, 2008

    I have been looking for this kind of easy-to-understand- tutorial for Illustrator. Surely I will visit your site frequently. Thanks a bunch :-)

  8. Gravtar for Val
    Val August 15th, 2008

    Just wanted to say that I’m enjoying the lessons so far!

  9. Gravtar for Leroy Simpson
    Leroy Simpson August 25th, 2008

    Jah rasta blood claat maan, dis is da best training i seen yet. Better dan anytin in jamaica

  10. Gravtar for emily
    emily August 29th, 2008

    love love love this!
    thanks so much!

  11. Gravtar for Dwight
    Dwight December 5th, 2008

    The lesson on basic shape was very, very helpful. I can see how I can put it to use immediately.
    Thanks

  12. Gravtar for Bman
    Bman December 16th, 2008

    You do realize that the star does not have to look bloated like that right?
    When you have the star tool selected click & drag to draw one but while you are dragging hit the alt/option key & it will snap back into normal proportions instead of being a bloated star. You notice when someone doesnt know how to use Illustrator very well when they have bloated stars in their work.

  13. Gravtar for Ayme
    Ayme January 28th, 2009

    Great tutorial! I’ll get a book soon but this is a great start :)

  14. Gravtar for shaymaa mahmoud
    shaymaa mahmoud May 18th, 2009

    Thanks,you are really helping many people to reach their dreams.I am really so grateful for the lessons.thanks again

  15. Gravtar for Jennifer
    Jennifer August 11th, 2009

    Thanks so much for posting these very helpful little tutorials!! It’s very generous of you.

  16. Gravtar for vimal
    vimal August 24th, 2009

    this is very useful syllabus for the learners thanks a lot to the author

  17. Gravtar for elvira
    elvira September 25th, 2009

    I had been looking for a really clear and basic tutorial to use illustrator. This is it! thanks.

  18. Gravtar for nadia
    nadia December 28th, 2009

    this is very helpful..thanx so much

  19. Gravtar for ilham
    ilham March 2nd, 2010

    could u help me to learn ullistrateur

Add a Comment

(required)

(will not be published)

join membership
rss or subscribe via email


Write an illustrator tutorial and get paid $150 for each tutorial! Your bio and website will also be included to increase your exposure.

Find out more»



About Vectordiary

Vector Diary is a popular blog offering great illustrator tutorials and tips. It was created by Tony Soh, a graphic designer, who has great passion in illustration. Tony has written one of the most popular tutorial for learning illustrator and has helped more than 20,000 people. On top of that, his tutorials and tips has helped designers improve their illustration skills and have received great feedback. So join Vector Diary and start learning today!

Write a Tutorial

Get paid $150 for each approved tutorials! Any writers who are passionate about sharing their illustrator techniques can contribute.

Learn how »

My Network


All Content & Theme Design © 2008 Vectordiary. Hosted by Media Temple