Upload
others
View
3
Download
0
Embed Size (px)
Citation preview
Illustrator Workshop
webdesign.dannewoo.com/illustrator-‐101
The Basics (Raster vs Vector)
Illustrator’s primary purpose is to draw and manipulate vector-based shapes.
In a raster-based program, this circle is made up of
thousands of pixels.
In a vector-based program, this circle is made up of a center point
and four outer points connected by edge lines.
IllustratorInterface
Monday, December 12, 2011
The Basics (Fills and Strokes) Illustrator’s primary purpose is to
draw and manipulate vector-based shapes.
IllustratorInterface
For example, you can easily enhance a drawing with different fills and strokes.
Monday, December 12, 2011
The Basics (IllustraEon, Diagrams and Charts) Illustrator’s primary purpose is to
draw and manipulate vector-based shapes.
IllustratorInterface
Illustrator is also great for creating illustrations, diagrams, and charts.
Monday, December 12, 2011
The Basics (Interface)
IllustratorInterface
object fill color& stroke color2
tools that cover most Illustratorcapabilities
1
basic propertiesof currently selected objects
3
drawing area
6
layers panel
5
artboard(current print
page size)7
menus for object properties 4
Monday, December 12, 2011
The Basics (Key Tools)
SelecEon Tools
Drawing Tools
Transform Tools
Graphing and Symbol Tools
PainEng and Color Tools
UElity Tools
Color Picker
Window Controls
The Basics (Key Windows)
The Basics (Key Windows)
SelecEng Objects
1. Use the SelecEon Tool (V) to select objects in the drawing area.
2. In the Layer panel, find the buildings layer and select it.
3. Right click on the buildings in the drawing area and Ungroup.
IllustratorSelecting Objects
1. Use the Selection Tool (V) to select objects in the drawing area.
2. In the Layers panel, find the buildings layer and delete the Clipping Mask.
3. Right click on the buildings in the drawing area and Ungroup.
Selection Tool
1 2
3
Monday, December 12, 2011
SelecEng Objects
1. Use the Direct SelecEon Tool (A) to select parts of objects (Anchors/Paths).
2. Click on the corner or side of a building to adjust the shape.
IllustratorSelecting Objects
1. Use the Direct Selection Tool (A) to select parts of objects (Anchors / Paths).
2. Click on the corner or side of a building to adjust the shape.
Direct Selection Tool
2
Monday, December 12, 2011
Styling Objects
1. Click on a building. Select > Same > Fill & Stroke to select all the same type of object.
2. In the Stroke Menu, adjust the line Weight to 1 pt.
3. Align Stroke to Inside of the objects.
IllustratorStyling Objects
1. Click on a building. Select > Same > Fill & Stroke to select all the same type of object.
3. Align Stroke to Inside of the objects.
2
2. In the Stroke Menu, adjust the line Weight to 1 pt.
1
StrokeMenu
3
Monday, December 12, 2011
Drawing Objects
1. Using the Rectangle Tool, draw a few shapes on top of a building.
2. Double-‐click on the object Fill to bring up the Color Picker.
3. Select Color in the gradient field to change the object fill.
IllustratorDrawing Objects
1. Using the Rectangle Tool, draw a few shapes on top of a building.
3. Select Color in the gradient field to change the object fill.
2. Double-click on the object Fill to bring up the Color Picker.
1
RectangleTool
2
Monday, December 12, 2011
Drawing Objects
1. In the Layers Menu, Create New Layer.
2. Double-‐click on the layer to bring up Layer OpEons. Rename the layer to “trees.”
3. Using the Ellipse Tool, draw several circles by the park.
TIP: Hold ShiV while drawing to create objects with equal aspect raSos.
IllustratorDrawing Objects
1. In the Layers Menu, Create New Layer.
3. Using the Ellipse Tool, draw several circles by the park.
3
2. Double-click on the layer to bring up Layer Options. Rename the layer to “trees.”
3Ellipse
Tool
1
TIP: Hold Shift while drawing to create objects with equal aspect ratios.
2
Monday, December 12, 2011
Transparency
1. Select all your trees by clicking on the radio buWon on that layer.
2. Using the Eyedropper Tool, click on the green space to make your trees the same color.
3. In the Transparency Menu, change the object transparency to MulEply.
IllustratorTransparency
1. Select all your trees by clicking on the radio button on that layer.
3. In the Transparency Menu, change the object transparency to Multiply.
2. Using the Eyedropper Tool, click on the green space to make your trees the same color.
2
1EyedropperTool
3
Monday, December 12, 2011
DuplicaEon and RotaEon
IllustratorDuplication
1. Copy (CTRL+C) and Paste (CTRL+V) to create more trees, or by clicking and dragging while holding Alt.
3. Using the Rotate Tool (R), click and drag around the axis point to rotate the new trees.
2. Scale the new trees down by holding Shift and dragging in / out the corners of the bounding box.
1
RotateTool
2 / 3
Monday, December 12, 2011
1. Copy (CTRL+C) and Paste (CTRL+V) to create more trees, or by clicking and dragging while holding OpEon.
2. Scale the new trees down by holding ShiV and dragging in/out the corners of the bounding box.
3. Using the Rotate Tool (R), click and drag around the axis point to rotate the new trees.
Drawing Lines
IllustratorDrawing Lines
1. Using the Pen Tool, create a line: click once to create the first Anchor Point. Click again to create a second Anchor Point.
2. Remove Fill by clicking None on the Tool Panel. Change the Stroke color to red.
1
PenTool
3. In the Stroke Menu, add Arrowheads and click the Dashed Line box.
3
1
2
Monday, December 12, 2011
1. Using the Pen Tool, create a line: click once to create the first Anchor Point. Click again to create a second Anchor Point.
2. Remove Fill by clicking None on the Tool Panel. Change the Stroke color to red.
3. In the Stroke Menu, add Arrowheads and click the Dashed Line box.
Drawing Lines
IllustratorDrawing Lines
1. Using the Pen Tool, create another line. BUT, this time, when you draw the second Anchor point, click-hold-drag to create a curve.
2. You can manipulate the curve by playing with the Handles of the Anchor point.
2
Add Anchor PointTool
2
3. Create more anchor points on an existing line using the Add Anchor Point Tool.
1
3
Monday, December 12, 2011
1. Using the Pen Tool, create another line. BUT, this Sme when you draw the second Anchor point, click-‐hold-‐drag to create a curve.
2. You can manipulate the curve by playing with the Handles of the Anchor point.
3. Create more anchor points on an exisSng line using the Add Anchor Point Tool.
Using Guides
1. Command + R adds the Rulers to your window.
IllustratorUsing Guides
1. CTRL+R (Command+R in Mac) adds the Rulers to your window.
2. Click and drag down from the top Ruler to the new Anchor point on the line to create a horizontal Guide.
ScissorsTool
3. Using the Scissors Tool, cut the first line where it intersects with the Guide.
3
2
Rulers
Monday, December 12, 2011
2. Click and drag down from the top Ruler to the new Anchor point on the line to create a horizontal Guide.
3. Using the Scissors Tool, cut the first line where it intersects with the Guide.
Adding Text
1. Lock all other layers by click-‐dragging down the Toggles Lock boxes in the Layer Menu.
2. Use the Line Tool to create a short line poinSng up. Add an Arrowhead.
3. Using the Text Tool, draw a textbox. Inside, type “N” for north.
4. Using the opSons on the ProperEes bar, change text Size and Font.
IllustratorAdding Text
2. Use the Line Tool to create a short line pointing up. Add an Arrowhead.
1. Lock all other layers by click-dragging down the Toggles Lock boxes in the Layer Menu.
TextTool
3. Using the Text Tool, draw a textbox. Inside, type “N” for north.
2
LineTool
4. Using the options on the Properties bar, change text Size and Font.
1
3
4 4
Monday, December 12, 2011
Saving
IllustratorSaving 1. File > Save As... > Format 2. Checking Preserve Illustrator Capabilities
will allow you to reopen the file in Illustrator.
Monday, December 12, 2011
Other Helpful Tips
Key Commands Zoom In Command and + Zoom Out Command and -‐ Fit to Window Command and 0 Copy Object OpSon > Click and Hold > Move Move Straight Shib > Click and Hold > Move Copy Straight OpSon and Shib > Click and Hold > Move View Rulers Command and R View Guides Command and ; (to create a guide click and drag it from the ruler) View Grid Command and ‘ Undo Command and Z Save Command and S Save As Command and Shib and S