Adobe Illustrator CS

1 Introduction...................................................................................................................................... 1
Illustrator .................................................................................................... 1
2 Drawing Paths.................................................................................................................................. 5
............................................................................................................. 5
Path............................................................................................................................. 9
Pen tool Selection Tools .......................................................................... 10
3 Painting Objects............................................................................................................................. 12
Illustrator.......................................................................................................... 12
Stroke Palette.............................................................................. 15
Swatch Palette..................................................................................................................................... 16
4 Painting Tools ................................................................................................................................ 16
Eyedropper .................................................................................................................... 16
Paint Bucket .................................................................................................................. 17
Brush................................................................................................................................... 17
5 Type................................................................................................................................................. 19
........................................ 19
Paragraph.................................................................................. 20
Path....................................................................................... 22
Path ............................................................................................................... 22
6 Text Effects..................................................................................................................................... 23
(Link) .......................................................................... 23
........................................................................................ 24
(Text Wrap)......................................................................................... 24
Path (Create Outline)......................................................................... 25
7 Transformations ............................................................................................................................ 25
Origin Point ........................................................................................................................................ 25
(Transforming)....................................................................................................... 26
8 Mask and Compound Paths ......................................................................................................... 28
Place.................................................................................................................................................... 28
Clipping Mask......................................................................................................................... 29
Pathfinder................................................................................................................................ 29
(Align).......................................................................................................................31
(Arrange)............................................................................................. 32

1 Introduction
Illustrator
2

Illustrator
Vector Graphic

File>New

3
4

Illustrator
1. (Menu Bar)
2. (Tool Box)
3. (Art Board)
4. (Palette)

2
(Menu Bar)

File: -
(Place) (Exit)
Edit: Undo Cut Copy Paste Select
(Define Pattern) (Color Setting)

Type: Fonts Paragraph

Select: Fill
Stroke Layer
Filter: Path
Effect: Filter Path
View: Zoom Show/Hide Ruler Bounding Box
Outline Mode/Preview Mode
Window: - Palette Tool Box
Help:
(Tool Box)
Tool Box

1
2
3
4
6

5
7
9

1.
2.
3.
4.
5.
6.
7.
8.
9.

Symbol Graph

3
(Art board Area)


(Palette)


Palette Window Palette
Palette
1. Palette
Color Palette:

Swatch
Swatch Palette:

Gradient Palette:

Gradient Bar
Stroke Palette:

Brushes Palette:

4
2. Palette
Transform Palette:

Align Palette:

Pathfinder Palette:

3. Palette
Character Palette:


Paragraph Palette:

4. Palette
Layers Palette:


Links Palette:

5
5. Palette
Transparency Palette:
Blending Mode
Opacity

Styles Palette:



Symbols Palette:
Symbolism Tool


Palette

2 Drawing Paths



Shape Tool
6

1. Rectangle Tool
2. Rounded Rectangle Tool
3. Ellipse Tool

6
4. Polygon Tool
5. Star Tool
6. Flare Tool
2 Line Tool
1. (Freehand)
2. (Properties Specification)
2
2


1 (Freehand)

1.
2. Stroke Palette Swatch Palette Palette
Window > Stroke ( F10 ) Window > Swatches
3. Stroke Palette Weight
4. Stroke Box Swatch Palette
5. Fill Box
6. Swatch Palette
7. Art board

Polygon Tool
1 (Freehand)

1. Polygon Tool
2. Stroke Palette Weight
3. Stroke Box
4. Swatch Palette
5. Fill Box
6. Swatch Palette
7.

8. Shift 45

9. - -

(Properties Specification)

1. Polygon Tool
2. Art board

3. OK
Radius

Sides
3 cm

8
(Star)
1 (Freehand)

1. Star Tool
2. Stroke Palette Swatch Palette Palette
Window > Stroke ( F10) Window > Swatches
3. Stroke Palette Weight
4. Stroke Box
5. Swatch Palette
6. Fill Box
7. Swatch Palette
8.

9. Shift 45

10. - -

2 (Properties Specification)

1. Star Tool
2. Art board
3. OK

9
Radius 1
Radius 2
Points

Path
Path Path
Freehand Corel Draw Flash
Path
Path
Path
4

3
2
1
5

1. Path (End Point) Path

2 Path
2. (Anchor Point) Anchor (-)

3. (Segment) 2
Anchor Path (
)
4. (Direction Line)

5. (Direction Point)

10
Path Path 2

1

1. Path Path
2. Path Path
Anchor (Direction Line) Path
Anchor Path Path
Path Anchor

Anchor Path 2 Anchor (Comer Point) Anchor
(Smooth Point) Path Anchor

2
1
3

1 Anchor
2 Anchor 1
3 Anchor 2 2
Pen tool
Pen

11

1. Pen Click
2. Shift Pen Click
45
3. Pen Drag Drag Drag
Drag
Drag
Selection Tools
Direct Selection
Ungroup

1. Anchor

2. Direction Point Anchor

3. Segment Segment
Direction Point Anchor
Group Selection Object Group
( View Art work)

View-Art work Drag Object

Drag Active Active

12
Add Anchor Point

Add Anchor Point Click

Delete Anchor Point

Delete Anchor Point Click

Convert Direction Point

1. Selection Tool Click Convert Direction

Point Drag Anchor
2. Selection Tool Click Convert Direction
Point Drag

3 Painting Objects
Illustrator (Color Mode)
New
File
Illustrator 5 Grayscale RGB HSB CMYK Web Safe RGB
Grayscale Mode
()

13
RGB Mode
RGB (Red Green Blue)

HSB Mode
Hue Saturation
Brightness
CMYK Mode
4 Cyan
Magenta Yellow Black
Web Safe RGB
RGB Code

1. Fill Box Stroke Box Tool Box
2. Color Palette
3. Stroke Palette
Fill Box Stroke Box Tool Box
1. Fill Box
3
2. Stroke Box
1
3. Swap Fill and Stroke
2
4. Default Fill and Stroke
4
7
5. Color (Solid Color)
5
6. Gradient (Gradient Color)
7. None ()
6

14

1.

2. Fill Box Color Picker

OK

3. Stroke Box Color Picker

OK
4. Swap Fill and Stroke Fill Stroke

5. None Fill Box Stroke Box

15
6. Gradient (
)

7. Default Fill and Stroke

Stroke Palette

Stroke Palette
1.
2. Art broad
Weight:
Miter Limit:
(Weight) 4 Miter

Cap:

Join:

Join

16
Dashed Line: Dashed Line
a. Dash
b. Gap

Cap
Swatch Palette

Color Palette

4 Painting Tools

Eyedropper
2

3
1

Paint Bucket
Fill Stroke Brush Style

17
Paint Bucket
2

Fill Stroke Brush Style

Eyedropper
Brush
Brush 2
1 Paintbrush Tool
2 Brush Path
1 Paintbrush Tool

3
1
2

1. Paintbrush Tool
2. Brush Palette Window > Brushes F5

3. Art board
2 Brush Path

2
1
3

18
1.
2. Path Art board
3. Brush Palette Window > Brushes F5
Brush Palette

Brush
Libraries
Brush
1. Art board
1

2
3

2. Brush Palette New Brush

Brush New Art Brush OK

Brush

19
3. Brush
Brush OK Brush
Palette
Brush

5 Types

Illustrator
6
1. Type Tool

2. Area Type Tool

3. Path Type Tool Path

4. Vertical Type Tool

20
5. Vertical Area Type Tool

6. Vertical Path Type Tool

Path

Paragraph
1

6
7

1.
2.
3.
4.
5.
6.
7.
8.
9.

8
9

Align Left
Alight Center
Alight Right
Justify Full Lines
( spacebar)
Justify All Lines Justify Full Lines

Left Indent
First Line Left Indent
Right Indent
Space Before Paragraph Paragraph
6 pt. 12 pt.

21

Character Palette
Window > Type > Character Character Palette
Option Show Option
1
3

4
6

7
9

Type Tool
character Palette

1. Font Family
2. Font Style
3. Font Size
4. Leading
5. Kerning 2
6. Tracking
7. Vertical Scale
8. Horizontal
9. Baseline Shift 1010 H2O
Path
1. I-beam

2. I-beam Path

22
Path
1. I-beam

2. I-beam Path

1. Type Tool
2. Art board

3.

6 Text Effects
(Link)
1.
2.

23

3. Type > Block > Link

4.

1.
2. Type > Row & Column
3. OK

Rows
Number

24
Height

Gutter

Total

Columns
Number
Width

Gutter

Total

Options
Text Flow
Add Guides
(Text Wrap)


1. Path Text Wrap

2.
3.
4.
5.

Stroke Box
None
Path
Type > Wrap >Make

25

Path (Create Outline)

1.
2. Type > Create Outlines

7 Transformations
Origin Point
Transformation Tool Origin Origin
Origin

Origin Point

(Transforming)

Origin Point

26

Bounding Box
Scale Tool
1.
1.1. Shift
Note Alt
1.2. (Horizontal) (Vertical)
2.
2.1
2.2 Scale Tool

2.3
(Rotate)

2
1.
2.
1
3
1. Bounding Box

2.
2.1.
2.2. Rotate Tool
2.3.

27
3.
3.1.
3.2. Rotate Tool
3.3.
(Reflect)
1
Reflect Tool

1. (Origin Point)

2.

(Shear)

Shear Tool
1
Shear Tool

1.
2.

28
Free Transform Tool

Free Transform Tool

Original

Ctrl + Alt

Ctrl

Shift + Ctrl + Alt

1.
2. Free Transform Tool
3. (Bounding Box)
1.1. Ctrl

1.2. Ctrl+Alt

1.3. Shift+ Ctrl+Alt

Perspective

8 Mask and Compound Paths

Place

File > Place
(

9 Link

) Place

29
Clipping Mask
Clipping Mask Mask

1. Mask
( Place )
1

2. Object > Clipping Mask > Make

3. Mask Object > Clipping Mask> Release

Pathfinder
Pathfinder
Pathfinder
Pathfinder
1.
2. Pathfinder Palette Window > Pathfinder
Shift +F9
3. Pathfinder Palette
Pathfinder Pathfinder
Palette

30
Pathfinder Palette
Pathfinder Palette 2
Shape Modes: Path

Subtract to Shape Areas

Original

Intersect Shape Area

1.
2.
3.
4.
5.

Add to Shape Area

Subtract to Shape

Exclude Overlapping
Expand
Shape Area
Add to Shape Area
Subtract to Shape Area
Intersect Shape Area 2
Exclude Overlapping Shape Area

Expand Path
Pathfinder

31
Pathfinders: Path

Divide

Trim

Crop

Outline

Merge

Minus Back

1. Divide
2. Trim

3. Merge Trim

4. Crop
5. Outline Style
Trap Overprint

6. Minus Back
(Align)

Align

32
1.
2. Align Palette Window > Align Shift + F7
3. Align
(Arrange)


Object > Arrange 4
Bring Forward 1
Bring to Front
Send Backward 1
Send to Back

Original

Bring Forward

Send Backward

Bring to Front

Send to Back

33
(File Download http://tulip.bu.ac.th/~ittipon.s/ai10lock/ex.html
1
1.
2.
3.

2
1. 1.6 x 4.5 . Corner Radius 0.7 . C4 M 95 Y 93 K0

2. Copy 3 ( Direction tool Alt) 2 > 45 ,

3 > 90

3. Shape Align ( Window)

34
4. shape 3 Pathfinder ( Add) Expand

5. guide Direct tool point

6. Copy 4 ( Direction tool Alt )

7. 4 Pathfinder ( Add) Expand

8. 1 Align Pathfinder Subtract

9. 2 ( Logo) ()
2 Pathfinder Subtract

35
10. C Click
Pathfinder Subtract

Central Effect
3 Layout
1. A4 CMYK
2. text04.ai 2
3. SixDegree04 ()
4. Orange04 2 Text Wrap Offset 6 pt
8. 3 x 21 . Opacity 30
9. Font Century Gothic 65 pt
10. A4 C48 M15 Y98 K3