Adobe-Illustrator-CC”

วาดรปู ทรงดว ยเคร่อื งมอื Pen Tool

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

การสรางเสนตรงดวยเครื่องมอื (Pen Tool) เปนวิธที งี่ ายท่ีสดุ เพียงแคคลกิ ไปบนอารต บอรด ก็จะไดเ สน Path ท่เี ปนเสน
ตรงดงั ตวั อยางตอไปนี้

Work Shop : Grassed 3D

สรางเสนตรงดวยเครอ่ื งมอื (Pen Tool) ตามรปู

วาดเสน โคงดวย Pen Tool

การสรางเสนโคงดวยเครื่องมอื (Pen Tool) เปน วิธีท่งี ายที่สดุ เพียงแคคลิกไปบนอารต บอรดกจ็ ะไดเ สน Path ท่เี ปนเสน
ตรงดงั ตัวอยางตอไปนี้

สรางเสน โคงรูปตัว U สรางเสนโคงรปู ตัว S การวาดเสน ตรงรว มกบั เสน โคง

Work Shop | Bicycle

สรา งเสนตรงดวยเคร่อื งมือ (Pen Tool) ตามรปู

Work Shop | Add Achor Point

เพมิ่ จุด Achor Pointดวยเครอื่ งมือ (Add Anchor Tool) ตามรปู

Work Shop | Delete Achor Point
Toolลบ Achor Point ดว ยเครอ่ื งมอื (Delete Anchor Point Tool) ตามรปู

Work Shop | Convert Achor Point to corner

Convert Achor Point ดวยเครอ่ื งมือ (Convert Anchor Point to corner) ตามรูป

Work Shop | Convert Achor Point

- Convert Achor Point ดว ยเครอื่ งมอื (Pen Tool)
-  คลิกทจ่ี ดุ Achor Point แลว ไปท่ี (Convert Anchor Pen Tool)
- ปรบั แขนของจุด Achor Point

Work Shop | Convert Achor Point

Convert Achor Point ดว ยเครือ่ งมอื โดยกด ALT คางไวแลวแดรกเมาสไ ปยงั ทศิ ทางของจดุ Direction

Work Shop | Simplify

Simplify คือ คำสั่งท่ใี ชแกปญหาเสน Path ทม่ี รี อยหยักมากๆ ใหดูเนยี นเรยี บข้ึน ในขณะเดยี วกันก็สามารถแปลงเปน เสน Path
ที่โคง มนใหก ลายเปนเหลย่ี มมุมไดเชน กนั สามารถเรยี กคำสั่งไดท เ่ี มนู Object > Path > Simplify

Work Shop | แปลงภาพถายเปนภาพวาด

การแลงภาพบิตแมปใหเ ปน ภาพวาด ใชค ำสงั่ Image Trace คำสัง่ จะคำนวณคา จากจุดสภี าพมาสรา งเปน เสน Path เราสามารถ
จดั การรปู แบบไดภายหลงั ไมว าจะเปนการปรับความโคง ของเสน Path การเพ่มิ สใี หสวยงาม การใชคำสง่ั Image Trace
สามารถทำไดด ังนี้

3 คลิกทป่ี ุม Image Trace บนพาแนล Control
เพ่ือแปลงภาพเปนเวคเตอร

2 คลกิ เลอื กภาพดวยเครือ่ งมือ Selection Tool
1 วางรปู ภาพไวบ น Art Board โดยคลกิ เมนู

File > Place

แปลงภาพถาย
เปนภาพวาด

การจดั การวตั ถุ
ดว ย Adobe Illustrator

การจัดการวตั ถุ : COPY A. วางวัตถุทัว่ ไป
B. วางวัตถุซอ นทบั ตัวเดมิ
2 คลิกทเี่ มนู Edit 1 ใชเคร่อื งมือ Selection Tool C. วางวตั ถไุ วหลงั วัตถุตวั เดมิ
คลกิ เลอื กวตั ถทุ ่ตี องการ Copy D. วางวตั ถไุ วตำแหนงเดยี วกบั วตั ถเุ ดมิ
F. วางวางวัตถุไวท กุ ArtBoards

3 คลกิ เลือก Copy 4 คำส่งั วางวัตถุ

A
B
C
D
F

การจัดการวตั ถุ : Duplicate ABD

: การกระทำซำ้ กบั วตั ถุ (Object) 3 Duplicate ไฟลดวยการกดปมุ CTRL+D

1 ใชเครอ่ื งมอื Selection Tool
คลิกเลือกวัตถทุ ่ตี อ งการ Copy

A

2 ทำการ Copy Object ออกมา 1 ครง้ั
ดวยการคลิกวัตถุ A แลว กด alt คาง
ใชเ มาสแดรก object ออกมา จะได
AB วัตถุ B

การจดั การวตั ถุ : Order

: การจัดลำดบั ของวัตถุ (Object)

C

2 คลิกเมาสขวา แลว ไปทีเ่ มนู Arrange

B

A

A

1 ใชเ ครอื่ งมอื Selection Tool คลกิ เลอื กวตั ถุ A เพอ่ื จดั ลำดบั 3 เลอื กการจัดการวตั ถุตามความตอ งการ

การจดั การวัตถุ : Transform

2 คลกิ เมาสขวา แลวไปที่เมนู Transform การเคล่ือนยายวตั ถุ
การหมุนวตั ถุ
A
การกลับดา นวตั ถุ
การขยาย/ลดขนาดของวัตถุ
การยืดขยายขนาดของวตั ถุ

3 เลอื กการจัดการวัตถุตามความตอ งการ

1 ใชเ ครื่องมือ Selection Tool คลกิ เลือกวัตถุ

Brush

ดว ย Adobe Illustrator

การทำงานกับ Brush Tools

1 คลกิ เลอื ก Brush Tool 2 คลกิ เมนู Window > Brush (F5) 3 คลกิ เลิอื ก Brush ทีต่ องการวาด

การทำงานกบั Brush Tools

4 คลิกเลอื ก Brush Library
เพือ่ เปดใชง าน Brush ชนิดอ่ืน

ตวั อยา งการทำงานกบั Brush Tools

Pathfinder

ดวย Adobe Illustrator

การทำงานกับ Pathfinder
พาเนล Pathfinder คือ พาเนลสำหรับจดั การกับรูปทรงท่ีวางซอ นทับกัน ใหสามารถรวมกัน หรือ ตัดสวนทที่ บั ซอ นกันออกไป

1 สรา งรปู Shape ดงั ภาพขึ้นมา 2 คลิกเมนู Window > Pathfinder คลิกเลอืิ ก การจดั การ
3 Pathfinder ทต่ี องการ

คลกิ เพ่อื รวมรูปทรง หรือตัดรูปทรงทซี่ อ นกนั
อยูในแบบตา งๆ เลอื กไดทง้ั หมด 4 วิธี

คลิกเพอ่ื แยกรูปทรง ทซ่ี อนกันออกเปน ชน้ิ ๆ
เลอื กไดท้งั หมด 6 วธิ ี

คลกิ เพ่อื ตดั เสน Path ออกตามรูปแบบทเ่ี รา
เลือก

การทำงานกบั Pathfinder

Unite Minus Front Intersect Exclude Devide

Trim Merge Crop Outline Minus Back

พ้นื ฐานการใชส ี

รจู ักกบั สี

ในโปรแกรม Illustrator นอกจากการวาดภาพ พมิ พขอ ความแลว ขนั้ ตอนทสี่ ำคญั และขาดไมไดค ือ การลงสี เชน ลงสแี บบสี
เดียว ลงสีแบบไลโทน ลงสแี บบลวดลาย Pattern เปนตน กอ นทจ่ี ะเรม่ิ ตนลงสนี น้ั เราควรรูจ กั สีใหม ากเสียกอ น ดังน้ี

โหมดสี

โหมดสี RGB

โหมดสี RGB หรือ สีทางแสง จะมีสีหลักคอื RED (สแี ดง) GREEN (สเี ขยี ว) และ BLUE (สีน้ำเงิน) สที ัง้ 3 จะผสมกนั เปน สขี าว
งานที่เหมาะสมกับ โหมดสี RGB เชน งานกราฟก สำหรับเว็บ หรืองานพรีเซนเตชนั

โหมดสี CMYK

โหมดสี CMYK หรือ สีทางการพมิ พ จะมสี ีหลักคือ Cyan (สฟี า) Magenta (สชี มพู), Yellow (สีเหลือง) และ Black (สดี ำ)
ซง่ึ สีดำทเ่ี กดิ จากการผสมของสีท้งั 3 ซ่ึงเปนสดี ำไมสนิท จงึ ตอ งมสี ีดำมาชว ยเสรมิ ผใู ชค วรเลือกใชโ หมดสีนีส้ ำหรบั การออกแบบ
ส่ิงพิมพตา งๆ เพ่อื ปองกนั ปญ หาสเี พย้ี น

การเลอื กใชสแี บบตา งๆ สีใหมท่ีเลอื กไว สญั ลักษณเตอื นวา สีท่เี ลือกไมส ามารถใช
สเี ดิมทเ่ี ลอื กไว งานไดก บั งานทที่ ำอยู
การเลอื กใชสจี าก Color Picker : หนา ตา งสำหรบั เลือกสี

คลิกเลอื กความเขม ของสี เลอื กใชส กี บั Swatches ที่มีอยู
ท่ตี องการนำมาใช เลอื กโหมดสี HSB RGB และ CMYK
ซ่ึงจะสอดคลอ งกบั งานทีท่ ำงาน
คลกิ เลอื กเพื่อแสดงสที ่ี
สามารถใชอ อกแบบเวบ็

ไซตเทา นัน้

คลิกเลือกเพื่อเลือกโทนสที ่ตี อ งการนำมาใชง าน ใสโ คดสสี ำหรับใชงานดา นการออกแบบบนเว็บเพจ

การเลอื กใชส แี บบตางๆ การเลอื กใชสจี าก Panel Color : หนาตางสำหรับปรบั แตง สี

แดรกเมา สเพื่อเลอื กสีผสมเอง

คลกิ เลอื กความเขม ของสี ผสมสดี วยการกรอกคา สี
ทต่ี องการนำมาใช โคด สคี า (HEX)
สามารถนำไปใชตอในโปรแกรมอ่นื ๆได
สีใหมท่ีเลอื กไว
ปรบั แตง สีเสน
ไมเ ตมิ สใี ดๆ

เลือกใชง านสขี าวดำ

คลิกเลอื กโทนสีที่ตอ งการนำมาใชงาน

การเลอื กใชส แี บบตางๆ การเลือกใชโหมดสีจาก Panel Color : หนา ตา งสำหรบั เลอื กสี

การเลอื กใชโหมดสตี า งๆ

ปรับเลอื กใชสที ต่ี รงกนั ขา มกบั สที ี่ใช
อยู
ปรับเลือกใชส ที ใ่ี กลเ คยี งกับสที ่ใี ชอ ยู

เพ่มิ สีที่ผสมไวใ นพาเนล Swatches

Grayscale สำหรบั การทำงานไลโทนขาวดำ CMYK สำหรับการทำงานสงิ่ พมิ พ
RGB สำหรบั การทำงานทต่ี อ งแสดงภาพบนหนาจอ
HSB สำหรบั การทำงานทตี่ อ งเลอื กใชสแี บบผสม
Web safe RGB ตามระดับความสวาง

สำหรับงานออกแบบเว็บ

การเลือกใชส แี บบตา งๆ การเลอื กใชโหมดสจี าก Swatches : หนา ตางสำหรบั เลือกสี

ชุดสีพน้ื ฐานในโปรแกรมทีใ่ ช
งานไดทนั ที

ลบสอี อกจากพาเนล

การเลอื กใชส จี าก
Swaches Libraries

สรางกลุม ชุดสีใหม สรา งสีใหมเพม่ิ
เลอื กชดุ สีแบบอนื่ ๆ จาก เลือกการแสดงผลของสี เพิม่ สีทผี่ สมไวในพาเนล Swatches
Swaches Libraries ในพาเนล Swaches

การเลือกใชส ีแบบตางๆ การเพ่มิ สีใน Swatch 4

2 คลิกที่ สรา งกลุมชดุ สใี หม กลมุ สีทเี่ ราสราง
ขน้ึ มาใหม
1
3
ใชเครอื่ งมอื Selection tool คลกิ
ที่ Object ท่ตี อ งการสรา งกลมุ สี ตั้งชือ่ กลมุ สี

การเลือกใชสีแบบตา งๆ การใชงาน Color Guide 5 ผลลัพธข องการปรับสี

1 2 คลิกเพ่ือกำหนดกลมุ สีใหม 3 คลิก edit
4 ปรับสตี ามความตองการ
ใชเครือ่ งมอื Selection tool คลิก
ที่ Object ที่ตองการสรา งกลมุ สี

ตกแตงเสน ขอบในแบบตา งๆ

รูจ ักกบั เสน ขอบ

นอกจากการลงสพี ้นื ใหว ตั แุ ลวยังลงสขี อบไดอีกดว ย สามารถกำหนดสีเสน ไมวาจะเปนสพี น้ื หรอื สแี บบลวดลายตอ เน่ือง
(Pattern) นอกจากนนั้ ยงั สามารถเพม่ิ ลดขนาดของเสนไดด ว ย มีขั้นตอนดงั น้ี

1 ใชเ คร่ืองมอื Selection Tool 2 เปดพาเนล Color ขน้ึ มา 4 แดรกเมาสป รบั สไี ดต าม 5 ลักษณะของเสนขอบ
คลกิ เลือกวัตถทุ ีต่ อ งการ 3 คลกิ เลอื ก Stroke เพื่อปรับเสน ตอ งการ หรือคลิกทเี่ ลอื กสี เริ่มตน ทมี่ บี าง
จากแถบสเปกตรมั เกนิ ไป
ดา นลา ง

รจู กั กบั เสน ขอบ

6 คลิกเมนู Windows>Stroke 8 ไดเสน ขอบหนา ข้นึ ดังภาพ 10
เพอื่ เปดพาเนล Stroke ขนึ้ มา
สขี อบทม่ี กี ารปรบั แตง
7 เปดพาเนล Color ขน้ึ มา
9 แดรกเมาสป รับสีไดต าม
ตอ งการ หรอื คลกิ ท่เี ลอื กสี
จากแถบสเปกตรมั
ดานลา ง

กำหนดคณุ สมบตั เิ สน ขอบบนพาเนล Stroke

กำหนดลกั ษณะให กำหนดขนาดเสน
เสนและรูปแบบมมุ
กำหนดตำแหนง Strok บนเสน Path สรางเสน ประและควบคมุ ระยะหา งของเสน ประ
สรา งหวั ลกู ศร
กำหนดหวั ลูกศร เลอื กรูปแบบของเสน Stroke
ระบุตำแหนงของหัวลูกศร

Workshop Stroke

สรา งเครือ่ งเลน เสียง
ดว ยเครอื่ งมอื Stroke

สรา ง Profile Stroke ไวใ ชเอง

ใชเครอ่ื งมอื Pen tool วาดเสนตรงขน้ึ มา พรอมกับปรับ
ขนาดใหหนาข้นึ ดว ยเคร่ืองมอื (Width Tool)
1

เปดพาเนล Stroke ขนึ้ มา 2 4

หลังจากน้นั คลิกปุม Profile ทดลองสรา งโลโกจาก Stroke

3

ต้ังชื่อ Stroke แลว คลกิ ปุม OK

Workshop Stroke

สราง Logo
ดวยเครอ่ื งมือ Stroke

การวาดเสนดวย Bob Brush Tool 4

เปดภาพทต่ี องการ 1 แดรกเมาสวาด
ตกแตงขึ้นมา ตามรูปภาพ

2

คลกิ เลือกเครื่องมือ Blob Brush Tool

3

คลิกเลือกสเี สน ที่ตอ งการ

ทำความรูจักกบั Layers
ดว ย Adobe Illustrator

รูจกั กับ Layers

เลเยอร (Layer) คือชั้นของวัตถทุ สี่ รา งข้ึนจากเคร่อื งมอื ใน Illustrator โดยวัตถุแตละช้นิ จะวางซอ นกนั ตามลำดบั วัตถุท่สี รางใหม
จะอยูดานบนเสมอ การจดั การกับเลเยอรท ี่ดีจะชว ยใหส ามารถวาดภาพไดงา ยขึน้ และเลือกปรับแตง ชิน้ งานในภายหลงั ได

คลกิ เพอ่ื ลอ็ คการปรบั แตง วัตถุในเลเยอร ดับเบ้ลิ คลิกเพ่อื เปล่ยี นชอื่ เลเยอร
คลกิ เพื่อซอ นหรอื แสดงวตั ถุยอ ยในเลเยอรท่ที ำงานอยู
คลกิ เพื่อเลือกทำงานกับวัตถุในเลเยอร
คลกิ เพอ่ื ซอ นหรือแสดงวตั ถใุ นเลเยอร สัญลักษณแสดงวัตถุในเลเยอร ถูกเลือกทำงานอยู
คลิกเพื่อสรา งหรอื ยกเลิก Mask
ขอความแสดงประเภทของวัตถุในเลเยอรยอ ย
คลิกเพอ่ื คนหาวัตถุที่เลอื กทำงานอยู
คลิกเพอื่ ลบเลเยอร

คลกิ เพื่อเพิ่มเลเยอร
คลกิ เพอ่ื เพ่มิ เลเยอรยอ ยใหม

การปรบั มุมมองของพาเนล Layers

คลกิ ปมุ ขา งพาเนล Layers 1
เพ่ือเรียกคำสัง่ เสริม

แสดงวัตถเุ ฉพาะใน
เลเยอรเทาน้นั
กำหนดการแสดงภาพใน
Layer Thumbnail

คลิกเพื่อเลอื กทำงาน คลิกเพอ่ื แสดงและซอนภาพ
กับวตั ถุในเลเยอร ใน Layer Thumbnail ของ
วตั ถุประเภทตา งๆ
2

การปรับมุมมองของพาเนล Layers

คลกิ ปุม ขา งพาเนล Layers 1
เพอ่ื เรียกคำส่งั เสริม

แสดงวัตถุเฉพาะใน ดับเบิ้ลคลิกบนพนื้ ท่ีวา งของ
เลเยอรเ ทา น้ัน เลเยอรเพ่อื เปดหนา ตาง
กำหนดการแสดงภาพใน Layer Option ขน้ึ มา
Layer Thumbnail

คลกิ เพอ่ื เลือกทำงาน คลกิ เพอื่ แสดงและซอนภาพ
กับวตั ถใุ นเลเยอร ใน Layer Thumbnail ของ
วัตถุประเภทตางๆ
2

การปรบั มุมมองของพาเนล Layers ตั้งชอื่ ใหเลเยอรท เ่ี ลอื ก

กำหนดวัตถใุ น กำหนดสใี หก ับเลเยอร
เลเยอรเ ปน Template
ซึ่งจะไมส ามารถปรับแตง คลิกเพอ่ื ล็อคเลเยอร
คลกิ เพ่ือเปด/ปด การพิมพ
ได ของภาพในเลเยอร
คลิกเพ่อื แสดงวตั ถุ คลกิ เพ่อื ปรบั ภาพใหจางลง
คลกิ เพ่อื แสดงวัตถปุ กติ ซ่ึงใชไดก ับภาพแบบบิต
หรอื วัตถุแบบเสน เคาราง แมพเทานั้น

การปรับแตง่ และแก้ไขรูปทรงด้วยเอฟเฟก็ ต์

ดว้ ย Adobe Illustrator

ปรบั แต่งและแก้ไขรปู ทรงด้วยเอฟเฟก็ ต์

Gaussian Blur

1 ใช้เครอ่ื งมือ Select Tool คลกิ
เลอื กรูปทรงท่ตี อ้ งการปรับแต่ง