Professional Guide Illustrator CC คู่มือฉบับสมบูรณ์ +VDO · ทดลองใช้งานโปรแกรม Illustrator CC ......

ตวอยาง

ตวอยาง

ผแตงวสนต พงพลผล[email protected]

บรรณาธการปยะบตร สทธดารา[email protected]

ออกแบบปกวสนต พงพลผล

ออกแบบรปเลมสรลกษณ วาระเลศ

พสจนอกษรสนทร บรรลอศกด, มนฤด ศรอทโยภาส

E-Book Productionสรยรตน จอ, จราภรณ โสภา

PUBLISHED AND DISTRIBUTED BY

บรษท ไอดซ พรเมยร จ�ากด200 หม 4 ชน 19 หอง 1901 อาคารจสมนอนเตอรเนชนแนลทาวเวอร ถ.แจงวฒนะ อ.ปากเกรด จ.นนทบร 11120โทรศพท 0-2962-1081 (อตโนมต 10 คสาย) โทรสาร 0-2962-1084

สมาชกสมพนธโทรศพท 0-2962-1081-3 ตอ 121 โทรสาร 0-2962-1084

ส�าหรบรานคาและตวแทนจ�าหนาย โทรศพท 0-2962-1081-3 ตอ 112-114 โทรสาร 0-2962-1084

ราคา E-Book 225 บาท

ขอมลทางบรรณานกรมวสนต พงพลผลProfessional Guide Illustrator CC คมอฉบบสมบรณนนทบร : ไอดซฯ, 2558376 หนา1. อลาสเตเตอร ซซ (โปรแกรมคอมพวเตอร)I ชอเรอง006.68ISBN E-Book 978-616-200-592-3

พมพครงท 1 กรกฎาคม 2558

Adobe Illustrator CC เปนเครองหมายการคาของบรษท Adobe Inc. และเครองหมายการคาอนๆ ทอางถงเปนของบรษทนนๆ

สงวนลขสทธตามพระราชบญญตลขสทธ พ.ศ. 2537 โดยบรษท ไอดซ พรเมยร จ�ากด หามลอกเลยนไมวาสวนใดสวนหนงของหนงสอเลมน ไมวาในรปแบบใดๆ นอกจากจะไดรบอนญาตเปนลายลกษณอกษรจากผจดพมพเทานน

Professional Guide

Illustrator CCคมอฉบบสมบรณ

ตวอยาง

Editor’s Note

ในชวงปทผานมา โปรแกรมในคาย Adobe ทงหมดไดถกปรบเปนเวอรชน CC หรอ Creative Cloud

ซงสนบสนนการท�างานแบบออนไลนเตมรปแบบ และเปลยนรปแบบการซอขายโปรแกรมจากทขายเปน

แพคเกจกลองๆ ซอมาตดตงเองและผใชงานไดเปนเจาของตลอดชวต มาเปนแบบใหเชาใชงานเปน

รายเดอนตามราคาแพคเกจทก�าหนด

สวนในเรองความสามารถตางๆ นน กถอไดวาพฒนาขนแบบหวอหวา หลายๆ เครองมอถกปรบ

ใหใชงานไดสะดวกขน ขนตอนการท�างานลดนอยลง ความซบซอนลดนอยลง และมฟเจอรใหมๆ เพมเขา

มาอยเสมอๆ ในทกๆ เดอน ผใชงานสามารถอพเดตเครองมอและฟเจอรใหมๆ ของโปรแกรมไดตลอดเวลา

ในหนงสอ Professional Guide Illustrator CC คมอฉบบสมบรณเลมน ไดอธบายวธใชงานและ

ตดตงสงตางๆ เหลานเอาไวอยางละเอยด โดยอธบายตงแตเครองมอพนฐานของโปรแกรมและเครองมอ

ใหมๆ ทเพมเขามา พรอมทงวธการประยกตใชในแบบ Workshop เพอใหผอานสามารถใชงานโปรแกรม

ไดจรงและถกตองตามกระบวนการมากทสด

หวงเปนอยางยงวา หนงสอเลมนจะมประโยชนและชวยพฒนาสรางสรรคผลงานของคณผอาน

ใหไดตามจนตนาการบางไมมากกนอย

ขอใหสนกกบการท�างานใน Illustrator CC ครบ

ปยะบตร สทธดารา

กองบรรณาธการ DigiArt

มกราคม 2558

ตวอยาง

ขอบคณพอแม ตายาย ทเปนแรงบนดาลใจ และชวย

ผลกดนในการท�างานเสมอมา

ขอบคณพบอส ทใหโอกาสในการเขยนและชวยเหลอ

มาตลอด ตงแตเลมแรกจนตอนนเลมท 5 แลว

ขอบคณทราย ทเลยงดอยางด เพอนๆ พๆ ทกๆ คน ท

ชวยกนสรางสรรคหนงสอเลมนจนส�าเรจลลวงไดดวยด

“ขอบคณจากใจอกครง”

Thanks

ตวอยาง

หนงสอ Professional Guide Illustrator CC คมอฉบบสมบรณเลมน ผเขยนไดเกบเกยวประสบการณ

การท�างานทผานมาในดานงาน Graphic Design ใชโปรแกรมตงแตเวอรชน 10, CS, CS2, CS3, CS4,

CS5, CS6 จนมาถงเวอรชนลาสด CC เลมน ไมวาจะเปนการใชงานเบองตน เชน การใชงานเครองมอ

ตางๆ การเลอกใชส การพมพขอความ จนถงการใชงานจรง เชน ออกแบบโลโก นามบตร หวจดหมาย

ซองจดหมาย โบรชวร ออกแบบหนาเวบไซต หรอแมแตอนโฟกราฟกทก�าลงนยมในขณะน รวมไปถงการ

เรยนรการใชงานเครองมอใหมในเวอรชน CC เชน Touch Type Tool ปรบแตงตวอกษรไดอยางอสระ File

Packaging บนทกไฟลงานเปน PDF หรอ EPS พรอมกบสรางโฟลเดอรฟอนตทเราใชทงหมด มาบนทก

ไวเปนโฟลเดอรเดยว Live Corner ใชส�าหรบแกไขมมของรปทรงไดพรอมกนหลายๆ ดาน ทส�าคญหนงสอ

เลมนถกออกแบบมาอยางละเอยด ผอานสามารถเรยนรและเขาใจไดงายแมไมมพนฐานมากอน แถมยง

มคอนเซปตของเครองมอในแตละกลม รวมถงเทคนคทจะชวยใหท�างานไดอยางรวดเรวยงขนอกดวย

สดทายนขอขอบคณผอานทกทานทใหความสนใจ และตดตามผลงานมาโดยตลอด และจะ

พฒนาผลงานดๆ เพอผอานในเลมตอๆ ไป หากมขอผดพลาดประการใด ผเขยนตองกราบขออภยมา

ณ ทนดวยครบ

วสนต พงพลผล

มกราคม 2558

Writer’s Noteตวอยาง

CONTENTS

Professional Guide Illustrator CC คมอฉบบสมบรณI |

CHAPTER | 01 | รจกกบ Illustrator CC 1

6

อะไรคอ Adobe Creative Cloud ? ........................................2

Adobe Creative Cloud ดอยางไร ? ...........................3

ขนตอนการลงทะเบยนและตดตง Illustrator CC ...................... 4

ลงทะเบยน Adobe ID ................................................4

ดาวนโหลดและตดตง Adobe Creative Cloud Desktop .5

เลอก Package และช�าระเงน ......................................6

ความตองการทรพยากรในการตดตง Illustrator CC ..........10

Windows ..............................................................10

Mac OS ................................................................10

ทดลองใชงานโปรแกรม Illustrator CC ..................................11

สวนประกอบของหนาจอ Illustrator CC ...............................15

Menu Bar.............................................................15

เลอก Workspace ใหเหมาะกบการท�างาน .................16

สราง Workspace ใหเหมาะกบการท�างาน ..................18

การปรบมมมองการแสดงภาพ ...................................19

ก�าหนดรปแบบการเรยงหนาตางงาน ...........................20

4

9

ตวอยาง

Professional Guide Illustrator CC คมอฉบบสมบรณ | II

CHAPTER | 02 | วาดภาพดวยเครองมอพนฐาน 21

CHAPTER | 03 |วาดภาพและสรางงานกราฟกแบบมอโปร 35

23

การใชงานเครองมอกลมวาดเสน ...........................................22

วาดเสนตรงดวย Line Tool ......................................22

วาดเสนโคงดวย Arc Tool ........................................23

วาดเสนโคงรปกนหอยดวย Spiral Tool......................24

วาดตารางสเหลยมดวย Rectangular Grid Tool ........25

วาดตารางวงกลมดวย Polar Grid Tool .....................26

กลมเครองมอดนสอวาดภาพ ................................................28

วาดภาพดวยเครองมอ Pencil Tool ...........................28

ปรบเสนใหเรยบขนดวย Smooth Tool ........................29

ตดเสน Path ทงดวย Path Eraser Tool ...................30

กลมเครองมอส�าหรบวาดรปทรงเรขาคณต .........................30

เครองมอวาดรปทรงพนฐาน ......................................30

วาดรปหลายเหลยมดวย Polygon Tool ......................31

วาดรปดวงดาวดวย Star Tool .................................32

วาดแฟลรดวย Flare Tool .......................................33

รจกกบความสามารถของ Pen Tool .....................................36

ท�าความรจกกบเสน Path ......................................................37

วาดรปทรงดวยเครองมอ Pen Tool .....................................37

วาดเสนตรงดวย Pen Tool ......................................37

การวาดเสนโคงดวย Pen Tool ..................................38

ทดลองวาดภาพตามแบบดวยเครองมอ Pen Tool ........39

เพมจดแองเคอรดวย Add Anchor Point Tool ............41

ลบจดแองเคอรทงดวย Delete Anchor Point Tool ......42

แกไขเหลยมมมเสน Path ดวยเครองมอ Convert Anchor Point Tool .............................................................43

แกไขรปทรงใหเสน Path ..........................................................45

เปลยนต�าแหนงของเสน Path ...................................45

ปรบแตงมมของเสน Path.........................................45

ปรบแตง Path Segment แกไขรปทรงใหม ..................46

แกไขมมใหรปทรง....................................................46

ลบจดแองเคอรบนเสน Path .....................................47

ลบสวนของเสน Path ทง .........................................47

การเชอมตอเสน Path .............................................47

ควบคมจดแองเคอรดวยพาเนล Control ...............................48

ปรบเสน Path ใหเรยบหรอหยกดวยค�าสง Simplify ............50

แปลงภาพถายเปนภาพวาดดวย Image Trace .....................51

แปลงภาพถายเปนภาพ Vector ดวยพาเนล Image Trace...54

แปลงภาพสเกตซใหเปนภาพ Vector ดวยพาเนล Image Trace ...................................................................56

ตวอยาง

Professional Guide Illustrator CC คมอฉบบสมบรณ

CONTENTS

79

CHAPTER | 04 |พนฐานการใชงานสใน Illustrator CC 57

55

รจกกบส ..................................................................................58

โหมดส RGB, CMYK ...............................................58

การเลอกใชสแบบตางๆ ............................................................59

เลอกใชสจาก Color Picker .....................................59

การเลอกใชสจากพาเนล Color .................................61

เลอกใชสและสรางชดสดวยพาเนล Swatches ........................62

สวนประกอบส�าคญของพาเนล Swatches ..................62

เลอกใชสจาก Swatch Libraries ..............................62

สรางกลมสใหม (Color Group) ...............................64

สรางกลมสใหมจากวตถ (Color Group) ....................65

สราง Swatch สใหม ...............................................66

ลบสและชดสออกจากพาเนล Swatches ....................66

ออปชนเพมเตมของพาเนล Swatches .......................66

บนทกและ Import ชดสจากงานอน ...........................67

ลงสอยางรวดเรวดวยพาเนล Swatches .....................68

การเลอกใชสแบบ Pantone ......................................69

เตมลวดลายสวยๆ ใหภาพ (Pattern) .....................................70

สราง Pattern ไวใชเอง (Pattern Creation) ..............71

แกไขตกแตง Pattern ทสรางไว .................................73

ปรบแตง Pattern ดวยพาเนล Pattern Creation ........74

ลงสใหสมพนธกนดวยพาเนล Color Guide ........................75

สรางชดสดวยพาเนล Color Guide ............................75

ปรบแตงสทงชดดวย Recolor Artwork ................................76

สรางชดสไวใชงานดวย Recolor Artwork ..................76

วธปรบสของค�าสง Recolor Artwork ........................78

เปลยนสอารตเวรคดวยพาเนล Color Guide ...............78

จบคสใหมใหภาพดวย Recolor Artwork ...................80

เทคนคการแตงสดวย Recolor Artwork ....................80

รจกและใชงานพาเนล Kuler.....................................................82

สรางชดสใหมดวย Kuler .........................................83

ใชงานชดสจาก Kuler ..............................................85

ผสานสและปรบความโปรงใสดวยพาเนล Transparency ......86

III |

ตวอยาง

Professional Guide Illustrator CC คมอฉบบสมบรณ

120

CHAPTER | 05 |ตกแตงเสนขอบแบบตางๆ ใน Illustrator CC 101

เพมความโปรงใสใหวตถ ...........................................86

ผสานสใหกลมกลนดวย Blending Mode ....................87

ลงสแบบไลโทนกบพาเนล Gradient .......................................88

วธใสสแบบไลโทน ....................................................88

เพมสสนใหแถบสทหลากหลายขน ..............................89

ลดจ�านวนจดส ........................................................90

คดลอกจดสไวใชงานเพม ..........................................90

การไลโทนสแบบ Fade .............................................90

เปลยนทศทางการไลโทนส ........................................91

ไลโทนสแบบตอเนอง................................................93

บนทกแถบสไวใชงานในภายหลง ................................93

ลงสแบบละเอยดดวย Mesh ....................................................94

สรางตาขายดวย Mesh ............................................94

การลบเสนตาขาย ...................................................94

สรางตาขายแบบรวดเรวดวยค�าสง Create Gradient Mesh...95

เตมสใหวตถดวย Mesh ............................................96

ลงสใหภาพดวย Live Paint Bucket Tool .............................97

วธการลงสดวย Live Paint Bucket Tool ...................97

การปรบแตงออบเจกต Live Paint .............................98

แกไขออบเจกตดวยเครองมอ Live Paint Selection Tool...100

สวนประกอบของวตถใน Illustrator ....................................102

การสรางเสนขอบ (Stroke) .................................................102

ก�าหนดสเสนและขนาดเสน .....................................102

ก�าหนดคณสมบตเสนขอบบนพาเนล Stroke ...................... 104

เลอกรปแบบหวเสน ...............................................104

เลอกรปแบบมมให Stroke .....................................104

การจดต�าแหนง Stroke บนเสน Path ......................105

การควบคมระยะหางของเสนประ .............................106

การวาดและรวมเสนดวย Blob Brush Tool ........................109

ออปชนเพมเตมของ Blob Brush Tool ....................110

ใชงานและสรางหวแปรงกบพาเนล Brushes ........................111

สวนประกอบของพาเนล Brushes ...........................111

เลอกใชหวแปรงจาก Libraries ...............................111

หวแปรงแบบ Calligraphic Brush..........................114

หวแปรงแบบ Scatter Brush ................................114

หวแปรงแบบ Art Brush .......................................114

หวแปรงแบบ Pattern Brush ................................115

วาดภาพดวยเครองมอ Paintbrush Tool ..................115

ก�าหนดออปชนเพมเตมใหเครองมอ Paintbursh Tool .116

ยกเลกรปแบบเสน .................................................116

แปลง Stroke เปน Outline ดวยค�าสง Create Outline ....117

สรางหวแปรงใหมเกบไว ใชงาน .............................................118

สรางหวแปรง Calligraphic Brush .........................118

สราง Scatter Brush ...........................................119

สราง Art Brush ..................................................121

| IV

ตวอยาง

Professional Guide Illustrator CC คมอฉบบสมบรณ

CONTENTS

โหมดการวาดดานหลง (Draw Behind) ...................135

โหมดการวาดภายในวตถ (Draw Inside) ..................135

การเลอกท�างานกบออบเจกต ..............................................136

เลอกท�างานกบวตถดวย Selection Tool ..................136

ปรบแตงรปทรงดวย Direct Selection Tool .............137

ใชงานเครองมอ Group Selection Tool ...................138

เลอกจดแองเคอรดวย Lasso Tool ..........................138

เลอกวตถทมสเดยวกนดวย Magic Wand Tool .........139

การเลอกออบเจกตตามรปแบบเฉพาะ ......................139

การรวมกลมวตถและการจดการ .........................................140

แยกชนวตถดวยค�าสง Isolate .................................140

จดระเบยบใหวตถ ..................................................................141

การเคลอนยายวตถโดยก�าหนดต�าแหนงเอง ...............141

การจดเรยงวตถใหเปนระเบยบ ................................143

หมนและกลบดานใหวตถ ........................................................145

การหมนวตถดวย Rotate Tool ...............................145

การกลบดานวตถดวย Refflect Tool .......................147

การท�าซ�าวตถ (Copy) .........................................................148

การท�าซ�าดวยค�าสง Copy ......................................148

การท�าซ�าอยางรวดเรว ...........................................150

147

CHAPTER | 06 |Layer และการจดการกบรปทรง 127

สราง Bristle Brush ............................................122

ใชงาน Bristle Brush รวมกบรปทรงทสรางไวแลว ....123

สราง Pattern Brush ...........................................124

การแกไขหวแปรงทสรางไวแลว ................................126

131

ท�าความรจกกบพาเนล Layers ............................................128

การปรบมมมองของพาเนล Layers .........................128

การจดล�าดบชนใหวตถ .........................................................129

จดล�าดบวตถบนพาเนล Layers ..............................130

จดล�าดบวตถดวยค�าสง ..........................................130

ปรบแตงโครงสรางเลเยอร ..................................................131

ลอคและซอนวตถบนเลเยอร ................................................133

การลอควตถ (Lock Layer) ...................................133

ซอนวตถชวคราว (Hide Layer) .............................134

โหมดล�าดบการวาดรป ..........................................................134

โหมดการวาดปกต (Draw Normal) ........................134

V |

ตวอยาง

Professional Guide Illustrator CC คมอฉบบสมบรณ

การปรบแตงและแกไขรปทรง ................................................152

การปรบแตงรปทรงดวย Bounding Box ...................152

ยอ-ขยายรปทรงแบบก�าหนดคา ...............................153

ยอ-ขยาย-เอยง-หมนรปทรง ...............................................155

ยอ-ขยายรปทรงดวย Scale Tool ............................155

การปรบแตงรปทรงทม Pattern ..............................156

ยอ-ขยายรปทรงดวย Free Transform Tool ............157

เอยงรปทรงดวย Shear Tool..................................159

แกไขรปทรงดวย Reshape Tool ..............................160

การบดรปทรงดวยเครองมอกลม Liquify .........................161

ปรบรปแบบเสนดวย Width Tool ............................163

การปรบแตงออปชนเครองมอในกลม Liquify .............164

แกไขรปทรงดวย Envelope .................................................165

บดรปทรงดวย Warp ............................................165

ยกเลกการบดรปทรง .............................................167

171

บดรปทรงอยางอสระดวย Make with Mesh .............168

บดรปทรงตามแบบดวย Make with Top ..................168

การดดรปทรงดวยเอฟเฟกต ..............................................169

ปรบเปลยนรปทรงดวย Free Distort ......................169

ปรบรปทรงดวย Pucker & Bloat ...........................170

ปรบขอบภาพใหหยกดวย Roughen .........................170

กอปปและปรบรปทรงดวย Transform .....................171

ปรบเสนขอบใหยงเหยงดวย Tweak .........................172

เอยงภาพดวยค�าสง Twist ......................................172

ปรบเสนขอบใหหยกดวยค�าสง Zig Zag ....................173

รวมและตดรปทรงดวยพาเนล Pathfinder ..........................173

รวมและตดรปทรงดวย Shape Modes .....................174

การสรางและใชงาน Compound Shape ....................175

ตด-เจาะ-แยกรปทรงดวย Pathfinder ......................176

ตดเจาะรปทรงดวย Compound Path ................................178

การตดรปทรงออกเปนสวนๆ ..............................................179

หนรปทรงดวย Scissors Tool ................................179

ตดรปทรงแบบอสระดวย Knife Tool ........................180

ลบวตถดวย Eraser Tool ......................................181

ก�าหนดขอบเขตภาพดวย Clipping Mask .........................181

สรางภาพตอเนองดวยเครองมอ Blend Tool .................. 183

ใชงาน Blend Tool สรางวตถแบบตอเนอง ................183

เพมความถใหวตถตอเนอง ......................................185

Blend วตถตามเสน Path ......................................186

แยกวตถทไดจากการ Blend ...................................187

ยกเลกการ Blend วตถ .........................................188

รวมรปทรงดวยเครองมอ Shape Builder Tool .............. 189

CHAPTER | 07 |ปรบแตงและแกไขรปทรง 151

| VI

ตวอยาง

Professional Guide Illustrator CC คมอฉบบสมบรณ

CONTENTS

สรางภาพมมมองเสมอนจรงดวย Perspective Drawing...191

สวนประกอบของ Perspective Grid .......................191

การใชงาน Perspective Grid .................................192

การปรบแตง Grid .................................................193

เพมและลดขนาดเซลลของ Grid ..............................195

การเลอกระนาบส�าหรบท�างาน ................................196

วาดรปทรงแบบ Perspective ...............................................196

เคลอนยายวตถไประนาบอนๆ ใน Perspective ..........198

ดดแปลงวตถใหเปน Perspective ............................199

กอปปวตถใน Perspective .....................................200

ปรบแตงวตถดวย Stylize ....................................................219

ใสเงาใหวตถดวยค�าสง Drop Shadow ......................219

เปลยนรปทรงเหลยมๆ ใหมนขนดวย Round Corners ....221

สรางภาพสเกตซดวย Scribble ...............................222

ใสเอฟเฟกตพเศษใหภาพดวย SVG Filters ........................225

ใชงานเอฟเฟกตตกแตงภาพกราฟก ...................................227

Artistic ...............................................................227

Blur ...................................................................228

Brush Strokes ...................................................228

Distort ...............................................................229

Pixelate ..............................................................229

Sketch ...............................................................229

Stylize ...............................................................230

Texture ..............................................................230

Video..................................................................231

การใชงาน Effect Gallery....................................................231

เทคนคการใชงานเอฟเฟกต ..................................................232

ตกแตงภาพใหดนมนวลดวยค�าสง Blur.....................232

แกไขเอฟเฟกตดวยพาเนล Appearance ............................233

การลงสแบบซบซอนดวยพาเนล Appearance ...........235

แปลงวตถท ใสเอฟเฟกตดวย Expand Appearance ........ 236

แปลงเวคเตอรเปนบตแมป ......................................236

ใชงานพาเนล Graphic Styles .............................................237

สราง Graphic Style เกบไวใชภายหลง ....................240

210

ท�าความรจกกบเอฟเฟกต ....................................................204

ใชเอฟเฟกตปรบแตงรปทรงวตถแบบ 3D ..........................205

สรางรปทรง 3 มตดวย Extrude & Bevel ...............205

ก�าหนดทศทางแสงเงาบนวตถ .................................207

ก�าหนดรปแบบพนผววตถ .......................................208

ประยกตใชงานค�าสง Extrude & Bevel ...................209

สรางโลโกแบบ 3 มตดวย Map Art .........................210

ประยกตใชงานค�าสง Revolve .................................213

ปรบมมมองวตถใหสมจรงดวย Rotate ..............................217

เปลยนรปทรงพนฐานดวย Convert Shape ...................... 218

CHAPTER | 08 |ตกแตงภาพดวยเอฟเฟกต 203

225

VII |

ตวอยาง

Professional Guide Illustrator CC คมอฉบบสมบรณ

รจกกบ Symbol ...................................................................242

ใชงาน Symbol .....................................................244

สราง Symbol ใหม ...............................................244

ปรบแตง Symbol ทใชงานแลว ...............................245

ยกเลกคณสมบตของ Symbol .................................246

จดการกบ Symbol ดวยเครองมอพเศษ ...........................247

สรางกราฟดวยกลมเครองมอ Graph ..............................250

หลกการสรางและปรบแตงกราฟ ..............................251

เปลยนประเภทกราฟ .............................................252

ปรบออปชนของกราฟ ............................................253

ใชงานภาพประกอบตกแตงกราฟ ..............................254

รจกกบเครองมอกลม Type Tool ......................................258

การสรางขอความดวยเครองมอ Type Tool..................... 260

สรางขอความสนๆ ดวยเครองมอ Type Tool .............260

ปรบแตงขอความศลป ............................................261

สรางขอความแบบยอหนา ......................................262

การ Import ขอความมาใชงาน ................................262

การปรบแตงขอความแบบยอหนาเบองตน .................263

เชอมโยงขอความไปยงกรอบใหม .............................264

สรางขอความแนวตงดวยเครองมอ Vertical Type Tool...265

สรางขอความภายในรปทรง ................................................265

สรางขอความภายในรปทรงดวย Area Type Tool ......266

สรางขอความแนวตงในรปทรงดวย Vertical Area

Type Tool ...........................................................267

พมพตวอกษรใหพลวไปตามเสน Path ................................267

ปรบแตงขอความบนเสน Path ................................269

CHAPTER | 10 |ท�างานกบตวอกษร (Type) 257

278

265

CHAPTER | 09 |ใชงาน Symbol และ Graph 241

| VIII

ตวอยาง

Professional Guide Illustrator CC คมอฉบบสมบรณ

CONTENTS

ปรบเปลยนรปทรงตวอกษรดวยค�าสง Type on a Path ...271

ควบคมระยะหางใหขอความบนเสน Path ..................272

จดการกบรปแบบตวอกษร ..................................................273

เลอกรปแบบตวอกษรจากเมน .................................275

เลอกอกขระพเศษจากพาเนล Glyphs .......................276

เทคนคตกแตงตวอกษร ........................................................277

เตมสพนและสเสนใหตวอกษร .................................277

บดตวอกษรใหพลวไหว ...........................................277

ใส Style ใหตวอกษร ............................................278

แปลงตวอกษรเปน Shape ดวย Create Outlines .....279

ตกแตงตวอกษรใหเปน 3 มต ..................................280

จดการกบขอความแบบยอหนา ............................................281

เทคนคการท�างานกบขอความแบบยอหนา ...........................283

ตดขอความลอมภาพ .............................................283

แบงขอความเปนคอลมน ........................................284

พมพภาพในรปแบบตางๆ .....................................................286

ท�าความรจกกบพนทการพมพ .................................286

การพมพอารตเวรค ............................................................287

ควบคมคาการพมพทวไป ........................................287

พมพภาพหลายหนาตอกน (Tiling) .........................290

พมพภาพหลายขนาดดวย Artboard Tool ................291

ก�าหนดสญลกษณทางการพมพ (Marks & Bleed) ....292

ก�าหนดออปชนใหงานพมพขนสง (Output) ...............294

ก�าหนดความคมชดให Path (Graphics) ..................294

ควบคมความถกตองของสใหอารตเวรค

(Color Management) ..........................................295

เพมเตมคณสมบตการพมพ (Advanced) ..................295

แสดงขอมลกอนสงพมพ (Summary) ......................296

การบนทกคาการพมพ (Preset) .............................296

การ Export อารตเวรค .......................................................298

Export อารตเวรคไปสราง Animation ......................298

Export อารตเวรคไปใชงานตอใน Photoshop ............300

CHAPTER | 11 |การพมพและการ Export อารตเวรค 285

301

304

Export อารตเวรคเปนไฟล JPEG ...........................302

บนทกอารตเวรคเปนไฟล PDF.............................................302

บนทกอารตเวรคส�าหรบเวบเพจ..........................................304

ตดภาพออกเปนชนดวย Slice Tool .........................304

การบนทกภาพดวย Save for Web .........................305

การ Export อารตเวรคเปนไฟล TIFF ......................308

IX |

ตวอยาง

Professional Guide Illustrator CC คมอฉบบสมบรณ

332

CHAPTER | 12 |Workshop สไตลมออาชพ 309

340

Workshop 01 : วาดภาพเหมอนสไตล Illustrator ............ 310

Step 01 วาดเสนเคาราง .......................................310

Step 02 ลงสใหสวย .............................................315

Workshop 02 : สรางกรอบรปสวยๆ ในแบบ

Illustrator...............................................................................320

Step 01 สรางกรอบรปไวใชงาน..............................320

Step 02 สรางฉากหลงลายกอนอฐ .........................323

Workshop 03 : ออกแบบโลโกสไตลวนเทจ ....................... 326

Step 01 สรางรปทรงของไอคอน ............................326

Step 02 ตกแตงไอคอนดวยตวอกษร .......................329

Workshop 04 : ออกแบบโปสเตอรแนวๆ สไตลวนเทจ .... 331

Step 01 ตกแตงภาพถายใหดเปนภาพวาด ...............331

Step 02 สราง Background และขอความตกแตงใหงานดลงตว ..................................................................333

Workshop 05 : ออกแบบโปสเตอรสไตล Illustration ดวย

เครองมอพนฐาน .................................................................335

Step 01 ไดคตภาพดวย Pen Tool ..........................335

Step 02 ตกแตงภาพดวย Symbol .........................336

Workshop 06 : ออกแบบโลโก หรอไอคอนแบบมมต ....... 341

Step 01 ออกแบบรปรางไอคอน .............................341

Step 02 ออกแบบรปรางไอคอน .............................344

330

| X

ตวอยาง

Professional Guide Illustrator CC คมอฉบบสมบรณ

CONTENTS

CHAPTER | 13 |เครองมอใหมใน Illustrator CC 347

เครองมอใหมของ Illustrator CC (17) ..............................348

เครองมอ Touch Type Tool ...................................348

Images in brushes..............................................349

File Packaging....................................................350

Transform Artwork ............................................351

Auto corners for pattern brushes .....................352

เครองมอใหมของ Illustrator CC (17.1) ..........................353

Live Corners ......................................................353

Rebuilt Pencil Tool .............................................354

Path segment reshaping .....................................355

Typekit Integration .............................................356

Custom Tools Panels ..........................................357

เครองมอใหมของ Illustrator CC (18) ..............................358

Live Shapes Rectangles and Rounded Rectangles ....358

เครองมอ Pen Tool แบบใหม .................................359

Snap to Pixel, Point and Grid updates ...............360

360

354

358

348

XI |

ตวอยาง

กอนจะเรมตนท�ำงำนกบ Illustrator CC ผใชตองท�ำควำมรจกกบสวน

ประกอบของโปรแกรม เพอควบคม Workspace หรอเลอกใชเครองมอใหไดอยำง

รวดเรว ในบทนผอำนจะไดรจกวธสรำงไฟลงำนแบบตำงๆ ใชงำนเครองมอ

หลกกำรใชงำน รวมทงใช Share My Screen ท�ำงำนรวมกนผำนเครอขำย

อนเทอรเนต

รจกกบ Illustrator CC

01

CHAPTER

ตวอยาง

อะไรคอ Adobe Creative Cloud ?

Package และ Plan การช�าระเงนของ Adobe Creative Cloud แบบตางๆ ทผใชสามารถเลอกกอน

เรมตนดาวนโหลดโปรแกรมมาตดตง

ในอดตเรำคนเคยกบ Adobe Creative Suite ทเปน

โปรแกรมแบบแบงชด โดยแบงเปนชดส�ำหรบนกออกแบบ

กรำฟก, เวบดไซน หรองำนตดตอวดโอ แตส�ำหรบ Adobe

Creative Cloud เรำสำมำรถเลอกใชโปรแกรมทตองกำรได

เอง (หรอเลอกเปนชดตำม Package) โดยเลอกดำวนโหลด

จำกเวบไซต www.adobe.com

ดงทกลำวไวในตอนตนวำ Adobe CC ไดปรบ

เปลยนรปแบบกำรช�ำระเงนเปนแบบรำยเดอน ซงผใช

สำมำรถเลอก Plan ทเหมำะสมได โดยแบงออกเปน 3

ชด ไดแก Individauls ทเหมำะกบผใชงำนทวไป, Teams

and Business ทเหมำะกบกำรท�ำงำนในกลมใหญ และ

Education ทเหมำะกบกำรศกษำ (เปน Package ชวครำว)

ในแตละ Plan ยงแบงออกเปน Package ยอยๆ

ซงมรำคำทแตกตำงกน เชน Single App ส�ำหรบผทตองกำร

ใชงำนโปรแกรมเดยวเทำนน กสำมำรถเลอกตดตงไดใน

รำคำเรมตนท 600 บำทตอเดอน หรอเลอก Package แบบ

Complete หำกตองกำรตดตงแบบบฟเฟต (1,500 บำทตอ

เดอนส�ำหรบผใชรำยใหม หรอ 900 บำทตอเดอนส�ำหรบ

ผใชเกำทตดตงโปรแกรมเวอรชน CS3 หรอสงกวำไวแลว)

2 | Professional Guide Illustrator CC คมอฉบบสมบรณ

Chapter | 01 รจกกบ Illustrator CCAdobe

Illustrator

ตวอยาง

Adobe Creative Cloud ดอยางไร ?

จำกรำยละเอยดทกลำวมำขำงตนจะเหนวำ Adobe Creative Cloud คอนขำงยงยำกกวำ Adobe เวอรชนทผำนมำ

แตมขอดทนำสนใจดงน

• Upgrade โปรแกรมฟรตลอดอำยกำรใชงำน ซงเรำไมจ�ำเปนตองลบ หรอตดตงโปรแกรมใหมอกตอไป

• เมอม Features ใหม หรอมกำรแกไขโปรแกรม (Patch) กสำมำรถอพเดตไดตลอดเวลำ

• พนทฟรส�ำหรบเกบไฟลงำนบน Creative Cloud แบบออนไลน สงสดถง 100 GB ซงชวยใหเรำสำมำรถเกบ

ไฟลงำนทส�ำคญ และแชรไฟลงำนเพอท�ำงำนรวมกบเพอนรวมงำนไดทกหนทกแหง

• Admin Console เปนสวนทใชจดกำรสทธผใชงำนไฟลทแชรบน Creative Cloud ซงเรำสำมำรถก�ำหนดสทธให

ผใชแตละคนท�ำอะไรกบไฟลไดบำง เชน เปดดไดอยำงเดยว แกไขได เปลยนแปลง และบนทกงำนได เปนตน

• ทมงำน Expert Support จำก Adobe และ Support จำก I.T. Solution Computer (Thailand) Co., Ltd. ทจะอย

เคยงขำงในกำรใหค�ำปรกษำทงสวนของกำรใชงำนโปรแกรม หรอในสวนของกำรตดตงโปรแกรม เปนตน

• สำมำรถเลอกดำวนโหลดโปรแกรมทงหมดบน Adobe Creative Cloud ได แบบไมจ�ำกดเหมอนทเคยเปนใน

เวอรชนผำนๆ มำ (เมอเลอก Package แบบ Creative Cloud Complete Plan เทำนน)

| 3Professional Guide Illustrator CC คมอฉบบสมบรณ

ตวอยาง