![Page 1: Illustrator For illustrations. Vector Graphics Can resize shapes without losing quality Place dots ( anchor points ) Connect the dots with paths](https://reader034.vdocument.in/reader034/viewer/2022052309/5a4d1b887f8b9ab0599bd948/html5/thumbnails/1.jpg)
IllustratorFor illustrations
![Page 2: Illustrator For illustrations. Vector Graphics Can resize shapes without losing quality Place dots ( anchor points ) Connect the dots with paths](https://reader034.vdocument.in/reader034/viewer/2022052309/5a4d1b887f8b9ab0599bd948/html5/thumbnails/2.jpg)
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](https://reader034.vdocument.in/reader034/viewer/2022052309/5a4d1b887f8b9ab0599bd948/html5/thumbnails/3.jpg)
Example
![Page 4: Illustrator For illustrations. Vector Graphics Can resize shapes without losing quality Place dots ( anchor points ) Connect the dots with paths](https://reader034.vdocument.in/reader034/viewer/2022052309/5a4d1b887f8b9ab0599bd948/html5/thumbnails/4.jpg)
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](https://reader034.vdocument.in/reader034/viewer/2022052309/5a4d1b887f8b9ab0599bd948/html5/thumbnails/5.jpg)
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](https://reader034.vdocument.in/reader034/viewer/2022052309/5a4d1b887f8b9ab0599bd948/html5/thumbnails/6.jpg)
Toolbox
![Page 7: Illustrator For illustrations. Vector Graphics Can resize shapes without losing quality Place dots ( anchor points ) Connect the dots with paths](https://reader034.vdocument.in/reader034/viewer/2022052309/5a4d1b887f8b9ab0599bd948/html5/thumbnails/7.jpg)
Artboard + Canvas
![Page 8: Illustrator For illustrations. Vector Graphics Can resize shapes without losing quality Place dots ( anchor points ) Connect the dots with paths](https://reader034.vdocument.in/reader034/viewer/2022052309/5a4d1b887f8b9ab0599bd948/html5/thumbnails/8.jpg)
Workspace
![Page 9: Illustrator For illustrations. Vector Graphics Can resize shapes without losing quality Place dots ( anchor points ) Connect the dots with paths](https://reader034.vdocument.in/reader034/viewer/2022052309/5a4d1b887f8b9ab0599bd948/html5/thumbnails/9.jpg)
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](https://reader034.vdocument.in/reader034/viewer/2022052309/5a4d1b887f8b9ab0599bd948/html5/thumbnails/10.jpg)
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](https://reader034.vdocument.in/reader034/viewer/2022052309/5a4d1b887f8b9ab0599bd948/html5/thumbnails/11.jpg)
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](https://reader034.vdocument.in/reader034/viewer/2022052309/5a4d1b887f8b9ab0599bd948/html5/thumbnails/12.jpg)
Primitive Shapes
![Page 13: Illustrator For illustrations. Vector Graphics Can resize shapes without losing quality Place dots ( anchor points ) Connect the dots with paths](https://reader034.vdocument.in/reader034/viewer/2022052309/5a4d1b887f8b9ab0599bd948/html5/thumbnails/13.jpg)
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](https://reader034.vdocument.in/reader034/viewer/2022052309/5a4d1b887f8b9ab0599bd948/html5/thumbnails/14.jpg)
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](https://reader034.vdocument.in/reader034/viewer/2022052309/5a4d1b887f8b9ab0599bd948/html5/thumbnails/15.jpg)
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](https://reader034.vdocument.in/reader034/viewer/2022052309/5a4d1b887f8b9ab0599bd948/html5/thumbnails/16.jpg)
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](https://reader034.vdocument.in/reader034/viewer/2022052309/5a4d1b887f8b9ab0599bd948/html5/thumbnails/17.jpg)
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](https://reader034.vdocument.in/reader034/viewer/2022052309/5a4d1b887f8b9ab0599bd948/html5/thumbnails/18.jpg)
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](https://reader034.vdocument.in/reader034/viewer/2022052309/5a4d1b887f8b9ab0599bd948/html5/thumbnails/19.jpg)
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](https://reader034.vdocument.in/reader034/viewer/2022052309/5a4d1b887f8b9ab0599bd948/html5/thumbnails/20.jpg)
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](https://reader034.vdocument.in/reader034/viewer/2022052309/5a4d1b887f8b9ab0599bd948/html5/thumbnails/21.jpg)
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](https://reader034.vdocument.in/reader034/viewer/2022052309/5a4d1b887f8b9ab0599bd948/html5/thumbnails/22.jpg)
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](https://reader034.vdocument.in/reader034/viewer/2022052309/5a4d1b887f8b9ab0599bd948/html5/thumbnails/23.jpg)
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](https://reader034.vdocument.in/reader034/viewer/2022052309/5a4d1b887f8b9ab0599bd948/html5/thumbnails/24.jpg)
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](https://reader034.vdocument.in/reader034/viewer/2022052309/5a4d1b887f8b9ab0599bd948/html5/thumbnails/25.jpg)
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](https://reader034.vdocument.in/reader034/viewer/2022052309/5a4d1b887f8b9ab0599bd948/html5/thumbnails/26.jpg)
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](https://reader034.vdocument.in/reader034/viewer/2022052309/5a4d1b887f8b9ab0599bd948/html5/thumbnails/27.jpg)
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](https://reader034.vdocument.in/reader034/viewer/2022052309/5a4d1b887f8b9ab0599bd948/html5/thumbnails/28.jpg)
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](https://reader034.vdocument.in/reader034/viewer/2022052309/5a4d1b887f8b9ab0599bd948/html5/thumbnails/29.jpg)
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](https://reader034.vdocument.in/reader034/viewer/2022052309/5a4d1b887f8b9ab0599bd948/html5/thumbnails/30.jpg)
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](https://reader034.vdocument.in/reader034/viewer/2022052309/5a4d1b887f8b9ab0599bd948/html5/thumbnails/31.jpg)
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](https://reader034.vdocument.in/reader034/viewer/2022052309/5a4d1b887f8b9ab0599bd948/html5/thumbnails/32.jpg)
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