duspviz 2012 illustrator

18
Adobe Creative Suite Crash Course: Illustrator 1 Illustrator 2 InDesign 3 Photoshop Friday, October 5, 12

Upload: duspviz

Post on 20-Dec-2014

299 views

Category:

Documents


2 download

DESCRIPTION

 

TRANSCRIPT

Page 1: DUSPviz 2012 Illustrator

Adobe Creative Suite Crash Course: Illustrator

1 Illustrator

2InDesign

3Photoshop

Friday, October 5, 12

Page 2: DUSPviz 2012 Illustrator

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

Friday, October 5, 12

Page 3: DUSPviz 2012 Illustrator

Illustrator’s primary purpose is to draw and manipulate vector-based shapes.

IllustratorInterface

Illustrator is also great for creating illustrations, diagrams, and charts.

Friday, October 5, 12

Page 4: DUSPviz 2012 Illustrator

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.

Friday, October 5, 12

Page 5: DUSPviz 2012 Illustrator

IllustratorInterface

object fill color& stroke color

2

tools that cover most Illustratorcapabilities

1

basic propertiesof currently selected objects3

drawing area

6

layers panel

5

artboard(current print page size)7

menus for object

properties

4

Friday, October 5, 12

Page 6: DUSPviz 2012 Illustrator

IllustratorInterface

To Zoom In

To Zoom Out

To Move Around

CTRL +(PC)

CTRL -(PC)

Hold down theSpacebar.

Click & Drag.⌘ +(MAC)

⌘ -(MAC)

Friday, October 5, 12

Page 7: DUSPviz 2012 Illustrator

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

Friday, October 5, 12

Page 8: DUSPviz 2012 Illustrator

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

Friday, October 5, 12

Page 9: DUSPviz 2012 Illustrator

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.

1StrokeMenu

3

Friday, October 5, 12

Page 10: DUSPviz 2012 Illustrator

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

Friday, October 5, 12

Page 11: DUSPviz 2012 Illustrator

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

3EllipseTool

1

TIP: Hold Shift while drawing to create objects with equal aspect ratios.

2

Friday, October 5, 12

Page 12: DUSPviz 2012 Illustrator

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

1

EyedropperTool

3

Friday, October 5, 12

Page 13: DUSPviz 2012 Illustrator

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

Friday, October 5, 12

Page 14: DUSPviz 2012 Illustrator

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

12

Friday, October 5, 12

Page 15: DUSPviz 2012 Illustrator

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 Point

2

3. Create more anchor points on an existing line using the Add Anchor Point Tool.

13

Friday, October 5, 12

Page 16: DUSPviz 2012 Illustrator

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

Friday, October 5, 12

Page 17: DUSPviz 2012 Illustrator

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

Friday, October 5, 12

Page 18: DUSPviz 2012 Illustrator

IllustratorSaving 1. File > Save As... > Format

2. Checking Preserve Illustrator Capabilities will allow you to reopen the file in Illustrator.

Friday, October 5, 12