ìéúÜ î - serazu€¦ · รู้จักกับความสามารถของ pen...

ทดลองอาน

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 |



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



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 |



การปรบแตงและแกไขรปทรง ................................................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



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 |



รจกกบ 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



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 |



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



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 คมอฉบบสมบรณ


กรอกอเมลและพำสเวรดของ Adobe ID ทมอยแลว หรอคลกเลอก Get an

Adobe ID เพอสรำง Adobe ID ใหม

คลกท SIGN IN

ระบอเมลและพำสเวรด รวมถงรำยละเอยดของผใช

คลกเครองหมำยถกหนำตวเลอกทง 2 แลวคลกปม SIGN UP

ขนตอนการลงทะเบยนและตดตง Illustrator CCกำรตดตง Illustrator CC จะแบงขนตอนออกเปน 3 สวนดวยกนคอ 1. กำรลงทะเบยนขอ Adobe ID 2. กำร

ดำวนโหลดและตดตง Adobe Creative Cloud Desktop และสดทำยคอ กำรเลอก Package และช�ำระเงน มขนตอนโดย

ละเอยดดงน

ลงทะเบยน Adobe ID

กำรลงทะเบยน Adobe ID เปนขนตอนแรกทเรำตองจดกำร โดยมขนตอนดงน

2

4

5

3

เปดเวบไซต www.adobe.com ขนมำ1


Chapter | 01 รจกกบ Illustrator CCAdobe

Illustrator


เมอกำรสมคร Adobe ID เสรจสน กจะปรำกฏหนำจอ

My Adobe ซงแสดง รำยละเอยดของผใชทนท

กรอกอเมลส�ำรองในกรณทลมพำสเวรด รวมถงเลอกประเภทงำนและ ธรกจของผใช หลงจำกนนคลกปม Continue

เปดเวบไซต http://creative.adobe.com/products.creative-cloud

Log in ดวย Adobe ID ทสมครไว หลงจำกนนคลกปม Download

เมอกำรดำวนโหลดเสรจสน ใหดบเบลคลกไฟลเพอเรมตนกำรตดตง

6

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

Adobe Creative Cloud Desktop คอ ซอฟตแวรเสรมของ Adobe CC ทชวยใหเรำสำมำรถดำวนโหลด, อพเดต

โปรแกรมไดในภำยหลง รวมถงสำมำรถ Sync ไฟลงำนไปยง Creative Cloud ได กอนทเรำจะเรมตนเลอก Package

โปรแกรมนน เรำจะตองตดตง Adobe Creative Cloud Desktop กอน โดยมขนตอนดงตอไปน

1

3

2

7



09

CHAPTER

Symbol และ Graph เปนชดของภาพส�าเรจรปทน�ามาสรางสรรคงาน

ไดรวดเรวและสวยงาม สามารถประยกตใชไดหลากหลายรปแบบ รวมถง

ดดแปลงวตถเหลานใหเหมาะสมกบงานไดตามตองการ วธใชงานศกษาได

จากหวขอตอไปน

ใชงาน Symbol และ Graphทด

ลองอาน


Chapter | 09 ใชงาน Symbol และ GraphAdobe

Illustrator

รจกกบ SymbolSymbol เปนรปภาพส�าเรจรปทนยมน�ามาใชตกแตงงานตางๆ ใหสมบรณขน สามารถเลอก Symbol ไดมากมาย

จาก Illustrator CC หรอสรางแลวเกบไวใชงานในภายหลงเองไดดวย ขอดของ Symbol ทนอกจากความสะดวกรวดเรว

แลว ยงชวยลดขนาดไฟลงานใหเลกลงดวย เมอตองการใชงาน Symbol ท�าไดโดยคลกเมน Window > Symbols หรอ

กดปม + + แบงออกเปน 28 ชดดงน

3D Symbols Arrows Artistic Textures Celebration

Charts Communication Dot Pattern Vector Pack Fashion

Florid Vector Pack Flowers Grime Vector Pack Hair and Fur

Heirloom Illuminate Flow Charts Illuminate Org Charts Illuminate Ribbons

Logo Elements Mad Science Maps Mobile



เราสามารถน�า Symbol ตางๆ มาสรางสรรคงานไดหลากหลาย ทงการใช Symbol เพยงอยางเดยว หรอจะน�าไป

ใชงานรวมกบภาพกราฟกอนๆ ชวยใหไดงานทสวยงามแปลกตามากขนทเดยว

Nature Primitive Regal Vector Pack Retro

Sushi Tiki Web Buttons and Bars Web Icons

ตวอยางการใชงาน Symbol สรางงานกราฟกแบบงายๆ

หลงจากทเปดพาเนล Symbols ขนมาแลว สามารถใชงาน Symbol ไดโดยแดรกเมาสไปวางบนอารตบอรด นอกจากน

เรายงควบคม Symbol ทใชงานไดดวยดงน

คลกแลวเลอก Symbol ชดอนๆ ทตองการ สราง Symbol ใหม

คลกเพอลบ Symbol ทเลอกใชงานอย

คลกเพอวาง Symbol ลงบนอารตบอรด คลกเพอก�าหนดคณสมบต Symbol

ส�าหรบงานทตอง Export ไปใชงานกบ

โปรแกรมอนยกเลกคณสมบตของ Symbol




Illustrator

ใชงาน Symbol

การใชงาน Symbol เปนภาพประกอบในการออกแบบนน ท�าไดงายๆ เพยงแคแดรกเมาสจากพาเนล Symbols

วางลงบนอารตบอรด เมอเสรจเรยบรอยกสามารถท�างานตอไดทนทดงน

หลงจากทใส Symbol ไปบนอารตบอรดเรยบรอยแลว ถาตองการเปลยนเปนรปอนโดยใหอยในต�าแหนงเดม

ท�าไดโดยการใชค�าสง Replace Symbol บนพาเนล Control

สราง Symbol ใหม

ส�าหรบการออกแบบทตองใชงานภาพวตถเดมๆ อยเสมอ สามารถเกบไวเปน Symbol เพอใหน�ากลบมาใชงานได

สะดวกขน (เปดไฟล Create Symbol จากแผน CD)

เปดพาเนล Symbols ขนมาพรอมกบเลอกชดของ Symbol ทตองการ

1

แดรกเมาสยายภาพไปไวบนอารตบอรดจะไดภาพประกอบ

พรอมใชงานแลว

2

คลกเลอก Symbol ทตองการเปลยน คลกปม แลวเลอก Symbol ทตองการ1 2

ได Symbol ใหมตามทเลอก

3

วาดรปทรงใหมตามตองการ 1

เปดพาเนล Symbols พรอมกบแดรกเมาสยายรปทรงทวาดขนมาเกบไว

2



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

หากน�า Symbol ชนเดยวกนไปใชงาน และตองการปรบแตงรปแบบใหมทงหมด สามารถท�าไดงายๆ ดงน (เปด

ไฟล Symbol Edit จากแผน CD)

ตงชอใหกบ Symbol พรอมกบเลอกประเภท Symbol เปน Movie Clip

3

เมอคลกปม OK กจะได Symbol ใหม

4

Symbol ทน�ามาใชงานบนอารตบอรด และตองการปรบแตง

1

ดบเบลคลกทวตถบนอารตบอรดเพอเขาสโหมดการปรบแตง

2

ดบเบลคลกบนพนทวางบนอารตบอรดเพอเขาสโหมดปกต

4

แกไขวตถทเลอกตามตองการ3




Illustrator

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

การยกเลกคณสมบตของ Symbol ท�าเมอตองการปรบแตงวตถทวางบนอารตบอรดแบบอสระ โดยไมตองการ

ใหกระทบกบ Symbol แบบเดยวกนทใชงานอย เราสามารถแกไขรปทรง รวมถงปรบแตงสสนไดเหมอนกบเปนวตถท

สรางขนเองดงน

Symbol ทกชนจะมรปแบบทถกปรบเปลยนไปทงหมด

5

เปดพาเนล Symbols พรอมกบแดรกเมาสยายรปทรงทวาดขนมาเกบไว

1 เปดพาเนล Symbols ขนมา2

คลกปม (Break Link to Symbol) เพอยกเลกคณสมบตของ Symbol

3

Symbol ถกแปลงเปนวตถธรรมดา สามารถแกไขไดตามตองการ

ปรบแตงวตถไดอยางอสระ4 5



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

(Symbol Shifter Tool) จะใชงานไดหลงจากทสรางส�าเนา Symbol ดวยเครองมอ (Symbol Sprayer Tool)

แลว สามารถจดระยะของ Symbol ใหหางออกจากกนไดดงน

คลกแลวเลอกเครองมอ

ส�าหรบจดการกบ Symbol

ใชเครองมอ (Symbol Sprayer Tool) คลกบน Symbol พรอมกบแดรกเมาส

ได Symbol เปนรปทรงเดมขนมาอกเปนจ�านวนมาก ม

ทศทางตามทแดรกเมาส

3

ใชเครองมอ (Symbol Shifter Tool) แดรกเมาส ไปบน Symbol ทส�าเนาไวแลวตามทศทางทตองการ

1

Symbol จะมระยะหางออกจากกน ดเปนระเบยบมากยงขน

2

เลอก Symbol ทตองการ1

2

ใน Illustrator มชดเครองมอทน�าไปปรบแตงรปแบบของ Symbol ทวาง

บนอารตบอรดใหมรปแบบทแปลกตาขน ทงการกอปป Symbol ออกเปนชดๆ

พรอมกบสมขนาด, รปทรง หรอสสน เครองมอในชดนมทงหมด 8 แบบ มวธการ

ใชงานดงน (เปดไฟล Symbol Test จากแผน CD)

(Symbol Sprayer Tool) เปนเครองมอส�าหรบกอปป Symbol ทวาง

ไวบนอารตบอรดขนมาใหม ใหคลกคางไว หรอแดรกเมาสเพอก�าหนดทศทาง

ของ Symbol

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

กดปมตางๆ เหลาน

กดปม แลวคลกท Symbol เพอเปลยนล�าดบให Symbol ชนนนไปอยดานบนสด

กดปม + แลวคลกท Symbol เพอเปลยนล�าดบให Symbol ชนนนไปอยดานลางสด


ìéúÜ î - serazu€¦ · รู้จักกับความสามารถของ pen...

Documents