Illustrator Basics by Ananya Singh

ADOBE ILLUSTRATOR

BASICS

Ai By Ananya Singh

CHAP TER 1

HOW TO MAKE A RECTANGLE 1. DOOR 2. BOOK 3. TABLE 4. PHOTOFRAME 5. WINDOW 6. I PAD 7. CELLPHONE HOW TO MAKE A CIRCLE 1. SMILEY FACE 2. BALL 3. WHEEL 4. CLOCK 5. LADYBIRD

Hi I’m Adobe Illustrator! Illustrator is a vector drawing program. It is often used to draw illustrations, cartoons, diagrams, charts, infographics, logos and packaging design. Together you and I will learn to make all of the things mentioned!

HOW TO MAKE A TRIANGLE 1. HAT 2. HILLS 3. TREE 4. KITE HOW TO MAKE A HUMAN WALK EXERCISE 1 EXERCISE 2

HOW TO MAKE A

RECTANGLE

DOOR-BOOK-TABLE-PHOTOFRAME-WINDOW-IPAD-CELLPHONE

How to make a Rectangle (using the rectangle tool)

STEP 1

Go to the Tool Palette and select the Rectangle Tool. Create a Rectangle of any size. For a speciﬁc size, once you select the tool, click on the artboard and type in the width and height of the rectangle you want.

STEP 2

To change the color of the Rectancle, Double click the Fill from the Tool Palette. It will pop up the Color Picker. Drag the slider to any color you want and select it. Click ‘Ok’ after that.

STEP 3

Click the Stroke in the Tool Palette once to swap it above Fill. Double Click on that. It will pop up the Color Picker. Drag the slider to any color you want and select it. Click Ok after that.

STEP 4

To change size of the stroke, click on Stroke in the Floating Palette and change the weight. A higher point size will be thicker and lesser will be thinner.

Your Rectangle is ready!

STEP 1

Make a rectangle.

How to make a Door

STEP 2 Colour it brown. To get the exact same brown, use the Eyedropper tool. You ďŹ rst select the rectangle, then using the Eyedropper tool, click on the colour you want.

STEP 3

Make a black circle using the Ellipse tool. And place it on the rectangle for a door knob.

STEP 4

Group the rectangle and circle together to make it 1 shape by holding Ctrl+G.

STEP 1

Make a rectangle.

How to make a Book

STEP 2

Colour it red. To get the exact same red, use the Eyedropper tool. You ďŹ rst select the rectangle, then using the Eyedropper tool, click on the colour you want.

STEP 3

Make a two lines for the inside pages using the Line tool.

STEP 4

Group the rectangle and lines together to make it 1 shape by holding Ctrl+G.

STEP 1

Make a rectangle.

How to make a Table

STEP 5

Group the rectangles together to make it 1 shape by holding Ctrl+G.

How to make a Photoframe

STEP 2

Colour it brown. To get the exact same brown, use the Eyedropper tool. You ﬁrst select the rectangle, then using the Eyedropper tool, click on the colour you want.

STEP 1

Make a rectangle.

STEP 3

Make two more rectangles for the legs using the Rectangle tool.

STEP 2

Colour it blue. To get the exact same blue, use the Eyedropper tool. You ﬁrst select the rectangle, then using the Eyedropper tool, click on the colour you want.

STEP 4

Select the two rectangles of the legs and copy, paste them in place. Clrt+C (To copy) Ctrl+F (To paste in same place in front) Select both together holding Shift. Right click on the mouse, click on transform and then reﬂect it vertically. Move it towards the right holding Shift so that it moves in a straight line.

STEP 3

Make a two lines for the frame using the Line tool.

STEP 4

Make another concentric rectangle within the already existing rectangle for the photo frame. Select the rectangle ﬁrst. Then, Clrt+C (To copy) Ctrl+F (To paste in same place in front) Hold Shift and Alt together to make a smaller rectangle within the larger one. Change its colour.

STEP 3

Find the centre of the rectangle by selecting it and ﬁnding the midpoint and make 2 straight lines holding Shift through it for the frame.

How to make a Window STEP 1

Make a rectangle

STEP 4

Group the rectangle and lines together to make it 1 shape by holding Ctrl+G.

How to make an Ipad STEP 1

STEP 2

Make a rectangle

STEP 2

Colour it black. To get the exact same black, use the Eyedropper tool. You ﬁrst select the rectangle, then using the Eyedropper tool, click on the colour you want.

STEP 5

Group the rectangles together to make it 1 shape by holding Ctrl+G.

How to make a Cellphone STEP 1

Make a rectangle

STEP 3

STEP 2

Colour it grey. To get the exact same grey, use the Eyedropper tool. You ﬁrst select the rectangle, then using the Eyedropper tool, click on the colour you want.

STEP 4

Make a tiny circle using the ellipse tool and put it centre bottom.

STEP 3

Make another concentric rectangle within the already existing rectangle for the photo frame. Select the rectangle ďŹ rst. Then, Clrt+C (To copy) Ctrl+F (To paste in same place in front) Hold Shift and Alt together to make a smaller rectangle within the larger one. Change its colour to white and bring it upwards. You can also reshape it using the free transform tool.

STEP 6

Using the Text tool, type in all the numbers from 0-9. And using the selection tool place them on their respective boxes.

1 4 7

STEP 4

Make 2 vertical lines and 4 horizontal lines using the Line tool at equal distance.

STEP 7

2 5 8 0

Group the rectangles and lines together to make it 1 shape by holding Ctrl+G.

STEP 5

Make 3 rectangles for the keys. Copy and paste it in place and then move it to the right hand side holding Shift, so that its in line. Clrt+C (To copy) Ctrl+F (To paste in same place in front)

HOW TO MAKE A

CIRCLE SMILEY FACE-BALL-WHEEL-CLOCK-LADYBIRD

How to make a Circle (using the rectangle tool)

STEP 1

Go to the Tool Palette and select the Ellips Tool. Create a Ellipse of any size. For a speciﬁc size, once you select the tool, click on the artboard and type in the radius of the circle you want.

STEP 2

To change the color of the Circle, Double click the Fill from the Tool Palette. It will pop up the Color Picker. Drag the slider to any color you want and select it. Click ‘Ok’ after that.

STEP 3

Click the Stroke in the Tool Palette once to swap it above Fill. Double Click on that. It will pop up the Color Picker. Drag the slider to any color you want and select it. Click Ok after that.

STEP 4

To change size of the stroke, click on Stroke in the Floating Palette and change the weight. A higher point size will be thicker and lesser will be thinner.

Your Circle is ready!

STEP 1

Make a circle

How to make a Smiley Face

STEP 4

Make the smile. Hold out the Line Segement tool and using the arc tool, create an arc. Hold Shift to get a uniform arc. Select it, Right click on the mouse. Go to transform, and then rotate. Type in the angle you want.

STEP 2

Colour it yellow. To get the exact same yellow, use the Eyedropper tool. You ďŹ rst select the circle, then using the Eyedropper tool, click on the colour you want.

STEP 5

Group the together to make it 1 shape by holding Ctrl+G.

How to make a Ball STEP 3

Make two black circles for the eyes. Make one circle and paste the same circle in place. For that, Clrt+C (To copy) Ctrl+F (To paste in same place in front) Then using the selection tool, drag out the other black circle while holding Shift to put it in a straight line.

STEP 1

Make a circle

STEP 2

Colour it. To get the exact same green, use the Eyedropper tool. You ďŹ rst select the circle, then using the Eyedropper tool, click on the colour you want.

STEP 3

If there is a stroke, remove the stroke. Click on Stoke and select None.

STEP 4

Make the arcs. Hold out the Line Segement tool and using the arc tool, create an arc. Hold Shift to get a uniform arc. Give it a white stroke color. Select it, Right click on the mouse. Go to transform, and then rotate. Type in the angle, either 45 degress or 135 degrees.

STEP 5

STEP 1

Make a circle.

How to make a Wheel

STEP 2

Increase the stroke of the circle.

STEP 3

Make a straight vertical line using the line tool right in the centre. Hold Shift to make it absolutely straight.

STEP 4

Make a horizontal lin e now. Select the line and paste another one in the same place. Clrt+C (To copy) Ctrl+F (To paste in same place in front) Select it, Right click on the mouse, Transform and then Rotate it 90 degrees.

STEP 1

Make a circle

How to make a Clock

STEP 5 Make a diagonal line now. Select the vertical line and paste another one in the same place. Clrt+C (To copy) Ctrl+F (To paste in same place in front) Select it, Right click on the mouse, Transform and then Rotate it 45 degrees.

STEP 2

Fill it with white colour. Make a concentric circle within the already existing circle. Select the circle Clrt+C (To copy) Ctrl+F (To paste in same place in front) Hold Shift and Alt together to make a smaller circle within the larger one.

STEP 6 Make another diagonal line now. Select the diagonal line and paste another one in the same place. Clrt+C (To copy) Ctrl+F (To paste in same place in front) Select it, Right click on the mouse, Transform and then ReďŹ&#x201A;ect it vertically.

STEP 7 Group the circle and lines together to make it 1 shape by holding Ctrl+G.

STEP 3

Make another concentric circle within the already existing circle. Select the circle Clrt+C (To copy) Ctrl+F (To paste in same place in front) Hold Shift and Alt together to make a smaller circle within the larger one. Switch the stroke color to ďŹ ll color so that it becomes black.

STEP 4

Make two lines with arrows using the Line Segment tool to make the minute and hour hand from the centre small black circle.

STEP 5

Using the text tool, write all the numbers separetly and place them in the position of the clock.

STEP 2

Colour it. To get the exact same red, use the Eyedropper tool. You ﬁrst select the circle, then using the Eyedropper tool, click on the colour you want.

STEP 3

If there is a stroke, remove the stroke. Click on Stoke and select None.

9 6

STEP 4

STEP 6 Group the circle and lines together to make it 1 shape by holding Ctrl+G.

Make a smaller black circle on the top for the lady bird’s head. Select it, right click on the mouse, go on arrange and click on send to back, so that the lady bird’s body is on top.

How to make a Ladybird STEP 1

Make a circle

STEP 5

Make a line using the Line segment tool to make a straight line in the centre. Make shorter lines on one side for the legs. Select it, right click on the mouse, go on arrange and send it to back. Use Shift to make a straight line and give all a black stroke color.

STEP 8

Make 3 small circles on the lady bird’s left hand side and copy paste in place and then reﬂect it. Drag it your right.

STEP 6

Select all the 3 lines for the legs using Shift (you can select multiple objects using it) and copy paste it in place. Clrt+C (To copy) Ctrl+F (To paste in same place in front) Right click on the 3 selected lines, right click, go on transform and then vertically reﬂect it. Move it to the right. Then right click again and go on arrange then send to back.

STEP 7

Make a line and add a small black circle for the antlers on one side and then copy paste it, reﬂect it and move it on the right.

STEP 9

Group the circle and lines together to make it 1 shape by holding Ctrl+G.

HOW TO MAKE A

TRIANGLE HAT-HILLS-TREE-KITE

How to make a Triangle (using the rectangle tool)

STEP 1

Go to the Tool Palette and select the Polygon Tool, click on the artboard and in the options box type in 3 sides for a triangle. For a speciﬁc size, type in the number in the radius box.

STEP 2

To change the color of the Triangle, Double click the Fill from the Tool Palette. It will pop up the Color Picker. Drag the slider to any color you want and select it. Click ‘Ok’ after that.

STEP 3

Click the Stroke in the Tool Palette once to swap it above Fill. Double Click on that. It will pop up the Color Picker. Drag the slider to any color you want and select it. Click Ok after that.

STEP 4

To change size of the stroke, click on Stroke in the Floating Palette and change the weight. A higher point size will be thicker and lesser will be thinner.

Your Triangle is ready!

STEP 1

Make a triangle.

How to make a Hat

STEP 5

Group the triangle and line together to make it 1 shape by holding Ctrl+G.

How to make Hills

STEP 2

Select it. Using the free transform tool, extend it from the top.

STEP 1

Make a triangle.

STEP 2

STEP 3

Colour it orange. To get the exact same orange, use the Eyedropper tool. You ďŹ rst select the rectangle, then using the Eyedropper tool, click on the colour you want.

Colour it brown. To get the exact same brown, use the Eyedropper tool. You ďŹ rst select the rectangle, then using the Eyedropper tool, click on the colour you want.

STEP 3

STEP 4

Make a line at the bottom, using the Line Tool. Increase the stroke.

Copy and paste 2 more triangles and place them in line. Clrt+C (To copy) Ctrl+F (To paste in same place in front) Do this twice. Drag out the triangle and place them next to each other holding Shift.

STEP 4 Make a white line on top, using the Line Tool. Increase the stroke.

STEP 5

STEP 3

Copy and paste 3 more triangles and place them in line one below the other. Clrt+C (To copy) Ctrl+F (To paste in same place in front) Do this twice. Drag out the triangle and place them one below of another each other holding Shift. Bring it up and down using the up and down arrow keys.

Group the triangle and line together to make it 1 shape by holding Ctrl+G.

How to make a tree STEP 1

Make a triangle.

STEP 4

Make a line using the Line Tool for the bark. Increase the stroke. Color it brown. Go on transform and then arrange to send it back.

STEP 2

Colour it green. To get the exact same green, use the Eyedropper tool. You ďŹ rst select the rectangle, then using the Eyedropper tool, click on the colour you want.

STEP 5

Group the triangle and line together to make it 1 shape by holding Ctrl+G.

STEP 1

How to make a kite

Make a triangle.

STEP 5

Copy and paste the triangle in the same place. Clrt+C (To copy) Ctrl+F (To paste in same place in front) Right click, go on transform and then horizontally reﬂect it. Select it and move it upwards. Select both triangles separately and ﬁll it with another colour.

STEP 2

Select it. Using the free transform tool, make it in the form of an isoceles triangle, with 2 equal and 1 unequal side. Give it a ﬁll colour.

STEP 6

STEP 3

Take the Brush Tool and with black thread make a wavy line for the thread.

Select it, right click, go on Transform and then rotate it 45 degrees.

STEP 4

Copy and paste the triangle in the same place. Clrt+C (To copy) Ctrl+F (To paste in same place in front) Right click, go on transform and then vertically reﬂect it. Select it and move it towards the left. Fill it with another colour.

STEP 7

Group the triangle and line together to make it 1 shape by holding Ctrl+G.

HOW TO MAKE A

HUMAN WALK

STEP 1

Make a circle for the head using Ellipse tool. Give it a white stroke.

How to make a Human walk

STEP 2

Make 4 rounded rectangles for the arms and legs. Give it a white stroke.

STEP 5

STEP 3

Place them all together to form the human body. Then make stage 2 of walking when the right arm and left leg is infront.

Make a bigger rounder rectangle for the torso. Give it a white stroke.

STEP 4

Place them all together to form the human body. First make stage 1 of walking when the left arm and right leg is infront.

STEP 6

Group the all the rounded rectangles and circles together to make it 1 shape by holding Ctrl+G.

EXERCISE 1 USING THE SHAPES LEARNT ABOVE CREATE A COMPOSITION OF AN INDOOR SPACE.

9 6

EXERCISE 2 USING THE SHAPES LEARNT ABOVE CREATE A COMPOSITION OF AN OUTDOOR SPACE.