7/25/2019 Adobe Illustrator Basics1
1/41
Graphic Design Tutorial:Adobe Illustrator Basics
7/25/2019 Adobe Illustrator Basics1
2/41
Open your Illustrator
Use the Start Menu
OR
the AI icon on your desktop
7/25/2019 Adobe Illustrator Basics1
3/41
What is Illustrator?
Illustrator is a vector drawing program. It is used to draw illustrations, cartoons,
diagrams, charts and logos. Unlike bitmap images that store information
in a grid of dots, Illustrator uses mathematicalequations to draw out the shapes.
This makes vector graphics scalable withoutthe loss of resolution.
7/25/2019 Adobe Illustrator Basics1
4/41
7/25/2019 Adobe Illustrator Basics1
5/41
Advantages of Vector Graphics Scalable without resolution loss Lines are crisp and sharp at any sizes Print at high resolution Smaller file size Good for drawing illustrations
Disadvantages of Vector graphics Drawings tend to look flat and cartoon Hard to produce photo realistic drawings
7/25/2019 Adobe Illustrator Basics1
6/41
Common Uses of Illustrator
1. Designing Logos
7/25/2019 Adobe Illustrator Basics1
7/41
Common Uses of Illustrator
2. Drawing Maps
7/25/2019 Adobe Illustrator Basics1
8/41
Common Uses of Illustrator
3. Drawing Illustrations
7/25/2019 Adobe Illustrator Basics1
9/41
Common Uses of Illustrator
4. Infographics
7/25/2019 Adobe Illustrator Basics1
10/41
Common Uses of Illustrator
5. Packaging Design
7/25/2019 Adobe Illustrator Basics1
11/41
7/25/2019 Adobe Illustrator Basics1
12/41
Illustrator Workspace
Toolbar
Status Bar
MenuControl Palette
Artboard
Floating Palette
7/25/2019 Adobe Illustrator Basics1
13/41
The Floating PaletteThis is the floating palette which contains properties for ourshapes. It is commonly used for changing colors and stroke
width .
Please Completethe Ai Tool
IdentificationWorksheet
Turn into the Inbox whencompleted
7/25/2019 Adobe Illustrator Basics1
14/41
7/25/2019 Adobe Illustrator Basics1
15/41
Day 2: Basic Shapes
In this lesson, we will look at how to use theshape tools to draw our basic shapes inillustrator. But before we start, we will look athow to select a basic shape so that you haveno problems in selecting and editing shapes in
Illustrator.
7/25/2019 Adobe Illustrator Basics1
16/41
Selection Tool: Used for selecting and moving ashape. It can also be used to resize a shape.
Direct Selection Tool: Selects a single anchorpoint instead of the whole shape. Used forediting anchor point of a shape. Click once on apoint to select and hold Shift to select multipleanchor points.
7/25/2019 Adobe Illustrator Basics1
17/41
7/25/2019 Adobe Illustrator Basics1
18/41
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)
7/25/2019 Adobe Illustrator Basics1
19/41
Changing Fill Color
Lets start changing the fill color for the
rectangle. Double click the Fill from the ToolPalette. It will pop up the Color Picker. Drag theslider to blue and select a deep blue color. Click
Ok after that.
7/25/2019 Adobe Illustrator Basics1
20/41
Removing Stroke
Click the Stroke in the Tool Palette once to swap
it above Fill. Click the None icon boxed up in redto set the Stroke to None. The black stroke willdisappear.
7/25/2019 Adobe Illustrator Basics1
21/41
Constrain Proportions
To draw a perfect square, we will select the
Rectangle Tool. Hold Shift and drag to draw asquare. Same for the circle, we will select theEllipse Tool and hold Shift to drag out a circle.
7/25/2019 Adobe Illustrator Basics1
22/41
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. Toconstrain to proportion while resizing, hold Shift
as you resize. Hold Alt if your want to resizefrom the same position.
7/25/2019 Adobe Illustrator Basics1
23/41
Rotating Shapes
Select the shape with the Selection Tool and a
bounding box will appear. Move your cursornear the anchor corner and a rotation icon willicon, click and turn it to rotate the square. To
snap at 45 degrees increment, hold Shift andturn.
7/25/2019 Adobe Illustrator Basics1
24/41
More Options for Shape Tools
Select the Star Tool. Click once on the artboard
and an option will pop up. Enter the samevalues below and click Ok. It will draw a starburst shape. This method can be used to bring
out more options for shape tools.
7/25/2019 Adobe Illustrator Basics1
25/41
ConclusionAlmost all the objects found in our daily life canbe built from combining using the basic shapetools.
AssignmentUsing your knowledge of Ai so far, create ananimal or object using the basic shape tools.Submit your finished animal on eChalk as a .PDFfile.
7/25/2019 Adobe Illustrator Basics1
26/41
How to save files
Go to File>Save As
File Name:BE SPECIFIC
File Type
7/25/2019 Adobe Illustrator Basics1
27/41
How to save files
Adobe Illustrator .AIAdobe Photoshop .PSP
Adobe .PDF
EDITABLE NOT EDITABLE
HUGE file size Not friendly for sharing Not all computers will be able to open(Must have the software)
Smaller Size(email, eChalk, website friendly)Most computers can open
7/25/2019 Adobe Illustrator Basics1
28/41
7/25/2019 Adobe Illustrator Basics1
29/41
Day 3: Drawing with the Pencil Tool
We can quickly draw shapes and lines quicklyusing the Pencil and Pen tool.
Assignment: Watch the video at the linkbelow. Create a house with a backgroundusing the Pencil and/or Pen tool.
Submit design via eChalk, in a .pdf format.Pencil and Pen Tool Video
http://tv.adobe.com/watch/learn-illustrator-cs6/essentials-of-the-pen-and-pencil-tools/http://tv.adobe.com/watch/learn-illustrator-cs6/essentials-of-the-pen-and-pencil-tools/7/25/2019 Adobe Illustrator Basics1
30/41
Drawing a Line
Select the pencil tool and click and drag to draw
a free hand line drawing.
7/25/2019 Adobe Illustrator Basics1
31/41
Closing Paths with Pencil Tool
To close a path, hold Alt/Option as your Pencil
Tool reaches the start point. A circle icon willappear next to the Pencil Tool to indicate pathclosure.
7/25/2019 Adobe Illustrator Basics1
32/41
Smoothing Jaggy Lines
Normally when you draw with the Pencil Tool,the path looks jaggy. To smoothen the parts thatare jaggy, simply hold Alt/Option to turn thePencil Tool to Smooth Tool. Then draw over the
area of the lines which you would like tosmoothen.
7/25/2019 Adobe Illustrator Basics1
33/41
Reshaping Path
To reshape a path, make sure your path is
selected and use the Pencil Tool to redraw theparts you would like to reshape. Note that thestart and end path must be close to the original
path to make it work.
P il T l P f
7/25/2019 Adobe Illustrator Basics1
34/41
Pencil Tool Preferences
You can turn on the Pencil Tool Preferences bydouble clicking on the Pencil Tool. You canchange the fidelity and smoothness to find acombination that works for you.Fidelity: Determines how close the path is drawn to your mouse movement.Set it at a higher fidelity if your not good at drawing with your mouse.Smoothness: The higher you set for smoothness, the less anchor point itproduces. Thus, producing a smoother line.
7/25/2019 Adobe Illustrator Basics1
35/41
Placing an Image
Go to File > Place. A dialogue box will pop up and the file in
shared-->vmontgomery-->illustrator
Find a photo youve saved somewhere on yourcomputer.
Click outside your photo to place.
7/25/2019 Adobe Illustrator Basics1
36/41
Layers
Double click on the Layer name. The default name is Layer 1. A dialogue box will pop up. Here you can
change some of the Layer preferences like thename. This is my photo layer, so I changed thename to Will.
7/25/2019 Adobe Illustrator Basics1
37/41
Next I want to lock my sketch layer so I dont draw on it
7/25/2019 Adobe Illustrator Basics1
38/41
Next, I want to lock my sketch layer, so I don t draw on it.To lock a layer, click on the area to the left of the layername. A lock will appear. This isnt permanent, so you can
always unlock it by clicking it again. FYI, to the left of the Lock is the Visibility. This makes the
layer visible or invisible.
Finally you want to create a second layer to draw
7/25/2019 Adobe Illustrator Basics1
39/41
Finally, you want to create a second layer to drawon. Click on the icon at the bottom that looks likea sheet of paper. A new layer appears. You canclick on the name to change the name or otherpreferences.
7/25/2019 Adobe Illustrator Basics1
40/41
7/25/2019 Adobe Illustrator Basics1
41/41
Day 4: Illustrator Animal
-Using your knowledge ofIllustrator, create an animal using
basic shapes and the pencil tool.