ว ธ เพ ม drop showdow ใน illustrator

บทที่ 2 การใชง้ าน โปรแกรม Adobe Illustrator เบ้ืองต้น หวั ขอ้ เรื่อง 1. ส่วนประกอบของโปรแกรม Illustrator 2. การใชเ้ ครอ่ื งมือ Tools box 3. การใช้งานอาร์ตบอร์ด 4. การใชง้ านพาเนล 5. การเปล่ียนสหี นา้ จอของโปรแกรม 6. การใช้งาน Work space 7. การปรบั มุมมองการแสดงภาพ 8. กำ� หนดรูปแบบการเรยี งหน้าต่าง 9. การใชง้ านเคร่อื งมือวัดและบอกต�ำแหน่ง 10. การสร้างเอกสารใหมแ่ ละการเรียกใช้งานเอกสารจาก Template 11. การบันทึกเอกสาร 12. การปดิ เอกสาร และออกจากโปรแกรม Illustrator

วิชาการผลติ ส่อื ส่งิ พมิ พ์ รหสั วิชา 2204-2104 สาระสำ� คญั การออกแบบส่ือสิ่งพมิ พ์ด้วยโปรแกรม Illustrator เป็นโปรแกรมทใี่ ชท้ ำ� งานกราฟกิ โดยเนน้ การสรา้ งชนิ้ งาน จากการวาดเปน็ หลัก ซึง่ เป็นที่นิยมส�ำหรับนกั ออกแบบทั้งหลายเพ่ือนำ� ไปใชใ้ นงานด้านต่าง ๆ ไม่ว่าจะเป็นงานสิ่งพมิ พ์ งานโฆษณา ออกแบบฉลากและผลติ ภัณฑ์ ออกแบบโลโก้ ไอคอน การต์ ูนและภาพประกอบ ฯลฯ สมรรถนะที่พงึ ประสงค์ อธบิ ายส่วนประกอบของโปรแกรม Illustrator และข้นั ตอนการนำ� เข้าไฟลอ์ ื่น ๆ ลงสสู่ ไลด์งานนำ� เสนอไดถ้ ูก ต้องตามหลกั การและสามารถนำ� ไปผลติ ส่อื สงิ่ พมิ พ์ให้สอดคลอ้ งกบั โรงพิมพไ์ ดถ้ ูกตอ้ ง จุดประสงคก์ ารเรยี นรู้ เมอื่ ศกึ ษาบทที่ 2 จบแลว้ นักเรียนสามารถ 1. อธบิ ายส่วนประกอบของโปรแกรม Illustrator ไดอ้ ยา่ งถูกตอ้ ง 2. บอกวิธกี ารใชเ้ ครอ่ื งมือ Tools box ไดอ้ ยา่ งถกู ตอ้ ง 3. บอกข้นั ตอนการใชง้ านอารต์ บอร์ด ได้อย่างถกู ตอ้ ง 4. บอกหลักการใชง้ านพาเนล ได้อย่างถกู ตอ้ ง 5. บอกขัน้ ตอนการเปลีย่ นสีหนา้ จอของโปรแกรมได้อยา่ งถูกต้อง 6. บอกหลักการใชง้ าน Work space ไดอ้ ย่างถกู ต้อง 7. บอกหลักการปรบั มุมมองการแสดงภาพ ได้อย่างถกู ต้อง 8. บอกการใช้คำ� ส่ังในการก�ำหนดรปู แบบการเรยี งหนา้ ต่างไดอ้ ยา่ งถกู ตอ้ ง 9. อธิบายวธิ ีการใช้งานเครอ่ื งมอื วัดและบอกต�ำแหน่งได้อย่างถกู ต้อง 10. บอกขน้ั ตอนการสรา้ งเอกสารใหมแ่ ละการเรียกใช้งานเอกสารจาก Templateไดอ้ ย่างถูกต้อง 11. บอกวธิ ีการบนั ทกึ เอกสารได้อยา่ งถกู ตอ้ ง 12. บอกขน้ั ตอนการปดิ เอกสาร และออกจากโปรแกรม Illustratorไดอ้ ย่างถูกตอ้ ง 13. บอกความหมายของคำ� ศัพท์คอมพวิ เตอร์ จ�ำนวน 10 คำ� 14. นกั เรียนมีความใฝ่รู้ ใฝเ่ รียน ขยนั รบั ผิดชอบ อดทน และมีความคดิ รเิ รม่ิ สรา้ งสรรค์ 52

การใช้งานโปรแกรม Adobe Illustrator เบอื้ งตน้ แบบทดสอบกอ่ นเรียน บทที่ 2 การใชง้ านโปรแกรม Adobe Illustrator เบือ้ งต้น คำ� สั่ง จงท�ำเครอื่ งหมาย (X ) ลงหน้าข้อท่ีถูกตอ้ งทีส่ ดุ เพยี งข้อเดียว เวลา 15 นาที 1. ส่วนประกอบของโปรแกรม Illustrator ท่ีมีค�ำสง่ั ใชง้ านต่าง ๆ คอื ขอ้ ใด ก. Menu Bar ข. Option Bar ค. Tool Bar ง. Palette 2. ค�ำส่ังกำ� หนดคณุ สมบัตแิ ละตวั ปรบั แตง่ การทำ� งานใหก้ ับวัตถคุ ือข้อใด ก. Menu Bar ข. Option Bar ค. Tool Bar ง. Palette 3. เครือ่ งมือชนิดต่าง ๆ ทีใ่ ชใ้ นการท�ำงานคือขอ้ เมนใู ด ก. Menu Bar ข. Option Bar ค. Tool Bar ง. Palette 4. พ้ืนทส่ี �ำหรับพิมพ์งานคอื ข้อใด ก. Pasteboard ข. Guide ค. Palette ง. Document 5. พ้ืนที่วา่ ง ๆ รอบเอกสารคือข้อใด ก. Pasteboard 4 ข. Guide ค. Palette ง. Document 53

วิชาการผลิตส่ือสิ่งพมิ พ์ รหัสวิชา 2204-2104 6. อาร์ตบอร์ด มีสว่ นประกอบใดบ้าง ก. พนื้ ทีน่ อก ข. พ้ืนท่ใี น ค. พ้นื ท่กี ลาง ง. พน้ื ท่นี อกและพื้นท่ีใน 7. อารต์ บอร์ดช่วยในการทำ� งานหลกั ๆ คือข้อใด ก. สร้างวตั ถุชน้ิ งานได้ ข. สามารถมีหลาย ๆ พนื้ ทกี่ ารท�ำงาน ค. พ้ืนท่ีส�ำหรบั พกั วตั ถุ ง. พ้นื ทใี่ ชส้ ำ� หรับจัดรปู แบบ 8. ค�ำสัง่ เปลีย่ นสหี นา้ จอโปรแกรมด้วยตนเอง คอื ขอ้ ใด ก. Dark / Light ข. Preferences ค. User Interface ง. Brightness 9. คำ� สงั่ การเปิดเอกสารใหม่ ก. New ข. Open ค. Open Recent ง. New from Template 10. คำ� สง่ั การออกจากโปรแกรมคือขอ้ ใด ก. Exit ข. Close all ค. Exit all ง. Close 54

การใชง้ านโปรแกรม Adobe Illustrator เบ้อื งตน้ เฉลยแบบทดสอบกอ่ นเรียน บทที่ 2 การใชง้ านโปรแกรม Adobe Illustrator เบ้ืองตน้ 1. ส่วนประกอบของโปรแกรม Illustrator ทม่ี ีค�ำสง่ั ใชง้ านต่าง ๆ คือขอ้ ใด ก. Menu Bar ข. Option Bar ค. Tool Bar ง. Palette 2. คำ� สงั่ ก�ำหนดคุณสมบัตแิ ละตวั ปรับแต่งการท�ำงานให้กบั วตั ถุคอื ขอ้ ใด ก. Menu Bar ข. Option Bar ค. Tool Bar ง. Palette 3. เคร่ืองมอื ชนดิ ต่าง ๆ ทีใ่ ชใ้ นการทำ� งานคอื ขอ้ เมนใู ด ก. Menu Bar ข. Option Bar ค. Tool Bar ง. Palette 4. พ้นื ทสี่ ำ� หรับพิมพ์งานคือขอ้ ใด ก. Pasteboard ข. Guide ค. Palette ง. Document 5. พืน้ ท่วี า่ ง ๆ รอบเอกสารคือข้อใด ก. Pasteboard 4 ข. Guide ค. Palette ง. Document 55

วิชาการผลิตส่ือสงิ่ พิมพ์ รหสั วิชา 2204-2104 6. อาร์ตบอร์ด มีสว่ นประกอบใดบา้ ง ก. พืน้ ทน่ี อก ข. พื้นทใ่ี น ค. พ้ืนทีก่ ลาง ง. พืน้ ท่ีนอกและพน้ื ทีใ่ น 7. อาร์ตบอร์ดชว่ ยในการท�ำงานหลัก ๆ คือข้อใด ก. สร้างวัตถุช้ินงานได้ ข. สามารถมีหลาย ๆ พ้นื ทีก่ ารท�ำงาน ค. พ้นื ท่ีสำ� หรับพักวตั ถุ ง. พน้ื ที่ใชส้ ำ� หรับจัดรปู แบบ 8. คำ� สง่ั เปล่ยี นสหี น้าจอโปรแกรมด้วยตนเอง คอื ข้อใด ก. Dark / Light ข. Preferences ค. User Interface ง. Brightness 9. คำ� สงั่ การเปิดเอกสารใหม่ ก. New ข. Open ค. Open Recent ง. New from Template 10. คำ� สงั่ การออกจากโปรแกรมคือข้อใด ก. Exit ข. Close all ค. Exit all ง. Close 56

การใชง้ านโปรแกรม Adobe Illustrator เบื้องต้น ส่วนประกอบของโปรแกรม Adobe Illustrator หนา้ จอของโปรแกรม Illustrator cs6 เม่อื เปิดโปรแกรมขึน้ มา จะเหน็ เมนแู ละเครอื่ งมอื ในการท�ำงาน ดงั น้ี ภาพที่ 2.1 หนา้ จอหลักโปรแกรม Illustrator 1. Menu Bar คอื คำ� สั่งใชง้ านตา่ ง ๆ เช่น 2. Option Bar คอื คำ� สงั่ ทก่ี �ำหนดคุณสมบัตหิ รอื ตัวปรับแตง่ การท�ำงานให้กบั วตั ถุ 3. Tool Bar คือ เคร่อื งมอื ชนิดตา่ ง ๆ ท่ใี ช้ในการท�ำงาน 4. Document คอื พน้ื ทีส่ ำ� หรบั พมิ พ์งานและใสร่ ูปรา่ ง ตาราง ตา่ ง ๆ เพื่อใชง้ าน 5. Pasteboard คือ พน้ื ที่วา่ ง ๆ รอบเอกสาร ไมส่ ามารถใชง้ านใด ๆ ได้ 6. Guide คือ ไม้บรรทดั ชว่ ยในการวัดระยะการท�ำงานให้เอกสารมีความเหมาะสมสวยงาม 7. Palette คอื หนา้ ต่างยอ่ ยสำ� หรบั ชว่ ยเสรมิ การทำ� งาน 57

วิชาการผลติ สอื่ สงิ่ พมิ พ์ รหสั วชิ า 2204-2104 แถบค�ำสง่ั Menu Bar Menu Bar คอื ท่เี กบ็ ชุดคำ� สงั่ สำ� หรับจดั การไฟล์ โดยแบง่ ค�ำสง่ั ออกเป็นหมวดหม่ดู ังนี้ ภาพที่ 2.2 เมนบู ารโ์ ปรแกรม Illustrator File ใชส้ ำ� หรบั จัดการไฟล์ คือ การเปดิ ไฟล์ใหมแ่ ละเกา่ การบันทกึ ไฟล์ การปดิ ไฟล์ การออกจากโปรแกรม Edit จัดการแก้ไขและปรับแต่งค่าต่าง ๆ เบอ้ื งตน้ ของโปรแกรม เชน่ การตัด คดั ลอก วาง Object จดั การกับรปู ทรงวัตถุ เช่น หมุน เอียง เปลย่ี นแปลงวัตถุ และการใสส่ ีสันตา่ ง ๆ Type จดั การและปรบั แต่งตัวอกั ษร Select จัดการการเลือกชนิ้ สว่ นวตั ถุ Effect ใสเ่ อฟเฟก็ ตแ์ ละแปลงรูปทรงใหม้ ีรูปแบบ View จัดการรปู แบบการแสดงผล เช่น การใส/่ ซ่อนไมบ้ รรทัด เส้นกริด และเสน้ ไกด์ Window จัดการพาเนลและปรับการเว้นวรรค ตวั หนงั สอื ใหเ้ หมาะสมสวยงาม Help แสดงความช่วยเหลือในรูปแบบตา่ ง ๆ 58

การใช้งานโปรแกรม Adobe Illustrator เบือ้ งต้น กล่องเครอ่ื งมอื Toolbox Toolbox เป็นสว่ นที่เกบ็ รวบรวมเครอื่ งมือต่าง ๆ ท่ีใชใ้ นการสร้างภาพ การแกไ้ ขภาพโดยแบ่งออกเป็นกล่มุ เคร่ืองมอื ตา่ ง ๆ ดงั นี้ เปลี่ยนรูปแบบการเรยี งของกลอ่ งเคร่ืองมือ กลมุ่ คำ� ส่ังเกี่ยวกับการเลือกวัตถุ กลุ่มค�ำสง่ั เกย่ี วกบั การวาดภาพ และตัวอักษร กลุ่มคำ� สง่ั เกี่ยวกบั การปรับแตง่ วัตถุ กลมุ่ คำ� สง่ั เกย่ี วกบั การระบายสีและตกแตง่ ภาพ กลมุ่ คำ� สง่ั เกี่ยวกบั การสร้างวตั ถพุ ิเศษ กลมุ่ ค�ำส่ังเกี่ยวกบั การมองชน้ิ งาน กลมุ่ ค�ำสง่ั ในการเลอื กสีพน้ื และสเี ส้นขอบชน้ิ งาน กลมุ่ คำ� สัง่ เกี่ยวกับการวาด ต่าง ๆ กล่มุ คำ� ส่งั เกย่ี วกบั การแสดงหน้าจอโปรแกรม ภาพที่ 2.3 ทูลบารโ์ ปรแกรม Illustrator 59

วิชาการผลิตสือ่ สิ่งพมิ พ์ รหสั วชิ า 2204-2104 ออปซันบาร์ Option bar Option bar เปน็ แถบเครอ่ื งมอื สำ� หรบั ปรบั แตง่ คา่ ตา่ ง ๆ ของวตั ถุ เชน่ สี ขนาด ตำ� แหนง่ และคณุ สมบตั ติ า่ ง ๆ ของวตั ถทุ เ่ี ลือก โดยจะปรากฏอยทู่ ดี่ ้านบนของหน้าตา่ งโปรแกรม Option bar ออปชน่ั บาร์ ภาพท่ี 2.4 ออปช่ันบารโ์ ปรแกรม Illustrator พื้นที่การท�ำงาน Artboard เปน็ พื้นทใ่ี ช้สรา้ งวัตถุชิน้ งานต่าง ๆ สามารถมีไดห้ ลาย ๆ อาร์ตบอรด์ มีส่วนประกอบ 2 ส่วน คือ พ้ืนท่ีนอก Artboard Scratch area ใชส้ ำ� หรับพกั วัตถทุ แ่ี ทรกเข้ามาท�ำงานเพ่ือรอการจดั การการจดั รปู แบบในการแสดงชน้ิ งาน หรอื เผือ่ เอาไวใ้ ชภ้ ายหลงั สว่ นท่ี 2 คือ พ้นื ทกี่ ารท�ำงาน Artboard ปกติ ใช้ส�ำหรับทวี่ างชิ้นงานท่ตี อ้ งการให้แสดงผล ออกมา พื้นทน่ี อก Artboard Scratch area พืน้ ท่กี ารท�ำงาน Artboard ภาพท่ี 2.5 พ้ืนท่กี ารท�ำงานของโปรแกรม Illustrator 60

การใช้งานโปรแกรม Adobe Illustrator เบอื้ งต้น เล่อื นอารด์ บอรด์ ขึ้น เลือ่ นอาร์ดบอรด์ ลง สร้างอารด์ บอรด์ ใหม่ ลบอาร์ดบอร์ด จำ� นวนอาร์ดบอร์ดทง้ั หมด ภาพที่ 2.6 การจัดการอาร์ดบอร์ด การใช้งานหลาย ๆ อารด์ บอร์ด เม่อื ตอ้ งการเรียกใช้งานหลาย ๆ อาร์ดบอร์ดพรอ้ มกัน สามารถท�ำไดโ้ ดยดบั เบลิ คลกิ ท่ีชื่ออารด์ บอรด์ ในพาเนล Artboards ภาพท่ี 2.7 การจัดการอารด์ บอร์ด 61

วชิ าการผลิตสอื่ สง่ิ พมิ พ์ รหสั วิชา 2204-2104 พาเนลควบคมุ การทำ� งาน Panel Panel เปน็ หนา้ ตา่ งยอ่ ยทรี่ วบรวมคณุ สมบตั สิ ำ� หรบั ปรบั แตง่ การใชง้ านของเครอ่ื งมอื ตา่ ง ๆ ซง่ึ พาเนลสว่ นหนงึ่ ถกู จัดเกบ็ ไว้ในกรอบจัดเก็บพาเนลด้านขวาของหน้าจอ และการจดั การพาเนล เราสามารถเปดิ /ปิด พาเนลท่ีต้องการ ได้จากค�ำสง่ั Window แลว้ เลือกชื่อพาเนลที่เราตอ้ งการแสดงหรอื ไม่แสดง ถา้ หากพาเนลใดถูกเปิดอยูจ่ ะมเี ครอ่ื งหมาย ถกู หน้าชื่อพาเนลน้ัน คลกิ เมนู Window เพือ่ เลือกพาเนล กรอบจัดเก็บพาเนล Dock Panel ภาพท่ี 2.8 การจัดการพาเนล กรอบจดั เกบ็ พาเนล Dock Panel คลกิ เพือ่ ยุบพาเนลไว้ในกรอบจัด พาเนลท่เี ปดิ ใชง้ านอยู่ ภาพที่ 2.9 การจดั การพาเนล Swatches 62

การใช้งานโปรแกรม Adobe Illustrator เบ้ืองตน้ การเปลี่ยนสหี นา้ จอของโปรแกรม หากต้องการเปลี่ยนสีหน้าจอเป็นค่าสีอ่ืน สามารถปรับค่าสีได้ โดยคลิกเมนู Edit > Preferences > User Interface แลว้ เลือกปรับคา่ สีที่ Brightness หรอื เล่ือนปรับคา่ สเี องท่ี Dark / Light เลือกปรบั ค่าสที ่ี Brightness เลือ่ นปรับค่าสีเองที่ Dark / Light ภาพที่ 2.10 การเปลีย่ นสหี น้าจอโปรแกรม จากน้ันสีหน้าจอของโปรแกรม Adobe Illustrator จะเปลี่ยนไปตามที่เลือก การเลือก Workspace ใหเ้ หมาะสมกบั การท�ำงาน Workspace เป็นพ้ืนที่การท�ำงานที่มีเคร่ืองมือ ต่างๆ ตามลักษณะการท�ำงานท่ีเลือก เช่น งานวาดภาพ, งานตัวอักษร ซึ่งสามารถเลือก Workspace ได้โดยคลิก แถบค�ำสั่งข้างๆ กล่องค้นหาด้านบนหน้าต่างโปรแกรม เลอื กรปู แบบหน้าจอท่ตี อ้ งการ ภาพที่ 2.11 การเรียกใช้ค�ำส่งั Essentials 63

วิชาการผลติ ส่อื ส่ิงพิมพ์ รหัสวิชา 2204-2104 ส�ำหรับ Workspace ในโปรแกรม Adobe Illustrator มีให้เลือกใช้งานหลายรูปแบบ ดังน้ี - Automation : เป็น Workspace ส�ำหรบั ท�ำงานกับชุดค�ำส่งั อัตโนมัตบิ นพาเนล Actions รวมทงั้ ตรวจสอบการเช่อื มกับไฟลภ์ าพท่นี ำ� มาใช้งาน - Essentials : เปน็ Workspace ส�ำหรับการวาดภาพ - Tracing : เป็น Workspace ส�ำหรบั การปรบั แต่งภาพบติ แมพ การแปลงภาพให้กลายเป็นเวคเตอร์ - Layout : เปน็ Workspace สำ� หรบั งานส่งิ พิมพ์ ทำ� งานกับตัวอักษร - Painting : เป็น Workspace สำ� หรับงานระบายสี เปลย่ี นสวี ตั ถุ ลวดลายเส้น - Printing and Proofing : เปน็ Workspace ส�ำหรับการตรวจสอบและแกไ้ ขสที ่ีพมิ พ์เหมาะกบั ขั้นตอนสุดทา้ ยในการทำ� งาน - Typography : เป็น Workspace ส�ำหรบั ทำ� งานกบั ตวั อักษร - Web : เป็น Workspace สำ� หรับการออกแบบกราฟกิ ตา่ งๆ สำ� หรับเว็บ การปรับมมุ มองการแสดงภาพ ขณะทำ� งานสามารถซ่อนเคร่ืองมือหรือพาเนลต่างๆ ของ Workspace ได้ เพ่ือใหแ้ สดงภาพชดั เจนยงิ่ ขึ้น โดยมี มุมมองการแสดงภาพ 3 รูปแบบ ดงั น้ี ภาพที่ 2.12 มุมมองปกติที่มีเครอ่ื งมอื หรือพาเนลตา่ ง ๆ 64

การใช้งานโปรแกรม Adobe Illustrator เบอ้ื งต้น ภาพท่ี 2.13 มมุ มองแบบซอ่ นพาเนลต่าง ๆ (กดแป้น Shift+Tab) ภาพที่ 2.14 มมุ มองซ่อนเครื่องมอื และพาเนลต่าง ๆ (กดแป้น Tab) 65

วิชาการผลิตส่อื สิ่งพิมพ์ รหัสวชิ า 2204-2104 กำ� หนดรปู แบบการเรียงหน้าต่างงาน เม่ือต้องการเปิดหน้าต่างงานพร้อมกันหลาย ๆ ไฟล์ในการท�ำงาน สามารถก�ำหนดรูปแบบการเรียงหน้าต่าง งานได้ โดยคลกิ ป่มุ แล้วเลอื กรูปแบบการจดั เรียงหน้าต่างงาน เลือกรปู แบบการเรียงหน้าตา่ ง ภาพท่ี 2.15 การเรยี กใชค้ ำ� สั่งเลือกรูปแบบการเรยี งหนา้ ตา่ ง จากนั้นหน้าต่างงานจะถูกจัดเรียงใหม่ตามรูปแบบที่เลือก ดังภาพ ภาพที่ 2.16 ผลลพั ธ์การเรยี กใชค้ ำ� สง่ั เลอื กรปู แบบการเรยี งหนา้ ต่าง 66

การใชง้ านโปรแกรม Adobe Illustrator เบอ้ื งต้น การใช้งานเครื่องมือวัด / บอกตำ� แหน่ง เครื่องมือวัด เครื่องมือบอกต�ำแหน่งในโปรแกรม Adobe Illustrator ได้แก่ ไม้บรรทัด (Ruler) เส้นไกด์ (Guide) และเส้นกริด (Grid) ไม้บรรทดั (Ruler) ไม้บรรทัด (Ruler) เป็นเคร่ืองมือท่ีใช้ระบุต�ำแหน่งของวัตถุ ซ่ึงอยู่บริเวณด้านบนและด้านซ้ายของหน้าต่าง อาร์ตบอร์ด โดยปกติจะไม่แสดงให้เห็น สามารถเรียกใช้ไม้บรรทัดได้ โดยคลิกเมนู View > Ruler >Show Rulers จะปรากฏแถบไม้บรรทัดด้านบนและด้านซ้ายออกมา คลกิ View > Show Rulers เพอื่ แสดงแถบไม้บรรทดั ภาพที่ 2.17 ผลลพั ธก์ ารเรียกใชค้ ำ� สั่ง Show Ruler 67

วิชาการผลติ ส่ือสิ่งพิมพ์ รหัสวชิ า 2204-2104 กำ� หนดหนว่ ยวดั ของไมบ้ รรทดั การก�ำหนดหน่วยวัดของไม้บรรทัดให้สอดคล้องกับการใช้งาน สามารถก�ำหนดได้โดยคลิกขวาบริเวณแถบ ไม้บรรทัด แล้วเลือกหน่วยวัดที่ต้องการ จากนั้นไม้บรรทัดจะเปลี่ยนเป็นหน่วยวัดที่เลือก คลิกขวาบริเวณแถบไมบ้ รรทัดแล้วเลอื กหนว่ ยวัด ภาพที่ 2.18 ผลลัพธ์การเรยี กใช้ค�ำสงั่ Show Rulers เส้นไกด์ (Guide) เป็นเส้นท่ีใช้บอกระยะของชิ้นงานในการแก้ไขภาพหรือวางวัตถุ โดยมีท้ังแนวตั้งและ แนวนอน ซ่ึงเส้นไกด์จะไม่ถูกพิมพ์ออกทางเครื่องพิมพ์ สามารถเปิดแสดงเส้นไกด์ได้โดยคลิกเมนู View>Guides>- Show Guides จากน้ันจะแสดงเส้นไกด์ (สีฟ้า) ข้ึนมา คลิกเมนู View > Guides > Show Guides เพื่อแสดงเส้นไกด์ ภาพที่ 2.19 ผลลพั ธก์ ารเรียกใช้คำ� สั่ง Show Guides 68

การใชง้ านโปรแกรม Adobe Illustrator เบื้องตน้ สร้างเส้นไกด์ ส�ำหรับวิธีการสร้างเส้นไกด์ สามารถท�ำได้ ดังน้ี 1. คลกิ แถบไมบ้ รรทดั แล้วดงึ เสน้ ไกดอ์ อกมาจากไม้บรรทดั ไปยงั ตำ� แหน่งที่ตอ้ งการ 1 ภาพที่ 2.20 การเรียกใชค้ ำ� สง่ั Show Guides 2. จะปรากฏเส้นไกด์สฟี ้า 2 ภาพที่ 2.21 ผลลพั ธ์การเรียกใชค้ �ำส่งั Show Guides 69

วชิ าการผลติ สอ่ื สิง่ พิมพ์ รหสั วิชา 2204-2104 ลบเสน้ ไกด์ วิธีการลบเส้นไกด์ สามารถท�ำได้ง่ายๆ ดังนี้ 1. คลิกขวาที่เสน้ ไกดแ์ ล้วเลือกคำ� สง่ั Lock Guides เพอื่ ปลดล็อกเส้นไกด์ ภาพท่ี 2.22 ผลลัพธ์การเรียกใช้คำ� สั่ง Lock Guides 1 2. ดึงเสน้ ไกด์ท่ตี ้องการลบกลับไปยงั แถบไมบ้ รรทดั 2 ภาพท่ี 2.23 ผลลพั ธก์ ารเรียกใช้คำ� สั่ง Lock Guides 70

การใชง้ านโปรแกรม Adobe Illustrator เบอ้ื งต้น นอกจากนี้ยังมีค�ำส่ังต่าง ๆ ดังน้ี - Hide Guides ซ่อนเส้นไกด์ - Lock Guides ยึดเส้นไกดไ์ มใ่ ห้เคลื่อน - Make Guides สร้างเสน้ ไกดข์ ึ้นมาจากวัตถุ - Release Guides ย้อนกลบั ใหเ้ ส้นไกดท์ ส่ี รา้ งจากวัตถกุ ลบั ไปเป็นวตั ถุอยา่ งเดมิ - Clear Guides ลบเสน้ ไกด์ท้ังหมด บอกระยะพิกัดด้วย Smart Guides Smart Guide เป็นเคร่ืองมือที่ช่วยบอกระยะพิกัดในการเคลื่อนย้าย ปรับขนาดหรือบิดวัตถุ โดยปกติจะ ถูกก�ำหนดไว้อยู่แล้ว หากต้องการยกเลิก Smart Guides ท�ำได้โดยคลิกเมนู View > Smart Guides เพ่ือเอา เคร่ืองหมายถูกออกไป กรณกี ำ� หนด Smart Guides เวลาเคล่ือนย้ายต�ำแหน่ง จะมี Smart Guidesบอกระยะพกิ ัดในการย้าย ภาพที่ 2.24 ผลลัพธก์ ารเรียกใช้ค�ำสงั่ Smart Guides 71

วิชาการผลิตสอื่ สิง่ พิมพ์ รหสั วิชา 2204-2104 เส้นกริด (Grid) เส้นกริด เป็นเส้นท่ีใช้บอกต�ำแหน่ง แสดงเป็นช่องเล็ก ๆ ซึ่งเกิดจากเส้นแนวต้ังและแนว นอนมาตัดกัน ปรับขนาดความห่างเฉพาะบางเส้นแบบเส้นไกด์ (Guide) ไม่ได้ สามารถเรียกแสดงเส้นกริดได้โดย คลิกเมนู View > Show Grid จะปรากฏเส้นกริดสีเทาบาง ๆ คลิกเมนู View > Show Grid เพ่อื แสดงเสน้ กริด ภาพที่ 2.25 ผลลพั ธก์ ารเรยี กใชค้ �ำสงั่ Show Grid การสรา้ งไฟล์ใหม่ด้วยค�ำสั่ง New วิธีการสร้างไฟล์ชิ้นงานใหม่ด้วยค�ำสั่ง New มีข้ันตอนดังนี้ 1. คลิกเมนู File > New (หรือกดแป้น Ctrl+N) เพื่อสรา้ งไฟลใ์ หม่ 2. จะปรากฏหน้าตา่ ง New ขนึ้ มา ใหก้ ำ� หนดขนาดชนิ้ งาน 3. กำ� หนดหนว่ ยวัดท่ี Units 4. ก�ำหนดรูปแบบการจดั วางชน้ิ งาน (แนวต้ัง, แนวนอน) ท่ี Orientation 5. ก�ำหนดระยะห่างจากบน ดา้ นบน, ลา่ ง, ซ้าย, ขวา ท่ี Bleed 6. ก�ำหนดโหมดสขี องชนิ้ งาน (CMYK ส�ำหรบั งานพิมพ,์ RGB สำ� หรับงานเวบ็ /พรีเซนเตชนั ) 7. กำ� หนดความละเอียดของช้นิ งาน (Screen สำ� หรบั ภาพบนเว็บ, Medium และ High ส�ำหรบั งานส่ิงพิมพ)์ 8. เมือ่ เสร็จแลว้ คลกิ ปุ่ม OK 9. จะปรากฏชิ้นงานใหม่ 72

การใช้งานโปรแกรม Adobe Illustrator เบื้องต้น 1 2 ภาพท่ี 2.26 การเรียกใชค้ ำ� ส่ัง New 43 5 6 78 ภาพท่ี 2.27 การเรยี กใช้คำ� สัง่ New document 9 ภาพที่ 2.28 ผลลัพธ์การเรยี กใช้คำ� ส่ัง New document 73

วิชาการผลิตส่ือสิง่ พมิ พ์ รหัสวิชา 2204-2104 การสร้างไฟล์ใหม่ด้วย Template เทมเพลต (Template) หรือต้นแบบ คือไฟล์ช้ินงานท่ีมีองค์ประกอบต่าง ๆ อยู่แล้ว แต่สามารถน�ำมา ดัดแปลงเป็นชิ้นงานใหม่ได้ ซึ่งช่วยลดเวลาในการท�ำงาน โดยมีข้ันตอนดังน้ี 1. คลกิ เมนู File > New From Template เพอื่ สรา้ งไฟล์ใหมจ่ ากเทมเพลต 2. จะปรากฏหน้าตา่ ง New From Template ให้ดับเบิลคลกิ เข้าไปในโฟลเ์ ดอร์ และเลอื กไฟลเ์ ทมเพลตที่ ต้องการ 3. คลกิ ปุ่ม New 4. จะปรากฏชน้ิ งานจากเทมเพลต 1 ภาพท่ี 2.29 การเรยี กใช้คำ� สั่ง New from Template 2 3 ภาพที่ 2.30 การเลอื กไฟลจ์ าก Template 74

การใช้งานโปรแกรม Adobe Illustrator เบอื้ งต้น 4 ภาพที่ 2.31 ผลลพั ธก์ ารเลอื กไฟล์จาก Template การเปิดไฟลด์ ว้ ยคำ� ส่งั Open วิธีการเปิดไฟล์ช้ินงานสามารถท�ำได้โดยใช้ค�ำส่ัง Open ดังนี้ 1. คลิกเมนู File > Open (หรอื กดแป้น Ctrl+O) เพ่ือเปิดไฟล์ 2. จะปรากฏหน้าตา่ ง Open จากนั้นคลิกเลอื กตำ� แหนง่ ท่จี ัดเก็บไฟล์ แล้วเลอื กไฟลช์ ิ้นงานท่ตี ้องการเปดิ 3. คลิกปุม่ Open 4. ไฟลช์ ิน้ งานทเี่ ลือกจะถกู เปดิ ข้ึนมา 1 ภาพที่ 2.32 การเลือกไฟล์จาก Template 75

วชิ าการผลติ สื่อสิง่ พมิ พ์ รหสั วิชา 2204-2104 2 3 ภาพท่ี 2.33 การเลือกไฟลต์ ่าง ๆ 4 ภาพที่ 2.34 ผลลพั ธ์การเลือกไฟลอ์ อกมา 76

การใชง้ านโปรแกรม Adobe Illustrator เบอ้ื งต้น การเปดิ ไฟลล์ ่าสดุ ด้วยค�ำส่งั Open Recent เมื่อต้องการเปิดไฟล์ช้ินงานท่ีเพิ่งใช้ล่าสุด สามารถท�ำได้โดยคลิกเมนู File>Open Recent Files แล้วเลือก ไฟล์ท่ีต้องการเปิด ภาพที่ 2.35 การเรียกใช้คำ� สั่ง Open Recent การบันทกึ ไฟลด์ ้วยค�ำส่ัง Save เมื่อสร้างหรือแก้ไขชิ้นงานเสร็จเรียบร้อยแล้ว สามารถบันทึกไฟล์ชิ้นงานได้ด้วยค�ำส่ัง Save (บันทึกคร้ัง แรก/บันทึกทับข้อมูลเดิม) หรือ Save As (บันทึกแบบก็อปปี้เปล่ียนชื่อ) โดยมีข้ันตอนดังน้ี 1. คลิกเมนู File > Save หรือ Save As 1 ภาพที่ 2.36 การเรยี กใชค้ �ำสั่ง File > Save หรอื Save As 77

วชิ าการผลติ สอื่ ส่ิงพิมพ์ รหัสวิชา 2204-2104 2 5 3 4 ภาพท่ี 2.37 การเรียกใช้ค�ำส่งั save เพื่อตง้ั ชอ่ื ไฟล์ 2. จะปรากฏหนา้ ต่าง Save As จากนั้นเลอื กต�ำแหน่งท่ีจดั เก็บไฟล์ 3. พมิ พ์ช่ือใหม่ ท่ี File name 4. เลือกชนิดของไฟล์ ที่ Save as type - Illustrator (*.AI) เป็นไฟลใ์ นรปู แบบของโปรแกรม Illustrator - Illustrator (*.EPS) เป็นไฟลท์ เ่ี หมาะส�ำหรบั ไปใช้งานรว่ มกับโปรแกรมอนื่ 5. คลิกปมุ่ Save 6. จะปรากฏหน้าต่าง Illustrator Options ที่ Version ให้เลือกก�ำหนดน�ำไฟลน์ ไี้ ปใช้กับเวอรช์ น่ั รุ่นใดไดบ้ า้ ง 7. คลิกปมุ่ OK 78

การใช้งานโปรแกรม Adobe Illustrator เบ้อื งตน้ 6 7 ภาพท่ี 2.38 การกำ� หนดเวอรช์ ั่นของโปรแกรม 79

วชิ าการผลติ สือ่ สิ่งพมิ พ์ รหสั วชิ า 2204-2104 การปดิ ไฟล์ เมื่อต้องการปิดไฟล์ชิ้นงานหน้าต่างเดียว สามารถท�ำได้โดยคลิกที่ปุ่ม (Close) ท่ีหน้าต่างไฟล์ แต่ถ้า ต้องการปิดไฟล์หลายหน้าต่างพร้อมกันให้คลิกขวาท่ีหน้าต่างแล้วเลือกค�ำสั่ง Close all คลกิ เพ่อื ปิดหน้าตา่ งไฟลช์ น้ิ งานเดียว ภาพท่ี 2.39 แสดงการคลกิ ปุม่ กากบาทเพ่ือปดิ ไฟล์ คลิกขวาทีห่ น้าต่างแล้วเลือกค�ำส่งั Close All เพ่ือปดิ หลายหน้าต่างพรอ้ มกนั ภาพที่ 2.40 การเรยี กใช้คำ� สง่ั ปิดโปรแกรมทุกไฟลท์ ีเ่ ปดิ ไว้ 80

การใชง้ านโปรแกรม Adobe Illustrator เบ้อื งตน้ สรปุ สาระส�ำคัญทา้ ยหนว่ ยท่ี 2 สรุปสาระส�ำคัญการออกแบบส่ือสิง่ พมิ พ์ ในการสร้างไฟล์งานของโปรแกรม Illustrator สามารถเลอื กสร้างได้ทง้ั จากหนา้ กระดาษเปล่าและเลอื กสรา้ ง จากเท็มเพลต ซึ่งการสร้างไฟล์งานใหม่จากหน้ากระดาษเปล่า เหมาะกับงานเฉพาะด้านที่ต้องอาศัยการสร้างสรรค์ ผลงานขนึ้ มาเองสว่ นการสรา้ งไฟลง์ านใหมจ่ ากเทม็ เพลตเปน็ การแกไ้ ขรายละเอยี ดตา่ ง ๆ จากแมแ่ บบสำ� เรจ็ รปู ทโี่ ปรแกรม เตรียมไว้ ดงั นั้นจงึ เหมาะส�ำหรับงานทีไ่ ม่ตอ้ งการรูปแบบเฉพาะมากนกั และในส่วนประกอบของโปรแกรมก็มเี ครอื่ งมอื แบง่ เป็นสัดสว่ น เพอ่ื เรยี กใชง้ านไดอ้ ยา่ งครบครันตามคำ� อธิบายวธิ ีการใชง้ านในหนว่ ยท่ี 2 แล้ว ซง่ึ เครือ่ งมอื สว่ นใหญ่ จะคลา้ ย ๆ โปรแกรมกราฟฟคิ ทวั่ ไป จงึ ทำ� ใหน้ กั เรยี นไมร่ สู้ กึ สบั สนเพราะไดม้ กี ารผา่ นการใชโ้ ปรแกรมตา่ ง ๆ มาบา้ งแลว้ 81

วชิ าการผลิตสอ่ื สิง่ พิมพ์ รหัสวิชา 2204-2104 ค�ำศพั ท์ หน่วยท่ี 2 คำ� ศัพท์ ความหมาย Panel ส่วนย่อยแยกออกมา Guide เส้นใช้บอกระยะการวดั Show Essonite แสดงผล Layout การวาดภาพ Painting มุมมองงานพิมพ์ Tracing การระบายสี Lock การปรบั แต่งภาพ Hide Make ยดึ ไว้ ซอ่ น สรา้ งผลงาน 82

การใชง้ านโปรแกรม Adobe Illustrator เบื้องตน้ ใบงานท่ี 2.1 หนว่ ยท่ี 2 การใชง้ านโปรแกรม Adobe Illustrator เบื้องต้น จุดประสงค์ 1. นักเรียนสามารถเลอื กเปดิ เอกสารจากเทมเพลตมาใชง้ านได้ 2. นกั เรียนสามารถออกแบบผลติ ภณั ฑไ์ ด้ 3. นักเรียนสามารถบันทกึ ไฟล์งานได้ กจิ กรรมและแนวทางปฏิบัติ ใหน้ ักเรียนออกแบบแพก็ เกจกลอ่ ง จากเอกสารเทมเพลต ขั้นตอนท่ี 1 ใช้เสน้ ไกดจ์ ากเทมเพลตของโปรแกรม เราจะเร่มิ ต้นสรา้ งชน้ิ งาน โดยการใช้เทมเพลต ของการสร้างแพก็ เกจ 1. ให้เปดิ ไฟลง์ านใหมข่ ้นึ มาจากเทมเพลตโดยเลือกคำ� ส่ัง File > New from Template เลอื ก เทมเพลตของแพ็กเกจ โดยในตวั อยา่ งเลอื กเทมเพลต Blank Templates เลอื กเทมเพลต Gift Certificate Pouchette จากน้นั คลกิ ปุ่ม New ปรากฏช้ินงานต้นแบบ ดงั รูป รูปที่ 1 การเปิดเทมเพลต 83

วชิ าการผลิตส่อื สิ่งพิมพ์ รหัสวิชา 2204-2104 2. ในการคลิกล็อกเลเยอร์ Die line เอาไว้ก่อน เพ่อื ใหเ้ ลเยอรน์ ัน้ คงที่ไม่สามารถเปลย่ี นแปลงได้ ขณะทีเ่ ราท�ำการออกแบบ รูปท่ี 2 การล็อกเลเยอร์ ขั้นตอนท่ี 2 เรมิ่ ต้นออกแบบกล่องแพก็ เกจ ข้ันตอนนีเ้ ปน็ การวาดภาพพน้ื หลังรูปส่ีเหล่ยี มสสี ้มและสีนำ้� ตาล จากนัน้ วาดรูปวงรีจัดทำ� เปน็ พน้ื หลัง ดงั รูป 1. ใช้ Rectangle Tool เพือ่ วาดรปู ส่ีเหลี่ยมพืน้ หลังของกล่อง แลว้ ใสส่ ี 2. คดั ลอกพน้ื หลงั เพิ่มเติม แลว้ จัดการเปลย่ี นสีตามตอ้ งการ 3. จดั ทำ� พน้ื หลงั แพก็ เกจในสว่ นทมี่ ลี กั ษณะโคง้ โดยใช้ Pen Tool คลกิ วาดจดุ ท1ี่ และ คลกิ วาดจดุ ท่ี 2 โดยดงึ จุดที่ 2 ให้เส้นเป็นเส้นโค้ง จากน้ันวาดจุดต่อ ๆ ไป ดึงให้เปน็ เสน้ โคง้ และปดิ พาธโดยคลิกท่ี จุดเริม่ ต้น จะไดพ้ ืน้ หลังลักษณะโคง้ 4. คดั ลอกพน้ื หลังเพมิ่ เติม แลว้ จดั การเปลย่ี นสตี ามต้องการ 5. ใช้ Rectangle Tool เพ่ือวาดรปู สี่เหลี่ยมพ้นื หลังในสว่ นทเี่ หลอื ในสีเดียวกนั รปู ที่ 3 การวาดส่เี หล่ยี มพ้นื หลกั กล่อง 84

การใช้งานโปรแกรม Adobe Illustrator เบ้ืองต้น ขัน้ ตอนที่ 3 สรา้ งลวดลายตกแตง่ แพ็กเกจ เปน็ การวาดภาพเพอื่ ใชน้ ำ� มาประกอบเปน็ ลวดลาย โดยเราจะวาดภาพวงรแี ละสามเหลยี่ มมาประกอบ รวมกัน ดงั รปู 1. วาดรูปวงรีตกแต่ง โดยใช้ Ellipse Tool และกำ� หนดสีพน้ื เป็นสขี าว ไมเ่ ติมเส้นขอบ 2. วาดภาพตกแตง่ ใหม้ ลี กั ษณะเหมอื นรอยกดั โดยใช้ Pen Tool คลกิ วาดจดุ ท่ี 1 และคลกิ วาดจดุ ที่ 2 โดยดงึ จดุ ท่ี 2 ให้เส้นเป็นเส้นโค้ง จากนน้ั วาดจดุ ตอ่ ๆ ไป ดงึ ให้เปน็ เสน้ โคง้ และปิดพาธโดยคลกิ ทจี่ ดุ เริ่มต้น จะไดช้ ิน้ พาธของรอยกัด 3. ตอ่ ไปวาดรูปสามเหล่ียมตกแต่งตรงบริเวณรอยกัด จำ� นวน 2 รูป โดยใชเ้ คร่ืองมอื Pen Tool รูปท่ี 4 การวาดรอยกดั จากเคร่ืองมอื pan tool ข้นั ตอนท่ี 4 น�ำรปู ภาพมาประกอบกัน เปน็ การนำ� ภาพนมเขา้ มาประกอบในชนิ้ งาน จากนน้ั เราจะวาดเสน้ พาธขน้ึ มารอบภาพขนม และทำ� การ คลปิ ปง้ิ มาสกเ์ พอื่ บงั ใหแ้ สดงเฉพาะภาพขนมไมม่ สี ว่ นของพนื้ หลงั สดุ ทา้ ยกน็ ำ� ภาพ Maple Leaf จากไลบราร่ี Nature มาตกแตง่ เพม่ิ เตมิ ดงั รปู 1. นำ� รูปภาพมาประกอบโดยเลือกคำ� สง่ั File > Place เลือกรปู ท่ีตอ้ งการ โดยในตวั อยา่ งเลือกรปู cake.jpg จากนั้นคลกิ ปมุ่ place ภาพจะถูกน�ำเขา้ มาปรากฏอยูบ่ นอารต์ บอร์ด 85

วิชาการผลิตสอ่ื สิ่งพิมพ์ รหัสวิชา 2204-2104 รปู ที่ 5 การแทรกภาพเข้ามาในเทมเพลต 2. วาดพาธเพือ่ ใช้เปน็ คลปิ ปิ้งมาสก์ ใหแ้ สดงเฉพาะส่วนของรปู ขนม และบังส่วนของพ้นื หลัง โดยใช้ เครอ่ื งมือ Pen Tool วาดเส้นพาธตามรูปขนม โดยเลอื กเฉพาะสเี สน้ ขอบเป็นสีใดกไ็ ดไ้ มเ่ ตมิ สพี น้ื 3. คลิกที่ Color ในส่วนของการเลือกสี เพื่อสลบั สีจากการเติมสเี สน้ อย่างเดยี วมาเปน็ การเตมิ สเี สน้ อยา่ งเดียวมาเป็นการเตมิ เฉพาะสพี นื้ เพียงอยา่ งเดยี ว จะได้ชน้ิ พาธท่ีจะใชเ้ ปน็ คลปิ ปิง้ มาสก์ 4. ทำ� ให้พาธท่ีสรา้ งเป็นปงิ้ มาสก์ โดยเลอื กที่พาธและรปู ภาพขนม จากนัน้ เลือกค�ำสัง่ Object > Clipping Mask > Make ( หรอื กด <Ctrl>) ภาพจะถูกบังและแสดงออกมาเฉพาะส่วนทีเ่ ปน็ คลปิ มาสก์ จากนนั้ จดั ต�ำแหน่งและขนาดของภาพใหส้ วยงาม 5. ตกแตง่ โดยนำ� ภาพจากในโปรแกรมมาประกอบ โดยเลอื กคำ� สง่ั Window > Symbol Library > Nature เพือ่ เปดิ พาเนลของภาพ Nature ในตวั อย่างจะใช้ภาพ Maple Leaf ลากภาพมาวางบน อารต์ บอร์ตและจัดต�ำแหนง่ ให้สวยงาม ดงั รปู รปู ท่ี 6 การวาดเสน้ พาธและ Clipping Mask รปู ภาพ 86

การใช้งานโปรแกรม Adobe Illustrator เบอ้ื งต้น ขน้ั ตอนท่ี 5 ใส่ขอ้ ความประกอบกัน เปน็ การใสข่ อ้ ความเปน็ ลงในชน้ิ งาน คอื ชอื่ ผลติ ภณั ฑท์ ม่ี เี อฟเฟก็ ตก์ ารใสเ่ งา และขอ้ ความรายละเอยี ด ตา่ ง ๆ ดงั รปู 1. ใช้ Type Tool พิมพ์ข้อความ MY SUSHI ซึ่งเปน็ ชอ่ื รา้ น โดยกำ� หนดสีตวั หนงั สอื MY เป็นสีขาว และ SUSHI เป็นสีอืน่ ๆ รปู ท่ี 7 การใสข่ อ้ ความ 2. กำ� หนดรปู แบบตัวอักษร และการจัดวางขอ้ ความ โดยเปิดพาเนล Paragraph เลือกการจดั วางข้อ ความให้อย่กู ง่ึ กลาง 3. ใส่เงาให้อกั ษร โดยเลือกค�ำส่ัง Effect > Stylize > Drop Shadow.. กำ� หนดคา่ ต่าง ๆ และเลือก สี Color เป็นสีดำ� จากนั้นคลิกปุ่ม OK จะได้ผลลัพธด์ ังรูป รปู ที่ 8 การใสเ่ งาให้กบั ขอ้ ความ 87

วชิ าการผลติ สอ่ื สง่ิ พิมพ์ รหัสวิชา 2204-2104 4. ใช้ Type Tool เพอ่ื พมิ พ์ขอ้ ความประกอบต่าง ๆ บนกลอ่ ง โดยก�ำหนดลกั ษณะต่าง ของขอ้ ความ ทพ่ี าเนล Character จากนนั้ กำ� หนดการจัดวางข้อความ โดยเปิดพาเนล Paragraph เลือกกการ วางชิดซา้ ย 5. พมิ พข์ อ้ ความประกอบเพมิ่ เตมิ โดยใชเ้ ครอ่ื งมอื Type Tool จากนนั้ กำ� หนดลกั ษณะขอ้ ความทพี่ าเนล Character รูปท่ี 9 การจัดการกับขอ้ ความ รูปที่ 10 การใส่ข้อความอนื่ ๆ ลงไปในชน้ิ งาน 88

การใช้งานโปรแกรม Adobe Illustrator เบือ้ งตน้ ใบงานที่ 2.2 หน่วยที่ 2 การใช้งานโปรแกรม Adobe Illustrator เบอื้ งตน้ จุดประสงค์ 1. นกั เรียนสามารถเลอื กเปดิ เอกสารจากเทมเพลตมาใช้งานได้ 2. นกั เรียนสามารถออกแบบผลิตภณั ฑไ์ ด้ 3. นกั เรยี นสามารถบันทกึ ไฟล์งานได้ กจิ กรรมและแนวทางปฏิบัติ ใหน้ ักเรยี นการออกแบบซองใส่ CD ในการออกแบบซองใส่ซีดีจะแบ่งเปน็ 3 สว่ นคอื ด้านหนา้ ด้านในและดา้ นหลงั ซงึ่ จะมสี ว่ นของปีกสำ� หรบั ทา กาว เป็นการใชเ้ ทมเพลตของซองใสซ่ ีดี เพือ่ ดดั แปลงใหซ้ องใส่ซดี ี ซง่ึ สามารถวาดรูปทรงประกอบด้วยเคร่อื งมอื วาด ต่าง ๆ เชน่ Ellipse Tool เพื่อวาดดวงกลม Line segment Tool เพอื่ วาดเสน้ และ Rectangle Tool เพือ่ วาดรูปสี เหลีย่ ม จะนำ� มาใชต้ กแตง่ และสามารถนำ� ภาพอนื่ ๆ มาประกอบได้ดว้ ย ชัน้ ตอนท่ี 1 เปิดไฟลจ์ ากเทมเพลต เปน็ การเรยี กใชเ้ ทมเพลตของสงิ่ พมิ พท์ ่ีเกย่ี วข้องกับวซีดที ี่โปรแกรมมมี าให้ ซ่งึ จะประกอบดว้ ยเส้น กำ� หนดขอบเขตชนิ้ งานของซองใส่ซีดี และสกรนี ซีดี แต่งในตัวอย่างนเ้ี ราจะเลือกเฉพาะการออกแบบของใส่ ซีดีเทา่ นนั้ 1. เปดิ ไฟล์งานใหม่ข้ึนมาจากเทมเพลต โดยเลอื กคำ� ส่ัง File > New From Template (หรอื Shift + Ctrl + N) เลอื กโฟลเดอรข์ องเทมเพลต Blank Template เลอื กเทมเพลต CD Print Items.AIT จาก ปมุ่ NEW จะได้ไฟลง์ านใหมจ่ ากเทมเพลตท่ีเลอื ก 89

วิชาการผลิตสอ่ื ส่ิงพิมพ์ รหัสวิชา 2204-2104 รปู ที่ 1 เปดิ เอกสารใหมจ่ ากเทมเพลต 2. สรา้ งเลเยอรใ์ หม่เปล่ยี นชื่อเปน็ artwork เพอ่ื ใช้ออกแบบซองซีดีของเรา รูปท่ี 2 สรา้ งเลเยอร์ใหมต่ ้งั ชอ่ื artwork 90

การใชง้ านโปรแกรม Adobe Illustrator เบอื้ งต้น ชั้นตอนท่ี 2 วาดพน้ื หลังของซีดี เปน็ การวาดรปู ทรงและตกแต่งพนื้ หลงั ของซองใสซ่ ดี ี ดังรปู 1. เรม่ิ ตน้ ใหล้ อ็ กเลเยอรอ์ น่ื ๆ ทงั้ หมดยกเวน้ เลเยอร์ artwork เพอื่ ไมใ่ หเ้ สน้ เคา้ โครงตา่ ง ๆ เปลย่ี นแปลง โดยคลกิ หน้าช่ือเลเยอรใ์ ห้ปรากฏรปู รปู ที่ 3 ลอ็ กเลเยอร์อ่นื ๆ 2. ใสส่ พี นื้ หลงั ซงึ่ เรมิ่ จากสว่ นของปกดา้ นหนา้ โดยใช้ Rectangle Tool วาดรปู สเ่ี หลย่ี มขนาดเทา่ กบั ปกหนา้ จากนั้นกำ� หนดสีพนื้ เปน็ การไล่สีแบบ Gradient ก�ำหนดการไล่สีที่พาเนล Gradient เปน็ แบบ Linear มมุ (Angle) 180 องศา ก�ำหนดสีให้สีแรกเปน็ สีชมพู และสีที่ 2 เปน็ สีขาว เพ่อื ให้ไล่สจี ากสชี มพูไปเป็นสีขาว จะได้ผลลัพธ์ ดงั รูป รูปท่ี 4 ใส่สพี ้ืนหลังแบบ Gradient 91

วชิ าการผลิตสอื่ สงิ่ พิมพ์ รหัสวิชา 2204-2104 3. วาดรูปตกแต่งด้านบน โดยใช้ Rectangle Tool วาดรปู ส่ีเหล่ียม จากนัน้ ใช้ direct selection tool เลือกท่ีจดุ ลา่ งซ้ายดึงบนเพอื่ เปลย่ี นรปู ร่างสเ่ี หลีย่ ม จากนั้นใช้ Add Anchor Point Tool เพมิ่ จดุ ตรงกลางเส้นลา่ ง และใช้ Convert Anchor Point Tool ดงึ แขนของจุดตรงกลางให้เปน็ เส้นโค้ง ดงั รปู รูปที่ 5 การดึงจดุ ลา่ งซ้ายขึน้ บน รปู ท่ี 6 การดงึ จดุ ให้เปน็ เส้นโค้ง รปู ท่ี 7 ใส่สีพืน้ หลงั ส่วนบนของซอง CD 92

การใชง้ านโปรแกรม Adobe Illustrator เบ้อื งต้น 4. จากนนั้ ใช้ Rectangle Tool วาดรปู สเ่ี หลีย่ มสดี �ำ เปน็ แถบตกแต่งท่ดี า้ นลา่ งของปกหน้า และ วาดรปู สีเ่ หล่ยี มเปน็ พ้ืนหลงั ของปกท้ังหมด ดงั รูป รปู ที่ 8 ใสส่ พี ้ืนหลงั ทกุ ส่วนของซองใส่ CD 5. เพ่มิ ขอ้ ความเข้ามาเพอ่ื ตกแต่งปกซดี ี โดยจะได้ผลลพั ธ์ ดงั รูป รปู ที่ 9 ใส่ขอ้ ความท่ชี อ่ งว่างด้านขา้ งซอง CD ชั้นตอนท่ี 3 ออกแบบและจัดวางโลโก้ เปน็ การใชเ้ ครื่องมือวาดเป็นหลงั ตงั้ แต่การใช้ Rounded Rectangle Tool วาดรูปสีเ่ หล่ียมมมุ มน จากนน้ั กำ� หนดสี และนำ� ใช้เปน็ พ้ืนหลงั ของขอ้ ความเพ่อื จดั ทำ� เป็นโลโก้ 1. ออกแบบสว่ นทตี่ กแตง่ เพม่ิ เตมิ ใหก้ บั โลโก้ โดยใช้ Rounded Rectangle Tool วาดรปู สเ่ี หลย่ี มมมุ 2. เปลย่ี นสพี นื้ ใหก้ ลายเปน็ การไลส่ แี บบ Gradient แบบเดยี วกบั สพี น้ื หลงั แตเ่ ปลย่ี นคา่ มมุ เปน็ ต0 องศา และสเี สน้ ขอบเปน็ สเี ขม้ 3. คดั ลอกขอ้ ความจากปกดา้ นขวาโดยใชค้ ำ� สงั่ Ctrl+C นำ� มาวางทปี่ กหนา้ โดยใชค้ ำ� สง่ั Ctrl+V 4. ปรบั ขนาดขอ้ ความทจ่ี ะนำ� มาใชง้ าน โดยเลอื ก Selection Tool คลกิ ทข่ี อ้ ความ กด Shift คา้ งไว้ ขณะทปี่ รบั ขนาดเพอ่ื คงอตั ราสว่ นของขอ้ ความนน้ั ไว้ 5. นำ� มาจดั วางใหไ้ ดผ้ ลลพั ธ์ ดงั รปู 93

วิชาการผลติ สื่อสิ่งพิมพ์ รหสั วิชา 2204-2104 รูปท่ี 10 สร้างป่มุ ใส่ข้อความทด่ี า้ นบนของซอง CD ช้นั ตอนท่ี 4 ใสข่ อ้ ความอธบิ าย และตกแตง่ เปน็ การใชเ้ ครอื่ งมอื Type Tool เปน็ หลักต้ังแต่การสรา้ งข้อความชอื่ เรื่อง และค�ำโฆษณาบนหน้าปก ซดี ี รวมท้งั การสรา้ งรายละเอียดของสินค้าทอ่ี ยบู่ นปกดา้ นหลงั 1. ใชเ้ ครอื่ งมือ Type Tool เพ่อื สร้างขอ้ ความประกอบบนปกหนา้ ในตวั อย่างจะสร้างข้อความ 2 ชดุ คอื หัวเร่อื ง และขอ้ ความโฆษณาดา้ นลา่ ง 2. ใส่ขอ้ ความอธิบายข้อมูลท่หี ลงั ปก เพื่อความงา่ ยในการจดั ขอบเขตของข้อความ ให้สรา้ งเส้นไกด์ ขนึ้ มาเพ่ือก�ำหนดขอบเขต โดยคลิกเมาส์จากบริเวณแถบไมบ้ รรทัดลากมาวางเพอื่ สรา้ งเสน้ ไกด์ 3. ใช้เครอ่ื งมอื Type Tool วาดกรอบขอ้ มูล เพือ่ ก�ำหนดขอบเขตของขอ้ ความ และพมิ พ์ขอ้ ความท่ี ต้องการ 4. ใชเ้ ครื่องมือ Rectangle Tool วาดรปู สเี่ หล่ียมหรบั ตกแตง่ 5. ใชเ้ ครอ่ื งมือ Type Tool วาดกรอบข้อความ เพ่อื ก�ำหนดขอบเขตข้อความ และพมิ พข์ อ้ ความ เชน่ พมิ พข์ อ้ ความความเวบ็ บริษัท .รูปที่ 11 สร้างปุม่ ใสข่ ้อความทกุ ส่วนของซองใส่ CD 94

การใชง้ านโปรแกรม Adobe Illustrator เบอ้ื งตน้ แบบฝกึ หดั ทา้ ยบท บทท่ี 2 การใชง้ านโปรแกรม Adobe Illustrator เบือ้ งตน้ ค�ำชี้แจง ให้นกั เรยี นตอบคำ� ถามตอ่ ไปนี้ 1. บอกสว่ นประกอบของโปรแกรม Illustrator มาสกั 2-3 อยา่ ง ………………………………………………………………………………………………………………………………………………… ………………………………………………………………………………………………………………………………………….. 2. บอกวธิ กี ารใชเ้ ครอื่ งมือของโปรแกรมโดยยกตวั อย่างมาสัก 2 อย่าง ………………………………………………………………………………………………………………………………………………… ………………………………………………………………………………………………………………………………………….. 3. บอกขั้นตอนการสรา้ งเอกสารใหมม่ าพอสงั เขป ………………………………………………………………………………………………………………………………………………… ………………………………………………………………………………………………………………………………………….. 4. อธบิ ายข้ันตอนการเพม่ิ อาร์ตบอรด์ มาพอสงั เขป ………………………………………………………………………………………………………………………………………………… ………………………………………………………………………………………………………………………………………….. 5. อธบิ ายการเปลีย่ นสีหนา้ จอของโปรแกรมมาพอเข้าใจ ………………………………………………………………………………………………………………………………………………… ………………………………………………………………………………………………………………………………………….. 95

วิชาการผลติ สอ่ื ส่งิ พิมพ์ รหสั วชิ า 2204-2104 6. บอกการปรบั มุมมองการแสดงภาพมอี ะไรบ้าง ………………………………………………………………………………………………………………………………………………… ………………………………………………………………………………………………………………………………………….. 7. บอกการใชง้ านเครอื่ งมอื วัดและบอกตำ� แหน่งมีอะไรบ้าง ………………………………………………………………………………………………………………………………………………… ………………………………………………………………………………………………………………………………………….. 8. บอกวธิ ีการกำ� หนดรปู แบบการเรยี งหน้าต่าง มาพอเข้าใจ ………………………………………………………………………………………………………………………………………………… ………………………………………………………………………………………………………………………………………….. 96

การใช้งานโปรแกรม Adobe Illustrator เบอ้ื งต้น แบบทดสอบหลงั เรยี น บทที่ 2 การใชง้ านโปรแกรม Adobe Illustrator เบ้ืองตน้ ค�ำส่งั จงเลอื กคำ� ตอบที่ถกู ทีส่ ุดเพยี งขอ้ เดียว 1. ส่วนประกอบของโปรแกรม Illustrator ท่มี ีคำ� สงั่ ใชง้ านตา่ ง ๆ คือขอ้ ใด ก. Option Bar ข. Tool Bar ค. Menu Bar ง. Palette 2. ค�ำสงั่ ก�ำหนดคณุ สมบัตแิ ละตวั ปรบั แต่งการท�ำงานใหก้ ับวัตถุคือขอ้ ใด ก. Menu Bar ข. Tool Bar ค. Option Bar ง. Palette 3. เครือ่ งมือชนิดตา่ ง ๆ ท่ใี ชใ้ นการทำ� งานคอื ข้อเมนใู ด ก. Tool Bar ข. Option Bar ค. Menu Bar ง. Palette 4. พื้นทส่ี �ำหรับพิมพง์ านคือขอ้ ใด ก. Pasteboard ข. Document ค. Guide ง. Palette 5. พ้นื ท่วี ่าง ๆ รอบเอกสารคือข้อใด ก. Palette ข. Pasteboard 4 ค. Guide ง. Document 97

วิชาการผลิตสอื่ สงิ่ พิมพ์ รหสั วิชา 2204-2104 6. อารต์ บอรด์ มีสว่ นประกอบใดบ้าง ก. พ้ืนท่ีนอกและพื้นทใ่ี น ข. พืน้ ทีน่ อก ค. พนื้ ทใี่ น ง. พ้นื ทก่ี ลาง 7. อารต์ บอร์ดช่วยในการท�ำงานหลัก ๆ คือขอ้ ใด ก. สร้างวัตถชุ นิ้ งานได้ ข. พื้นท่ีสำ� หรบั พกั วัตถุ ค. สามารถมหี ลาย ๆ พ้ืนทก่ี ารท�ำงาน ง. พื้นท่ใี ชส้ �ำหรับจัดรูปแบบ 8. ค�ำสัง่ เปลีย่ นสีหน้าจอโปรแกรมดว้ ยตนเอง คือข้อใด ก. Preferences ข. Dark / Light ค. User Interface ง. Brightness 9. คำ� ส่ังการเปดิ เอกสารใหม่ ก. Open ข. Open Recent ค. New ง. New from Template 10. ค�ำส่งั การออกจากโปรแกรมคือข้อใด ก. Exit ข. Close ค. Close all ง. Exit all 98

การใช้งานโปรแกรม Adobe Illustrator เบอ้ื งตน้ เฉลยทดสอบหลงั เรยี น บทที่ 2 การใชง้ านโปรแกรม Adobe Illustrator เบอ้ื งตน้ 1. ส่วนประกอบของโปรแกรม Illustrator ที่มคี �ำส่งั ใชง้ านตา่ ง ๆ คือข้อใด ก. Option Bar ข. Tool Bar ค. Menu Bar ง. Palette 2. คำ� สัง่ กำ� หนดคณุ สมบตั แิ ละตวั ปรับแตง่ การทำ� งานให้กับวัตถคุ อื ข้อใด ก. Menu Bar ข. Tool Bar ค. Option Bar ง. Palette 3. เคร่ืองมอื ชนดิ ต่าง ๆ ทใ่ี ช้ในการทำ� งานคอื ข้อเมนใู ด ก. Tool Bar ข. Option Bar ค. Menu Bar ง. Palette 4. พ้นื ทีส่ ำ� หรับพิมพ์งานคอื ข้อใด ก. Pasteboard ข. Document ค. Guide ง. Palette 5. พืน้ ท่วี ่าง ๆ รอบเอกสารคือขอ้ ใด ก. Palette ข. Pasteboard 4 ค. Guide ง. Document 99

วิชาการผลิตสอ่ื สงิ่ พมิ พ์ รหัสวิชา 2204-2104 6. อาร์ตบอร์ด มีสว่ นประกอบใดบา้ ง ก. พ้นื ทนี่ อกและพื้นท่ใี น ข. พืน้ ท่นี อก ค. พ้นื ท่ีใน ง. พ้นื ที่กลาง 7. อาร์ตบอร์ดชว่ ยในการทำ� งานหลัก ๆ คอื ข้อใด ก. สร้างวัตถุชนิ้ งานได้ ข. พืน้ ท่ีสำ� หรับพักวตั ถุ ค. สามารถมหี ลาย ๆ พ้นื ท่กี ารท�ำงาน ง. พนื้ ที่ใชส้ ำ� หรับจดั รูปแบบ 8. ค�ำส่งั เปลย่ี นสหี นา้ จอโปรแกรมด้วยตนเอง คือขอ้ ใด ก. Preferences ข. Dark / Light ค. User Interface ง. Brightness 9. คำ� สง่ั การเปดิ เอกสารใหม่ ก. Open ข. Open Recent ค. New ง. New from Template 10. ค�ำสง่ั การออกจากโปรแกรมคอื ข้อใด ก. Exit ข. Close ค. Close all ง. Exit all 100