Illustrator For illustrations. Vector Graphics Can resize shapes without losing quality Place dots...

32
Illustrator For illustrations

description

Example

Transcript of Illustrator For illustrations. Vector Graphics Can resize shapes without losing quality Place dots...

Page 1: Illustrator For illustrations. Vector Graphics  Can resize shapes without losing quality  Place dots ( anchor points )  Connect the dots with paths.

IllustratorFor illustrations

Page 2: Illustrator For illustrations. Vector Graphics  Can resize shapes without losing quality  Place dots ( anchor points )  Connect the dots with paths.

Vector Graphics

Can resize shapes without losing quality Place dots (anchor points) Connect the dots with paths Creates shapes, with or without fill and stroke

 

Page 3: Illustrator For illustrations. Vector Graphics  Can resize shapes without losing quality  Place dots ( anchor points )  Connect the dots with paths.

Example

Page 4: Illustrator For illustrations. Vector Graphics  Can resize shapes without losing quality  Place dots ( anchor points )  Connect the dots with paths.

Start Adobe Illustrator

Download assets Into JMA260>InClass>Illustrator>Images

Page 5: Illustrator For illustrations. Vector Graphics  Can resize shapes without losing quality  Place dots ( anchor points )  Connect the dots with paths.

start Adobe Illustrator

OtherMode?

Click here

Page 6: Illustrator For illustrations. Vector Graphics  Can resize shapes without losing quality  Place dots ( anchor points )  Connect the dots with paths.

Toolbox

Page 7: Illustrator For illustrations. Vector Graphics  Can resize shapes without losing quality  Place dots ( anchor points )  Connect the dots with paths.

Artboard + Canvas

Page 8: Illustrator For illustrations. Vector Graphics  Can resize shapes without losing quality  Place dots ( anchor points )  Connect the dots with paths.

Workspace

Page 9: Illustrator For illustrations. Vector Graphics  Can resize shapes without losing quality  Place dots ( anchor points )  Connect the dots with paths.

Artboard Management

Can’t see my Artboard What if I can’t find the artboard? Solution:

View>Fit Artboard in Window Might also try zooming out using Zoom tool (Or use shortcut key Ctrl+ and

Ctrl-)

Page 10: Illustrator For illustrations. Vector Graphics  Can resize shapes without losing quality  Place dots ( anchor points )  Connect the dots with paths.

Fill and Stroke colors:

Page 11: Illustrator For illustrations. Vector Graphics  Can resize shapes without losing quality  Place dots ( anchor points )  Connect the dots with paths.

Choose colors…• Open Swatches panel

Choose fill and stroke colorsCyan and black, 4 pt

strokeControl area = top

Page 12: Illustrator For illustrations. Vector Graphics  Can resize shapes without losing quality  Place dots ( anchor points )  Connect the dots with paths.

Primitive Shapes

Page 13: Illustrator For illustrations. Vector Graphics  Can resize shapes without losing quality  Place dots ( anchor points )  Connect the dots with paths.

Drawing Shapes (1) Click and drag

Select the rectangle tool Create rectangle by selecting the tool and dragging

(2) Perfect circle, or square: Shift-drag (2” x 2” ) fill=a shade of red (3) Click and Type desired dimensions: (try 2” by 1”) fill=yellow) (4) use transform tool: 3” x 4” The box you sometimes see is called the Bounding Box. It can be used

to size the shape…It also can be hidden. (View>Show/Hide Bounding Box.

Grab a corner and drag to resize

Page 14: Illustrator For illustrations. Vector Graphics  Can resize shapes without losing quality  Place dots ( anchor points )  Connect the dots with paths.

Specifying Stroke parameters in Control area

OR Window>Stroke:

Page 15: Illustrator For illustrations. Vector Graphics  Can resize shapes without losing quality  Place dots ( anchor points )  Connect the dots with paths.

Practice: Basic Shapes

Select all—shift-click, delete Draw a red ellipse (circle 2 “ diameter ).with a Black, 4pt (point)

stroke…click and type on the artboard the desired size. Shift-drag a perfect yellow square 3” x 3” with a pale blue 5 pt stroke.

Use the transform tool to resize the circle 3 x 3

Page 16: Illustrator For illustrations. Vector Graphics  Can resize shapes without losing quality  Place dots ( anchor points )  Connect the dots with paths.

Ellipse !!

Ha! ..pickup line maybe…love your ellipse!! or my, you have really fabulous ellipse.!!!

Page 17: Illustrator For illustrations. Vector Graphics  Can resize shapes without losing quality  Place dots ( anchor points )  Connect the dots with paths.

The Arrows

The black arrow (Called Selection) selects an entire shape. The white arrow, ( Direct Select) part of a shape.

Click the Black arrow and “click away” …i.e.in a blank area (Chooses nothing)

Choose white arrow and click an any anchor point, now drag it:

• Ctrl-Z

Page 18: Illustrator For illustrations. Vector Graphics  Can resize shapes without losing quality  Place dots ( anchor points )  Connect the dots with paths.

Layers:Windows>Layers

• Drag circle on top of square• What happened?• Why?• reverse

Page 19: Illustrator For illustrations. Vector Graphics  Can resize shapes without losing quality  Place dots ( anchor points )  Connect the dots with paths.

Pathfinder: centering

Select the two shapes to be centered (Shift-select) second one

Select the Align tab

Look for align vertical centers and align center horizontal

Page 20: Illustrator For illustrations. Vector Graphics  Can resize shapes without losing quality  Place dots ( anchor points )  Connect the dots with paths.

Make Changes:

Drag <path> above ellipseWhat happened?

Called stacking orderBlue box indicates the actual art• Click the actual ellipse• Observe the blue box now.

Page 21: Illustrator For illustrations. Vector Graphics  Can resize shapes without losing quality  Place dots ( anchor points )  Connect the dots with paths.

Adding anchor points Select the square(Selection OR Direct Select) Hide the Bounding box for now Click on a path and choose Add anchor point Tool

Select the new anchor point (White arrow/direct select) and drag:

Ctrl-Z (What does that do?

Page 22: Illustrator For illustrations. Vector Graphics  Can resize shapes without losing quality  Place dots ( anchor points )  Connect the dots with paths.

Some editing

Find scale tool and scale the rectangle to 75% Find rotate tool and rotate the square 90 degrees Could also use Transform panel

Page 23: Illustrator For illustrations. Vector Graphics  Can resize shapes without losing quality  Place dots ( anchor points )  Connect the dots with paths.

Text

7 variationsDraws using fill characteristics;.• Find character in control area • Can also add a stroke on the text

Page 24: Illustrator For illustrations. Vector Graphics  Can resize shapes without losing quality  Place dots ( anchor points )  Connect the dots with paths.

Panel menus: tiny arrows:

• Use to add additional colors, symbols

• Basically all panels have menus

Page 25: Illustrator For illustrations. Vector Graphics  Can resize shapes without losing quality  Place dots ( anchor points )  Connect the dots with paths.

Adding More colors Click swatches menu panel: and then open Swatch library

Page 26: Illustrator For illustrations. Vector Graphics  Can resize shapes without losing quality  Place dots ( anchor points )  Connect the dots with paths.

Choose Swatches Library

Choose category

Perhaps Nature:

Then foliage

Page 27: Illustrator For illustrations. Vector Graphics  Can resize shapes without losing quality  Place dots ( anchor points )  Connect the dots with paths.

Symbol sprayer Draw tree trunk, brown , no stroke Choose your symbol, get one from symbol library Re-Size , if necessary---double-click the tool, modify the size ( I chose .5

in) Try leaves to spray

Page 28: Illustrator For illustrations. Vector Graphics  Can resize shapes without losing quality  Place dots ( anchor points )  Connect the dots with paths.

Cropping

Maybe want a piece of your artboard for a web site you’re doing. The cropping tool is actually called the Artboard tool

Page 29: Illustrator For illustrations. Vector Graphics  Can resize shapes without losing quality  Place dots ( anchor points )  Connect the dots with paths.

Blending

let’s blend a rectangle to a star (a morph) Draw an orange rectangle and a green star

Star tool is under Rectangle tool Select both: (Drag over both, or select one, then shift-click on the

second object)

Page 30: Illustrator For illustrations. Vector Graphics  Can resize shapes without losing quality  Place dots ( anchor points )  Connect the dots with paths.

Blending… Object>Blend>Blend Options:

Says to Blend in 8 steps•Then, Object>Blend>Make:

Page 31: Illustrator For illustrations. Vector Graphics  Can resize shapes without losing quality  Place dots ( anchor points )  Connect the dots with paths.

20 points… in class homework #3…1-2 of you

New document named Type Practice Find the pencil tool….it might be hiding… Use it to draw a squiggly line (3 points) Type your name(s) on the line using comic sans, 25 points type, cyan color (4

pts) If you see a red overflow box, extend the pencil line by clicking the last anchor and

extending the line using the pencil line again; then slide the vertical line OR delete and start over using a longer path

Rotate your name 45 degrees so it is almost vertical . (3 pts) Add a mad science symbol anywhere on your page.(5 points) Keep reading…not done yet

Page 32: Illustrator For illustrations. Vector Graphics  Can resize shapes without losing quality  Place dots ( anchor points )  Connect the dots with paths.

Sprayer (5 more pts)

Create a tree with lips for “leaves ” that you spray on (5 points) Crop your name and tree Print the page

20 points total