ai คู่มือ 13eer

คมู่ ือ
การใชง้ าน
โปรแกรม

Adobe Illustrator



สารบญั 4
6
แนะนำ�โปรแกรม 10
แนะน�ำ เครอ่ื งมอื 10
ออกแบบ Logo 11
ขน้ั ตอนท่ี 1 12
ขน้ั ตอนที่ 2 13
ขน้ั ตอนท่ี 3 14
ขน้ั ตอนที่ 4 15
ขั้นตอนที่ 5
ข้นั ตอนท่ี 6 16
ข้นั ตอนที่ 7

Adobe Illustrator เปน็ โปรแกรมทใี่ ชก้ ันอยา่ ง ภาพกราฟกิ สามารถแบ่งได้เป็น 2 แบบคือ
แพรห่ ลายในการออกแบบกราฟิก โดยสว่ นใหญจ่ ะนำ�ไปใช้ 1.ภาพแบบพกิ เซล (pixel) คือ ภาพที่เกดิ จากจดุ ภาพในรปู ภาพท่รี วมกันเปน็ ภาพขนึ้
สำ�หรับการวาดภาพหรือการออกแบบสญั ลกั ษณ์เนอ่ื งจาก โดยภาพหนง่ึ ๆ จะประกอบไปดว้ ยจดุ ภาพหรือพิกเซลมากมาย และเเตล่ ะภาพที่สร้างขนึ้
เปน็ โปรมแกรมท่ที ำ�งานด้วยระบบ Vector ซึง่ เป็นการสร้าง จะมคี วามหนาเเน่นของจุดภาพ หรอื บางคร้ังแทนว่าความละเอยี ด (ความคมชดั ) ทีเ่ เตกตา่ ง
ภาพกราฟิกจากการคำ�นวณของโปรแกรมโดยไม่จำ�เป็น กนั ไป จึงใช้ในการบอกคณุ สมบตั ขิ องภาพ จอภาพ หรือ อุปกรณแ์ สดงผลภาพได้ เรยี กอีกอ
ต้องกำ�หนดความละเอียดของภาพทำ�ให้รูปภาพท่ีวาดจาก ย่างว่า ภาพ Raster
โปรแกรมมีความคมชัดสวยงามและยังสามารถปรับเปล่ียน 2.ภาพกราฟิกสเ์ วกเตอร์ (vector graphics) คอื ภาพท่เี กดิ จากการกำ�หนดพิกดั และการ
ขนาดได้หลายครั้ง โดยทีค่ ณุ ภาพของภาพยังคงเดิม คำ�นวณคา่ บนระนาบสองมิติ รวมทั้งมมุ และระยะทาง ตามทฤษฎเี วกเตอร์ในทางคณติ ศาสตร์
โปรแกรม Illustrator เปน็ โปรแกรมส�ำ หรับสรา้ ง ในการกอ่ ให้เกดิ เป็น เส้น หรือรปู ภาพ
ภาพลายเสน้ ท่มี คี วามคมชัดสงู งานภาพประกอบและงาน ขอ้ มูลภาพไดเ้ เก่ไฟลส์ กลุ eps, ai เปน็ ต้น
กราฟกิ แบบ 2 มิตติ า่ งๆ เช่น การสรา้ งโลโกส้ ินคา้ จนไปถงึ
การจัดเลย์เอาต์งานสิง่ พมิ พ์ และมีเคร่อื งมอื ทีช่ ่วยเหลอื ใน
การออกแบบเว็บไซต์อีกดว้ ย

โปรแกรม Illustrator ทำ�งานแบบ vector graphics ความแตกตา่ ง
ระหว่างรปู แบบ vector และแบบ pixel

คมู่ อื การใช้งานโปรแกรม Adobe Illustrator 4

ภาพแบบ Vector ภาพแบบ Raster

Illustrator นน้ั ทำ�งานแบบ vector คอื จะใช้ใน
งานการเขียนภาพ 2 มิติ เป็นโปรแกรมท่ีมปี ระโยชน์
มากในการทำ�เว็บไซต์ เพราะท�ำ ใหผ้ ู้ใชง้ านสามารถ
วาดรปู ท่ึต้องการขึ้นมาเองได้ แตกต่างจาก
Photoshop ทจ่ี ะตอ้ งน�ำ ภาพอ่นื มาแตง่ เพ่ือใหเ้ ป็น
รปู ท่ีต้องการ

ถึงแมว้ ่าปจั จุบนั Photoshop จะพฒั นาเคร่อื งมือ
ทสี่ ามารถสรา้ งภาพ vector ได้แต่ความสะดวกก็
ยังไม่สูก้ ารใช้งาน Illustrator อยู่ดี ซงึ่ ในการท�ำ งาน
จริงๆแลว้ จะตอ้ งอาศยั เครือ่ งมอื ท้ัง Photoshop
และ Illustrator ควบคกู่ นั จึงจะไดเ้ ป็นชนิ้ งานข้นึ มา
ซ่งึ ทั้ง 2 โปรแกรมก็ท�ำ งานควบคู่กันได้ดี สว่ นหน่งึ
กม็ าจากวา่ ท้ัง 2 โปรมแกรมมาจากบริษทั เดยี วกัน(
Photoshop , Illustrator มาจากบริษัท Adobe)

ข้อดคี ือ ทำ�ใหส้ ามารถยอ่ ขยายได้ โดยคุณภาพไมเ่ ปลีย่ นแปลง
ข้อเสียคือ ภาพไม่เหมือนภาพจริงเปน็ ได้เพยี งภาพวาด หรอื ใกลเ้ คียงภาพถา่ ยเท่าน้นั

คู่มือการใช้งานโปรแกรม Adobe Illustrator 5

แนะนำ�เคร่อื งมอื

Menu Bar Control Bar Palette Box

ArtBoard

Tool Bar

ค่มู ือการใชง้ านโปรแกรม Adobe Illustrator 6

2

เร่ิมตน้ การทำ�งานด้วยการเปดิ เอกสารใหมข่ นี้ มาด้วยค�ำ สง่ั New มีขั้นตอนดังน้ี
1.ไปท่ีเมนหู ลกั (Menu Bar) จากน้นั ไปที่ File > New จะมหี น้าต่างดงั รปู ขน้ึ มา
3 2. ท�ำ การกำ�หนดช่ือของไฟล์งานตรงชอ่ ง Name
3. เลอื กขนาดของ Artboard ตรงชอ่ ง size หรือ กำ�หนดเองตามความตอ้ งการ ดว้ ยการใสค่ ่าในช่อง Width
และ Height
4. สามารถเลือกรปู แบบการแสดงผลของสี ได้ที่ชอ่ ง Color Mode โดยจะมรี ปู แบบอยู่ 2 ชนดิ คือ CMYK และ
4 RGB
5 5. เลอื กความละเอียดของงานที่ช่อง Raster Effects
6. เมอ่ื ต้ังคา่ ไดต้ ามต้องการแล้ว กด OK เพ่ือเริม่ ใช้งานโปรแกรม

6

CMYK MODE ใช้สำ�หรับงานสื่อสงิ พมิ พ์
RGB ใชส้ ำ�หรับงานทแี่ สดงผลผา่ นจอคอมพวิ เตอร์ หรือ จอโทรทัศน์

คมู่ ือการใช้งานโปรแกรม Adobe Illustrator 7

TOOL Transform tool เครือ่ งมือกล่มุ นใ้ี ช้ในการปรบั แตง่ รูปทรงของวตั ถุ
ไม่ว่าจะเป็นหมุน เอียง บิด กลบั ดา้ น ย่อ ขยาย นอกจากนย้ี งั มีเอฟเฟคต่างๆด้วย

Rotate tool ใช้ในการหมนุ วัตถุ โดยการกำ�หนดจุดหมุนกอ่ นแล้วจงึ ทำ�การหมนุ
ซ่ึงสามารถก�ำ หนดไดว้ า่ ต้องการหมนุ กอ่ี งศา (กดคีย์ Alt)
Reflect tool ใช้ในการกลบั ด้านของวตั ถุ (กดคีย์ Alt)
Twist tool ใช้ในการบิดวัตถุ โดยการก�ำ หนดจดุ กอ่ นแล้วจึงท�ำ การบิด ซ่ึง
สามารถก�ำ หนดได้ว่าต้องการบดิ มากนอ้ ย (กดคยี ์ Alt)
Scale tool ปลบั ยอ่ ขยายวตั ถุ (กดคยี ์ Alt และ Shift)

Shear tool ใช้เอยี งวตั ถุ (กดคยี ์ Alt)
Reshape tool ใชเ้ พ่มิ จุด และดงึ ยืดวตั ถุ

The warp tool ใช้โนม้ วัตถใุ ห้บดิ เบย้ี ว (กดคีย์ Alt หรอื Shift และ Alt+Shift)
Twirl tool ท�ำ ใหว้ ัตถุบิดตามจุดที่กำ�หนด (กดคยี ์ Alt หรอื Shift และ Alt+Shift)

Pucker tool ดึงดดู จดุ ใหเ้ ขา้ ส่จู ดุ ศนู ย์กลาง (กดคยี ์ Alt หรือ Shift และ Alt+Shift)

Bloat tool ท�ำ ใหว้ ัตถแุ บออก (กดคยี ์ Alt หรอื Shift และ Alt+Shift)
Scallop tool ดงึ วัตถใุ ห้เขา้ ศนู ยก์ ลางพร้อมกับสรา้ งรอยหยกั
(กดคยี ์ Alt หรือ Shift และ Alt+Shift)
Crystallize tool ขยายวตั ถุใหอ้ อกจากศนู ย์กลางพร้อมกับสร้างรอยหยัก
(กดคยี ์ Alt หรือ Shift และ Alt+Shift)
Wrinkle tool สรา้ งคลน่ื ใหว้ ัตถุ (กดคีย์ Alt หรอื Shift และ Alt+Shift)

Free transform tool ย่อ ขยาย หมุน เอยี ง วตถุ โดยอิสระ

คู่มอื การใชง้ านโปรแกรม Adobe Illustrator 8

Paint color tool เปน็ กลุ่มเครอ่ื งมอื ทใ่ี ชจ้ ดั การเร่ืองของสี View tool กลุ่มเคร่อื งมือกลุม่ นจ้ี ะเน้นทมี่ มุ มองเป็นหลัก

Mesh tool เป็นเครอื่ งมือสที เ่ี จง๋ สดุ ขีด(แตค่ วบคมุ ยากเหมือนกัน)โดยการสรา้ ง Slice tool ใช้เกีย่ วกบั การตดั แบง่ ภาพออกเป็นสว่ นๆ ใช้ในงานเวบ
point และมแี กนในการควบคุม (กดคยี ์ Alt และ Shift) Scissors tool ใชค้ ลิกบรเิ วณ outine ของวัตถเุ พ่ือกำ�หนดจุดตดั 2 จดุ เพ่ือแยก
Gradient tool เครือ่ งมือไล่ระดบั สี ซง่ึ มกี ารไล่ระดับอยดู่ ้วยกนั 2 แบบ คอื Linear วตั ถอุ อกจากกนั (กดคยี ์ Alt)
และ Radial ใชก้ ารลากจากจุดเร่มิ ตน้ และ สิ้นสุดท่จี ุดปลอ่ ยเมาส์ ในการควบคุม Knife tool ใช้ drag ลากผา่ นวตั ถเุ พื่ออแยกวตั ถุออกจากกนั เป็น 2 สว่ น โดยจะ
การไลร่ ะดับของสี (กดคยี ์ Shift) ท�ำ การ close paths ใหเ้ ราโดยอตั โนมตั ิ (กดคยี ์ Alt)
Eyedropper tool หลอดดูดสี ใช้ copy สขี องวตั ถุ สามารก�ำ หนดไดด้ ว้ ยวา่ จะ Hand tool ใช้เล่ือนดูบริเวณพนื้ ท่ีการท�ำ งานบนหน้าจอ (กดคีย์ Spacebar)
copy ลกั ษณะอยา่ งไร อะไรบ้าง (กดคีย์ Alt และ Alt+Shift)
Paint bucket tool ส่วนใหญ่จะใช้ควบคกู่ บั eyedropper tool ใดยใชเ้ ทสลี งบน Page tool ใช้ก�ำ หนด print size
วัตถุ (กดคีย์ Alt) Zoom tool ใช้ย่อ และ ขยายพน้ื ท่กี ารท�ำ งาน (กดคยี ์ Ctrl+Spacebar และ
Measure tool เครือ่ งมือวดั ขนาด (กดคยี ์ Shift) Ctrl+Alt+Spacebar)
Blend tool เครือ่ งมือไลร่ ะดบั การเปลยี่ นรปู รา่ งและสี สามารถควบคุมการไล่
ระดบั ได้ 3 ชนิด Selection tool เคร่อื งมอื กลุ่มนว้ี ่าดว้ ยเรื่องการเลอื กวตั ถุ
Auto trace tool ใช้ในการ trace จากภาพตน้ ฉบับท่เี ป็น bitmap ไปเป็น ประกอบไปด้วย
Vector ซง่ึ เปน็ เครื่องมอื อ�ำ นวยความสะดวกสำ�หรบั คนขีเ้ กยี จโดยเฉพาะ
Selection tool(ลกู ศรสีดำ�)ใชเ้ ลอื กวตั ถทุ ้ังชิ้น
Create tool เครอ่ื งมือกลุ่มนี้ว่าด้วยการสรา้ ง objects ไม่
ว่าจะเป็นเส้น รปู ทรงต่างๆ และตัวหนังสือ Direct-selection tool(ลูกศรสขาว)ใช้เลอื ก points หรอื path ของวัตถุ (กดคีย์ Alt)
Magic wand tool(ไม้เทา้ วิเศษ)เป็นเคร่อื งมอื ใหม่ ใชเ้ ลอื กวัตถุทีม่ ีสีเดียวกนั
Pen tool สรา้ งเส้น parth อยา่ งแมน่ ย�ำ โดยการใช้แขน มีผลท�ำ ให้ object มจี ดุ น้อย-น้อยมาก การใช้งานเหมอื นใน Photoshop (กดคีย์ Alt และ Shift)
ส่วนเครอื่ งมือยอ่ ยจะเอาไว้ใชป้ รบั แตง่ curved (กดคีย์ Alt) Lasso tool ใชเ้ ลือกโดยการคลิกเมาส์ Drag การใช้งานเหมอื นใน Photoshop (กดคยี ์ Alt และ Shift)
Type tool ใชพ้ มิ ตวั หนงั สือ ขอ้ ความตา่ งๆ
Line segment tool อันน้ีไวล้ ากเสน้ ตรง ในรายละเอยี ดของเคร่ืองมอื ย่อยก็ไมม่ อี ะไรมาก เช่นไว้ Special tool เปน็ เครอ่ื งมอื ใหมท่ ่จี ดั การเกย่ี วกะ Symbol
ท�ำ ขดก้นหอย ท�ำ grid ของตารางหมากรกุ grid แบบใยแมงมมุ และ graph
Basic shape tool เอาไวว้ าดรูปทรงพ้นื ฐาน 3-4-หลายเหลี่ยม และวงกลม shape รปู ดาว แตท่ เี่ ดน่
ทสี่ ุดคือ flare tool ใช้สรา้ งเอฟเฟค lens-flare (กดคยี ์ Alt หรอื Shift และ Alt+Shift) Symbol tool ใช้จดั การเกย่ี วกับ symbol ซง่ึ มเี ครือ่ งมอื ยอ่ ยมากมาย แตจ่ ะไมข่ อกลา่ วถึง
Paintbrush tool แปรงทเี่ อาไว้สร้างเสน้ parth โดยการ drag เมาส์ลากอย่างอสิ สระ สามารถใช้ เพราะเครอ่ื งมือแต่ละช้ินมีไอคอนทีง่ ่ายต่อการเขา้ ใจอยแู่ ล้ว ขอให้ทดลองน�ำ ไปใช้เอง แลว้ จะเข้าใจ
brush แบบพิเศษ (กดคยี ์ Alt) วา่ tool แต่ละช้นิ ใชท้ �ำ อะไรได้บ้าง (กดคีย์ Alt)
Pencil tool จะคล้ายๆ paintbrush tool แต่จะมีเคร่ืองมือยอ่ ยให้เรียกใช้ในการแก้ไขเสน้ ซง่ึ จะช่วยใน Graph tool ใชส้ รา้ ง graph ในรปู แบบตา่ งๆ ซ่งึ งา่ ยตอ่ การเข้าใจ และจะไมข่ อกล่าวถึง
การปรบั แต่งแก้ไข และทำ�ใหง้ านดดู +ี เร็วขน้ึ (กดคีย์ Alt) เช่นกัน (กดคีย์ Alt หรอื Shift และ Alt+Shift)

คูม่ ือการใชง้ านโปรแกรม Adobe Illustrator 9

Beginner Tutorial : Logo Design

Step 1

เปิดโปรแกรม Ilustrator และสรา้ ง Artboard ข้ึนมาโดยก�ำ หนดขนาดตามต้องการ

จากนน้ั ใช้เครอื่ งมือ Polygon Tool โดยก�ำ หนดค่ามุมใหเ้ ปน็ 3

คู่มือการใชง้ านโปรแกรม Adobe Illustrator 10

Step 2
ใช้เคร่อื งมอื Pen Tool (P) สรา้ งจุดตรงกลางของฐานสามเหล่ียม จากนน้ั ใชเ้ ครอ่ื งมอื Selection Tool (A) เลอื กจุดแลว้ เลื่อนขึ้นด้านบนตามภาพ

คู่มอื การใช้งานโปรแกรม Adobe Illustrator 11

Step 3
คัดลอกสามเหลยี่ มออกมาให้เป็นสองชนิ้ แลว้ หมุนชนิ้ ที่เป็นตวั Copy ตามภาพ (1)
จากน้นั เลอื กสามเหลีย่ มทั้งสองชิ้น แล้วไปท่ี Menu Bar เลอื กคำ�สั่ง Window>Pathfinder
จะมีกล่องเครื่องมอื Pathfinder ออกมา ใหเ้ ราสงั เกต จะมกี ลุม่ เครื่องมอื อยสู่ องประเภท เราจะใชง้ าน Pathfinder mode โดยกดที่เมนทู ี่หนึ่งตามภาพ (2)
จากนนั้ เราจะท�ำ การลบชน้ิ ส่วนท่เี ราไมต่ ้องการออกไป และ กด Ctrl+F เพือ่ น�ำ สามเหลย่ี มท่เี รา copy ต้นฉบับไว้ มาวางทีเ่ ดมิ จะไดต้ ามภาพ (3)

1 23

คมู่ อื การใช้งานโปรแกรม Adobe Illustrator 12

Step 4
ใชเ้ ครอ่ื งมอื Rectangle Tool (M) สร้างสีเ่ หล่ยี มตามภาพ (1)
และใช้เคร่ืองมอื Direct Selection Tool (A) ลบ และ เคลอ่ื นย้าย เปน็ ลักษณะตามภาพที่ (2)
ทำ�ซำ้� ปรับแตง่ ตามความเหมาะสมและสวยงามด้วยเครอื่ งมือ Direct Selection Tool (A) ตามภาพท่ี (3)

1 23

คูม่ อื การใช้งานโปรแกรม Adobe Illustrator 13

Step 5 3
ใส่สตี ามความเหมาะสมตามภาพท่ี (2)
จากน้นั ไปท่ี Menu Bar เลือก Window>Transparency ใชเ้ คร่อื งมือ Transparency Mode เปลยี่ นเป็น Multiply ตามภาพที่ (2)
จะไดภ้ าพท่ีซอ้ นทับกันตามภาพท่ี (3)

12

คมู่ อื การใชง้ านโปรแกรม Adobe Illustrator 14

Step 6
สร้าง new document ใหม่ และใช้เครื่องมอื Rectangle Tool (M) สร้างสเ่ี หลีย่ มและใสส่ ีพ้นื หลังของสเี่ หลย่ี มดว้ ยรหัส #383434
จากนั้นปรบั สขี อง Logo เป็นสีขาว เพอื่ กลบั สู่พืน้ ฐาน ขาวดำ�
จากน้นั วาง Logo ทเี่ ปน็ สี ลงบน Logo สีขาวดำ� เพ่ือไมใ่ หส้ ีถูกซอ้ นทับด้วยพ้นื หลัง

คมู่ อื การใชง้ านโปรแกรม Adobe Illustrator 15

Step 7
จัด Composition ข้อความ รายละเอียด ตามความเหมาะสม

ค่มู ือการใชง้ านโปรแกรม Adobe Illustrator 16

YTohuank