Create Basic Shapes in Adobe Illustrator

Edited by vanessa, Crystal, Eng, Dougie and 3 others

Ad

Ellipse Tool

Hello and welcome to VisiHow. In this video, we are going to look at how to create basic shapes in Adobe Illustrator. This is our second article in the series on Adobe Illustrator.

How to create basic shapes in Adobe Illustrator 1.mp4-canvas13 134156.jpg

Steps

  1. 1
    The toolbar is located on the left-hand corner of the Illustrator screen.
    How to create basic shapes in Adobe Illustrator 1.mp4-canvas21 46397.jpg
    Advertisement
    Was this step helpful? Yes | No | I need help

  2. 2
    Today, we're going to focus on the shape tool, which is the second tool from the top on the right side.
    It looks a bit like a rectangle. Clicking and holding on the tool will bring up a short menu of options. You can create various types of shapes using this tool by clicking on the desired shape in the menu.
    How to create basic shapes in Adobe Illustrator 1.mp4-canvas51 907953.jpg
    Advertisement
    Was this step helpful? Yes | No | I need help

  3. 3
    Just to the right side of the menu of shape tools there is a bar called the "Tear-off".
    Clicking on that will cause the menu to turn into another toolbar.
    How to create basic shapes in Adobe Illustrator 1.mp4-canvas66 300037.jpg
    Was this step helpful? Yes | No | I need help

  4. 4
    First, we're going to create an ellipse, which is an oval shape.
    Tap on the ellipse tool in the shapes toolbar.
    How to create basic shapes in Adobe Illustrator 1.mp4-canvas80 630777.jpg
    Was this step helpful? Yes | No | I need help

  5. 5
    Click anywhere on the blank screen, then hold and drag to create the shape.
    The width and height of the ellipse are shown in a small gray square as the shape is being created. Let go of the mouse key to finish.
    How to create basic shapes in Adobe Illustrator 1.mp4-canvas96 502588.jpg
    Was this step helpful? Yes | No | I need help

  6. 6
    Another way to use the ellipse tool is to just click wherever you want the shape to appear.
    Click anywhere on the screen, and a box will appear where you can set the desired width and height of the ellipse. This is especially important in creating a circle. A circle is an ellipse that has the same width and height.
    How to create basic shapes in Adobe Illustrator 1.mp4-canvas117 334474.jpg
    Was this step helpful? Yes | No | I need help

  7. 7
    Type in the same number for width and height in the custom box and click "OK".
    A circle will appear.
    How to create basic shapes in Adobe Illustrator 1.mp4-canvas137 536829.jpg
    Was this step helpful? Yes | No | I need help

  8. 8
    Another useful tool for creating shapes is the color selection tool.
    It is located a bit further down on the main toolbar. It consists of one solid square on the upper left with another square slightly behind it and to the right. The square in the background only shows color on the outside of the shape. The solid square in front is called the fill, and the square in the back is called the stroke. This is just another name for the border around the shape.
    How to create basic shapes in Adobe Illustrator 1.mp4-canvas152 444333.jpg
    Was this step helpful? Yes | No | I need help

  9. 9
    The border color can be changed by double-clicking on the background, or stroke, square.
    This will bring up the Color Picker window, where you can choose a color.
    How to create basic shapes in Adobe Illustrator 1.mp4-canvas181 766423.jpg
    Was this step helpful? Yes | No | I need help

  10. 10
    Another way to change the color of the stroke is the drop down menu at the top of the screen, located just below the program's main menu bar.
    A shape's stroke or border can be changed by clicking on the arrow next to the outlined shape. The fill color of a shape can be changed by clicking on the arrow next to the solid color
    How to create basic shapes in Adobe Illustrator 1.mp4-canvas190 098467.jpg
    Was this step helpful? Yes | No | I need help

  11. 11
    As you are changing colors, a color toolbar appears at the top right of the screen.
    Colors can be changed directly on the toolbar as well. For example, selecting the stroke, then clicking on a green portion will make the outline of the shape that color green.
    How to create basic shapes in Adobe Illustrator 1.mp4-canvas208 556396.jpg
    Was this step helpful? Yes | No | I need help

  12. 12
    As previously mentioned, the solid colored square represents the fill, which is the color inside the shape.
    Double-clicking on the fill will bring up the Color Picker again, where the desired color can be chosen. The fill color can also be changed using all the previously discussed methods of changing the stroke color.
    How to create basic shapes in Adobe Illustrator 1.mp4-canvas233 257477.jpg
    Was this step helpful? Yes | No | I need help

  13. 13
    We will continue learning how to make more basic shapes in our next video.
    You've been watching how to create basic shapes in Adobe Illustrator. Thank you for watching VisiHow. Have a great day!
    Was this step helpful? Yes | No | I need help

Video: Create Basic Shapes in Adobe Illustrator Part 1

Polygon Tool

Hi, and welcome to VisiHow. In this video, we're going to continue looking at how to make basic shapes in Adobe Illustrator. In the previous video, we learned how to use the ellipse tool, and now we will learn how to use the other shape tools. Right beside the ellipse tool, there is the polygon tool. This tool can be used to make any shape that has more or less than three sides. The polygon tool can be used to create a triangle.

Was this helpful? Yes | No | I need help

How to create basic shapes in Adobe Illustrator 2.mp4-canvas342 343327.jpg

Steps

  1. 1
    Click on the polygon tool.
    How to create basic shapes in Adobe Illustrator 2.mp4-canvas38 540467.jpg
    Was this step helpful? Yes | No | I need help

  2. 2
    There are two ways to do this.
    Click anywhere on the art board and choose three sides, and then click "OK".
    How to create basic shapes in Adobe Illustrator 2.mp4-canvas52 939433.jpg
    Was this step helpful? Yes | No | I need help

  3. 3
    To change the color, click the color picker and adjust the color.
    Click "OK".
    How to create basic shapes in Adobe Illustrator 2.mp4-canvas72 190765.jpg
    Was this step helpful? Yes | No | I need help

  4. 4
    Another way to use the polygon tool is to click and drag on the art board.
    Press the "up" arrow key to increase the number of sides.
    How to create basic shapes in Adobe Illustrator 2.mp4-canvas99 678644.jpg
    Was this step helpful? Yes | No | I need help

  5. 5
    Click the star tool to the right of the polygon tool.
    How to create basic shapes in Adobe Illustrator 2.mp4-canvas112 392855.jpg
    Was this step helpful? Yes | No | I need help

  6. 6
    Click anywhere on the art board, and the star options box will pop up.
    Change the number of points, if desired. Click "OK".
    How to create basic shapes in Adobe Illustrator 2.mp4-canvas136 697672.jpg
    Was this step helpful? Yes | No | I need help

  7. 7
    To create a gradient inside the star, find and click the gradient tool underneath the fill and stroke boxes.
    A gradient will take two or more colors and transition from one color to another color. When you click the gradient tool, it will automatically fill the star with a linear gradient.
    How to create basic shapes in Adobe Illustrator 2.mp4-canvas170 643619.jpg
    Was this step helpful? Yes | No | I need help

  8. 8
    Change the drop-down option from "linear" to "radial" in the gradient menu.
    It will start in the center and radiate out.
    How to create basic shapes in Adobe Illustrator 2.mp4-canvas189 057542.jpg
    Was this step helpful? Yes | No | I need help

  9. 9
    To change the gradient color from orange to yellow, double-click on the slider at the bottom-left of the gradient box, and choose yellow.
    Change the opacity from 0% which is completely transparent, to 100%, which is completely opaque.
    How to create basic shapes in Adobe Illustrator 2.mp4-canvas236 730356.jpg
    Was this step helpful? Yes | No | I need help

  10. 10
    Click the gradient slider at the bottom-right of the gradient box, and choose yellow.
    Change the opacity to 100%.
    How to create basic shapes in Adobe Illustrator 2.mp4-canvas248 259448.jpg
    Was this step helpful? Yes | No | I need help

  11. 11
    Click the gradient slider in the middle-bottom of the gradient box, and choose orange.
    now, you'll have a radial gradient going from yellow, to orange, to yellow. To change the color of the gradient, click any of the gradient sliders below, and click on different colors.
    How to create basic shapes in Adobe Illustrator 2.mp4-canvas267 025385.jpg
    Was this step helpful? Yes | No | I need help

  12. 12
    Click on the rectangle tool on the toolbar.
    How to create basic shapes in Adobe Illustrator 2.mp4-canvas305 610191.jpg
    Was this step helpful? Yes | No | I need help

  13. 13
    Click somewhere on the art board and drag.
    A radial gradient will appear inside of the rectangle.
    How to create basic shapes in Adobe Illustrator 2.mp4-canvas318 219504.jpg
    Was this step helpful? Yes | No | I need help

  14. 14
    Change the gradient pattern to linear in the drop-down menu.
    How to create basic shapes in Adobe Illustrator 2.mp4-canvas320 9695.jpg
    Was this step helpful? Yes | No | I need help

  15. 15
    Click the box next to "Type" in the gradient menu to choose one of the gradient presets.
    How to create basic shapes in Adobe Illustrator 2.mp4-canvas327 713343.jpg
    Was this step helpful? Yes | No | I need help

  16. 16
    Click "Water" to change it to a water gradient.
    How to create basic shapes in Adobe Illustrator 2.mp4-canvas343 827994.jpg
    Was this step helpful? Yes | No | I need help

  17. 17
    Now that you've watched this video, you should be able to work with the tools in Adobe Illustrator.
    You should be able to fill it with any color or gradient that you'd like, and set the border and stroke to any color that you'd like, as well. If you have any questions or comments, please post them in the section below. Thank you very much for watching VisiHow. Have a great day.
    Was this step helpful? Yes | No | I need help

    Advertisement

Video: Create Basic Shapes in Adobe Illustrator Part 2

Comments

VisiHow welcomes all comments. If you do not want to be anonymous, register or log in. It is free.




Vanessa
Featured Author
10 Articles Started
10 Article Edits
1,500 Points
Vanessa is a featured author with VisiHow. Vanessa has achieved the level of "Apprentice" with 1,500 points. Vanessa has started 10 articles (including this one) and has also made 10 article edits. 3,400 people have read Vanessa's article contributions.
Vanessa's Message Board
Vanessa: Hi, my name is Vanessa.
Vanessa: Can I help you with your problem about "Create Basic Shapes in Adobe Illustrator"?
 

Article Info

Categories : Software

Recent edits by: Inukshuk, Jen M, Dougie

Share this Article:

Thanks to all authors for creating a page that has been read 400 times.

Do you have a question not answered in this article?
Click here to ask one of the writers of this article
x

Thank Our Volunteer Authors.

Would you like to give back to the community by fixing a spelling mistake? Yes | No