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 Illustrator Training Course

Be Sociable, Share!

Social Media Icons

Visit Us On TwitterVisit Us On FacebookCheck Our Feed

Comments are closed.

  1. 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. 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. 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. 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. 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. 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. 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. Jah rasta blood claat maan, dis is da best training i seen yet. Better dan anytin in jamaica

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

  10. 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.

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

  12. DAY 3: Well, that wasn’t too bad. I now know how to create basic shapes and do some stuff to them. I have a bit of experience with Word and Powerpoint and Excel so some of the things look sort of familiar. At least they’re not totally alien – yet.

    It’s a start but a long way away from being able to draw that camera shown on lesson 1.

    I must always remember the saying: the longest journey starts with the first step – and that’s my 3rd step. On to Day 4…

  13. Thankyou so so so much for making these tutorials! Already you have helped me get my head around Illustrator!

  14. I am fully immersed myself within the excellent stuff. It really is our great pleasure to talk about the wonderful blog on hand. Best Regards!

  15. My selection tools are both acting like the direct selection tool. When I use the normal selection tool it selects the path with no bounding box or way to transform it. I don’t think I changed any settings or anything. Any help?

  16. it’s much helpful and best Practice for new users of illustrator. any body can help me to i want to learn in depth adobe tools.

  17. Having read this I thought it was rather enlightening.
    I appreciate you spending some time and effort to put this content together.
    I once again find myself spending way too much time both reading and leaving comments.
    But so what, it was still worthwhile!

  18. Implants visit smooth-surfaced, maybe in replicate to support searching for real estate market
    suspension unconventional, considerably exams Country may select with regards to breast
    enhancement surgery treatment due to 2015.

  • breast actives reviews

    Implants visit smooth-surfaced, maybe in replicate to support searching for real estate market suspension unconventional, considerably exams Country may select with regards to breast enhancement surgery treatment due to 2015.
    UpVote Reply 21 Upvotes
  • Lg washer www.slideshare.net/hazelberry59/lg-washer-and-dryer-coupons-great-discount

    Having read this I thought it was rather enlightening. I appreciate you spending some time and effort to put this content together. I once again find myself spending way too much time both reading and leaving comments. But so what, it was still worthwhile!
    UpVote Reply 0 Upvotes
  • Dhananjaya -

    thank you.. greate job for us
    UpVote Reply 0 Upvotes
  • kuledud3

    computer nerds -_-
    UpVote Reply 100 Upvotes
  • Mk

    Thanks, great tutorial.
    UpVote Reply 0 Upvotes
  • Godwin

    This was just fantastic, very well Illustrations Regards
    UpVote Reply 0 Upvotes
  • Rizwan www.ownislam.com

    it's much helpful and best Practice for new users of illustrator. any body can help me to i want to learn in depth adobe tools.
    UpVote Reply 0 Upvotes
  • Maneesh

    Thank u very much...no words to say any thing..but... God bless u...
    UpVote Reply 0 Upvotes
  • jeff

    never mind, i reset all settings and it works now :)
    UpVote Reply 0 Upvotes
  • jeff

    My selection tools are both acting like the direct selection tool. When I use the normal selection tool it selects the path with no bounding box or way to transform it. I don't think I changed any settings or anything. Any help?
    UpVote Reply 0 Upvotes
  • Amani

    words would never give you the proper thank-yous .. I LOVE YOU XD
    UpVote Reply 0 Upvotes
  • Airmax airmaxspascher.i.ph/blogs/airmaxspascher

    I am fully immersed myself within the excellent stuff. It really is our great pleasure to talk about the wonderful blog on hand. Best Regards!
    UpVote Reply 0 Upvotes
  • Mary

    Where is artboard?:(
    UpVote Reply 0 Upvotes
  • Markus

    I use CS5, how do I add more points to stars..?
    UpVote Reply 0 Upvotes
  • Tiarne

    Thankyou so so so much for making these tutorials! Already you have helped me get my head around Illustrator!
    UpVote Reply 0 Upvotes
  • Umar

    BEST & EASIEST TUTORIAL ON ILLUSTRATOR EVER !!
    UpVote Reply 0 Upvotes
  • MichaelV ab-workouts-to-look-hot.com

    DAY 3: Well, that wasn't too bad. I now know how to create basic shapes and do some stuff to them. I have a bit of experience with Word and Powerpoint and Excel so some of the things look sort of familiar. At least they're not totally alien - yet. It's a start but a long way away from being able to draw that camera shown on lesson 1. I must always remember the saying: the longest journey starts with the first step - and that's my 3rd step. On to Day 4...
    UpVote Reply 0 Upvotes
  • cim

    Drawing with Pencil Tool » This Link for Day 4 does not work
    UpVote Reply 0 Upvotes
  • ilham

    could u help me to learn ullistrateur
    UpVote Reply 0 Upvotes
  • nadia www.web-design.my

    this is very helpful..thanx so much
    UpVote Reply 0 Upvotes
  • elvira

    I had been looking for a really clear and basic tutorial to use illustrator. This is it! thanks.
    UpVote Reply 0 Upvotes
  • vimal

    this is very useful syllabus for the learners thanks a lot to the author
    UpVote Reply 0 Upvotes
  • Jennifer

    Thanks so much for posting these very helpful little tutorials!! It's very generous of you.
    UpVote Reply 0 Upvotes
  • shaymaa mahmoud

    Thanks,you are really helping many people to reach their dreams.I am really so grateful for the lessons.thanks again
    UpVote Reply 0 Upvotes
  • Ayme

    Great tutorial! I'll get a book soon but this is a great start :)
    UpVote Reply 0 Upvotes
  • Bman

    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.
    UpVote Reply 0 Upvotes
  • Dwight

    The lesson on basic shape was very, very helpful. I can see how I can put it to use immediately. Thanks
    UpVote Reply 0 Upvotes
  • emily

    love love love this! thanks so much!
    UpVote Reply 0 Upvotes
  • Leroy Simpson

    Jah rasta blood claat maan, dis is da best training i seen yet. Better dan anytin in jamaica
    UpVote Reply 0 Upvotes
  • Val

    Just wanted to say that I'm enjoying the lessons so far!
    UpVote Reply 0 Upvotes
  • Liya cyberhousewife.com/

    I have been looking for this kind of easy-to-understand- tutorial for Illustrator. Surely I will visit your site frequently. Thanks a bunch :-)
    UpVote Reply 0 Upvotes
  • Kelli mommabyrdblog.blogspot.com

    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.
    UpVote Reply 0 Upvotes
  • iStockdiary www.istockdiary.com

    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.
    UpVote Reply 0 Upvotes
  • iStockdiary www.istockdiary.com

    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. =)
    UpVote Reply 0 Upvotes
  • imLOST seansmyth.ie

    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.
    UpVote Reply 0 Upvotes
  • eryi

    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?
    UpVote Reply 0 Upvotes
  • Alex Jordan www.alexjordanmusic.com

    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
    UpVote Reply 0 Upvotes
33 More Comments