หน่วยที่8

หนว่ ยท่ี 8 การปรบั มุมมองการทำงานและการใชเ้ ครอื่ งมอื พืน้ ฐานใน Illustrator หัวข้อเรอื่ ง (Topics) 8.1 การกำหนดมุมมองหนา้ ต่างของโปรแกรมให้เหมาะสมกับการทำงาน 8.2 การทำงานกับสี 8.3 การเลอื กใชส้ ี 8.4 การเทสี 8.5 การระบายสี 8.6 การลบส่วนประกอบในภาพท่ีไม่ต้องการ 8.7 การใส่ข้อความขนั้ เบื้องต้น 8.8 ยอ้ นกลบั การทำงานในขั้นลา่ สุด 8.9 ตัดวตั ถุบางสว่ นทต่ี ้องการโดยใช้ Crop Tool 8.10 การปรับเปลย่ี นขนาดภาพ แนวคดิ สำคัญ (Main Idea) ในการทำงานบนหน้าต่างของ Illustrator นนั้ สามารถเปลี่ยนมมุ มองตามสภาพการทำงานท่ี เหมาะสม อีกทง้ั เรายังสามารถขยายและย่อภาพได้ เพื่อปรับเปลยี่ นมุมมองใหช้ ดั เจนและมองโดยภาพรวม ในหน่วยการเรียนน้จี ึงต้องเรียนรู้ถงึ เครื่องมือพ้ืนฐานสู่การตกแต่งภาพในหนว่ ยการเรยี นต่อ ๆ ไป สมรรถนะย่อย (Element of Competency) ใชอ้ งค์ประกอบศิลปส์ ำหรบั งานคอมพวิ เตอร์ จุดประสงคก์ ารปฏิบัติ (Performance Objectives) 1. กำหนดมมุ มองหน้าต่างของโปรแกรมให้เหมาะสมกบั การทำงาน 2. ยอ่ และขยายภาพ 3. จัดวางหนา้ ตา่ งให้เหมาะสมกบั การทำงาน 4. เลอื กใชส้ แี ละระบายสีเบือ้ งต้น 5. ลบ เปล่ียนขนาด ตัดพื้นที่ภายในภาพ

8.1 การกำหนดมุมมองหน้าต่างของโปรแกรมใหเ้ หมาะสมกบั การทำงาน ในการสร้างและตกแต่งช้นิ งาน เราสามารถปรับมมุ มองของการทำงานไดห้ ลายรูปแบบตามความ ถนดั ในการใชง้ าน ดังนี้ 8.1.1 กำหนดมุมมองโดยการรวมของภาพ ปกติไฟล์ชิ้นงานถูกแสดงภายในกรอบหน้าต่างของโปรแกรม ซึ่งเราสามารถเปลี่ยนมมุ มองใหเ้ ป็น แบบอน่ื ได้ เพอ่ื ให้มพี ้นื ที่ในงานทำงานขึ้น โดยคลิกกำหนดกล่องมุมมองได้จากกล่องเคร่ืองมอื ซึ่งมใี ห้เลือก ดงั น้ี 1. Normal Screen เป็นสว่ นหน้าต่างปกติ Illustrator โดยจะแสดงสว่ นประกอบครบถว้ น 2. Full Screen Mode with Menu Bar เป็นหน้าต่างที่จะแสดงชิ้นงานเต็มพื้นที่แต่ยังมีเมนู เครอื่ งมอื ออกจากมมุ มอง 3. Full Screen Mode เป็นหน้าต่างที่แสดงชิ้นงานเต็มพื้นที่ไม่มีเมนูบาร์ ไม่มีกล่องเครื่องมือ ออกจากมุมมอง 8.1.2 กำหนดมุมมองท่ัวไปของภาพ เราสามารถกำหนดให้แสดงชิ้นงานในรูปแบบที่ต้องการได้ โดยเลือกเมนู View ซึ่งมีรูปแบบให้ เลอื กดงั นี้ รปู ที่ 8.1 คำส่งั กำหนดมมุ มอง 8.1.3 การซูมขยาย-ยอ่ ภาพ ผู้ใช้สามารถใช้เครื่องมือแว่นขยายที่ช่วยขยายชิ้นงานให้สามารถตกแต่งได้อย่างละเอียดมากข้ึน และยังสามารถยอ่ ขยายภาพชิน้ งานให้เล็กลงเพ่ือดภู าพโดยรวมอกี ด้วย การซูมภาพ ผใู้ ช้สามารถขยายภาพที่นำมาให้ดชู ดั เจนขน้ึ โดยการใชเ้ คร่องมือ Zoom Tool ดังนี้ 1. คลิกเลือกท่เี คร่ืองมือ Zoom Tool 2. คลิกเลือกบริเวณท่ีต้องการ Zoom Tool 3. ภาพจะถูกขยายใหญข่ ้ึน 1 23 รปู ที่ 8.2 เครอ่ื งมือ การซมู ขยาย-ย่อขยาย

ถ้าตอ้ งการขยายเฉพาะบางที่ กส็ ามารถทำไดเ้ หมือนกัน โดยลากเมาส์ครอบเฉพาะทที่ ่ตี ้องการแบบน้ี 1. ลากเมาสค์ รอบพน้ื ท่ีทีเ่ ราต้องการ 2. ขยายเฉพาะพ้ืนทีท่ ีเ่ ลือกเอาไว้ การยอ่ ภาพ เมือ่ ต้องการยอ่ ยภาพใหเ้ ลก็ ลง ให้กดคยี ์ <Alt>+คลิกเมาสบ์ นภาพ จากนน้ั ภาพ จะค่อย ๆ ย่อใหเ้ ล็กลงตามจำนวนครง้ั ทคี่ ลิกเมาส์ รปู ที่ 8.3 การซมู ขยาย-ย่อภาพโดยใชค้ ีย์ <Alt>+คลิกเมาส์บนภาพ 8.1.4 เล่ือนวัตถุท่มี ีขนาดใหญ่ ภาพบางภาพมีขนาดใหญ่ไม่สามารถมองเห็นทุกส่วนของภาพ เรามาสารถเลื่อนดูภาพภายใน หนา้ จอโดยต้องอาศัยแถบเล่อื น ( Scrollbar ) เลื่อนดภู าพชิ้นงานหรอื จะใช้เคร่ืองมือ Hand Tool กไ็ ด้ 1. คลิกเลอื กเคร่อื งมอื 2. คลิกลากเมาส์เลื่อนภาพ 3. ภาพจะถกู เล่อื นตามท่ลี ากจนกว่าจะปลอ่ ยเมาส์ รูปที่ 8.4 เลื่อนวตั ถุ 8.1.5 กำหนดมุมมองด้วยตัววตั ถุ Navigator พาเนล Navigator ในขณะทีย่ อ่ ขยายภาพ สามารถดูภาพทง้ั หมดและบริเวณโดยรอบได้ โดยใช้ คำส่ัง Window> Navigator เพอื่ เปิดพาเนล Navigator

รูปท่ี 8.5 คำสัง่ กำหนดมุมมองภาพ 8.1.6 กำหนดมุมมองของภาพเม่ือเปดิ ภาพหลายภาพพรอ้ มกนั เม่อื ต้องการเปดิ ใช้งานไฟล์หลายไฟล์พร้อมกัน เช่น การตัดภาพจากไฟลห์ น่ึงไปวางบนภาพอีก ไฟลห์ น่ึง เพื่อง่ายต่อการใชง้ าน เราสามารถจดั เรียงมมุ มองของไฟล์ใหม่ โดยเลือกใช้เมนูคำสัง่ Mode >Arrange • Tile เปน็ การจดั เรยี งหน้าตา่ งทีแ่ ยกตัวออกจากกรอบโปรแกรม ใหเ้ รยี งชดิ กนั • Float Window เปน็ การดึงหนา้ ตา่ งท่เี ลอื กใหแ้ ยกตัวออกจากกรอบโปรแกรม • Float All in Windows เปน็ การดึงทุกหน้าต่างใหแ้ ยกตวั ออกจากกรอบโปรแกรม • Consolidate All in Windows เปน็ การดงึ ทกุ หนา้ ต่างให้เช่ือมติดกบั กรอบโปรแกรม 8.2 การทำงานกับสี เมื่อกำหนดขนาดชิ้นงานเรียบรอ้ ย ก่อนที่จะทำการลงสีพื้นหลังก่อนทำชิ้นงาน เราจะมาเริ่มต้น รจู้ ักกบั มากำหนดสโี ดยวธิ สี ะดวกทสี่ ุด เพราะสามารถเลอื กสไี ดท้ ันทีจากกลอ่ งเครื่องมือ การเลือกสีจากเคร่ืองมือ 1. สพี ืน้ (Fill) และสีเสน้ (Stroke) เปน็ การกำหนดสีพน้ื และสีเสน้ ขอบของวัตถุ 2. สีพื้นฐานของโปรแกรม (Default Color) เป็นการเปลี่ยนสีพื้นและสีเส้นขอบของวัตถุให้ กลับมาเป็นสพี ื้นฐาน คอื สพี ืน้ เป็นสขี าวและสเี ส้นขอบเปน็ สดี ำ 3. สลับสีพื้นและสีเส้น (Swap Fill and Stroke ) คลิกเมาส์ที่ เพี่อสลับสีพ้ืนและสีเส้นขอบ ของ วตั ถุ

8.3 การเลอื กใช้สี การเลือกใช้สี มีวธิ ีการเลอื กสี 3 วธิ ี ได้แก่ การเลอื กจาก Color Picker พาเนล Color พาเนล Swatches เลือกสีจาก Color Picker Color Picker เปรยี บไดก้ ับจานสขี นาดใหญท่ ี่มนี บั ล้าน ๆ สใี ห้เราเลือก โดยเลอื กตามสเปคตรัมสี ที่ปรากฏหรือตามกำหนดค่าเป็นตัวเลข ซึ่งเป็นวิธีการที่นิยมใช้กันมากในการเลือกสีรายละเอียดการใช้ Color Picker มดี ังนี้ 1. คลกิ เลอื กวตั ถุดว้ ย Selection Tool 2.ดบั เบลิ คลกิ ที่สีพนื้ หรือสีเสน้ ขอบ จะปรากฏหนา้ ตา่ ง Color Picker 3. คลกิ เลอื กสไลด์เพื่อเลือกโคนสี ซงึ่ จะมีสีแมห่ ลัก ๆ ไลส่ ีให้เราเลือก 4. คลกิ เลือกเฉดสี หรือพิมพ์คา่ สแี บบเจาะลงชอ่ ง RGB, CMYK,HSB หรอื ชอ่ ง # 13 2 4 5 รปู ที่ 8.6 เลือกสีจาก Color Picker 8.3.2 เลือกสจี ากพาเนล Color ในการกำหนดค่าสีพื้นและสเี ส้น โดยคลิกเลอื กวตั ถุที่ตอ้ งการ เลื่อนสไลด์เพือ่ ระบุสีหรือเคร่ืองมือ ดูดสีทีต่ อ้ งการสเปคตรมั หรือกำหนดค่าสที ี่ 0 ใช้เมนคู ำสง่ั Window> Color เปดิ พาเนลนี้

รูปที่ 8.7 เลือกสีจากพาเนล Color 8.3.3 เลือกสจี ากพาเนล Swatches พาเนล Swatches ต่างจาก พาเนล Color ตรงที่ Swatches เป็นเหมือนจานสีส่วนตัวของเรา โดยใช้สีที่ผสมแล้วถูกใจ หรือต้องการนำมาใช้งานอีก โดยให้คลิกเลือกวัตถุที่ต้องการจากนั้นคลิกเลือก กำหนดสพี นื้ หรอื สีเสน้ และคลกิ เลือกสที ี่พาเนล Swatches ได้เลย หรือคำส่ัง Window > Swatches เปิดพาเนลน้ี รูปท่ี 8.8 เลือกสีจากพาเนล Swatches 8.4 การเทสี 8.1.4 การเทสี Live Paint Bucket การเทสีด้วยถงั สี Live Paint Bucket เปน็ เครือ่ งมอื ที่ใช้ใส่วัตถุในกลุ่ม Live Paint Group โดยสามารถใส่สีกับพ้นื และขอบได้ เราสามารถเติมสดี ้วย Live Paint Bucker ไดด้ งั น้ี 1. คลิกเลอื ก Live Paint Bucket 2. คลิกเลือกทจ่ี ะใชเ้ ป็นพ้นื สี 3. เมอ่ื เล่อื นเมาส์ไปท่ีพน้ื ที่ของวัตถุ เมาส์จะเปลยี่ นเปน็ รปู และคลิกเทสีไปบนพ้ืนที่ท่ี ตอ้ งการ 4. กดคยี ์ <Alt> และคลิกเลือกสีท่ีจะใช้เป็นสเี สน้ ขอบ

5. กดคีย์ <Shift> คา้ งไว้ เม่ือเลอ่ื นเมาส์ไปที่เส้นขอบของวัตถุ เมาส์จะเปลย่ี นเป็นรปู และคลิกเทสีไปบน เสน้ ขอบทต่ี ้องการ รูปท่ี 8.9 การเทสี 8.4.2 การเทสีด้วยการไลเ่ ฉดสี (Gradient Tool) Gradient Tool เป็นคำสั่งที่ใช้ระบายสีแบบไล่โทนสีจากสีหนึ่งไปยังอีกสีหนึ่ง ซึ่งเราสามารถ กำหนดสีแต่ละช่วงที่ใช้ และมุมของการไล่โทนสีได้อีกด้วย โดยจะใช้งานควบคู่กันระหว่างพาเนล Gradient และ Gradient Tool และการกำหนดทศิ ทาง และการกระจายตัวของการไล่โทนสีตามต้องงการ มดี ังน้ี 1. คลิกเลือกวัตถุด้วย Selection Tool 2. คลกิ เลอื กไอคอน Gradient Tool 3. คลกิ เลอื กเพอื่ เปล่ียนจดุ ศูนย์กลางและการกระจายตัวของสใี หม่ รูปที่ 8.10 การเทสดี ้วยการไลเ่ ฉดสี (Gradient Tool)

8.5 การระบายสี 8.5.1 การระบายสีด้วยพู่กัน การระบายสดี ว้ ยพู่กัน เป็นการวาดเฉพาะเสน้ โครงร่างดว้ ย Paintbrush Tool ซ่งึ เปน็ เหมือนพู่กัน และสามารถเปลี่ยนหัวพู่กันได้ โดยจะใช้งานควบคู่ไปกับพาเนล Brushes เราสามารถเปิดใช้งานพาเนล Brushes ไดโ้ ดยเลอื กเมนูคำสั่ง Window > Brushes และมีรปู แบบการใช้งานใหเ้ ลือกใช้ได้อย่างมากมาย ดงั นี้ 1. คลกิ เมาส์เลอื ก Paintbrush Tool เพอ่ื ระบายสดี ว้ ยพกู่ นั 2. คลิกเลอื กรูปแบบหัวพู่กัน 3. คลิกเมาส์วาดรปู แบบของหัวพู่กนั ลงตามความต้องการ 23 1 รปู ที่ 8.11 การระบายสดี ้วยพกู่ ัน 8.6 การลบส่วนประกอบในภาพทีไ่ ม่ต้องการ ใชใ้ นกรณีทต่ี ้องการลบสง่ิ ที่วาดผดิ พราด ซ่งึ มหี ลักสำคญั 2 ขอ้ คือ 1. ถ้ามีการเลือกวัตถุ เครื่องมือนี้จะลบเฉพาะวัตถุที่ถูกเลือก วัตถุที่อยู่ใกล้ ๆ จะไม่ถูกลบแม้จะ ลากเมาส์ไปโดนกต็ าม 2. ถ้าไม่มกี ารเลอื กวตั ถใุ ดเลย เครือ่ งมือนจี้ ะลบทุกวตั ถุทเี่ มาสล์ ากผา่ น 8.7 การใสข่ ้อความขัน้ เบอื้ งต้น งานกราฟิกส่วนใหญ่ จะมีการออกแบบข้อความเพื่อการสร้างจุดสนใจดึงดูด ในหัวข้อนี้ เราจะใส่ ข้อความเบ้ืองต้นเพื่อประกอบช้นิ งานตามตวั อย่างด้านลา่ งนี้

1 2 Artwork Design รูปที่ 8.12 เคร่ืองมือใส่ข้อความ 8.8 ย้อนกลบั การทำงานในข้ันตอนลา่ สุด เมื่อทำงานผิดพราด สามารถยกเลิกคำสั่ง โดยใช้เมนูคำสั่ง Edit > Undo… (เลิกทำ) หรือกดปุ่ม <Ctrl + Z> ถ้าต้องการยกเลิกหลาย ๆ ครั้งให้ทำการกดปุ่ม <Ctrl + Z> ถ้าต้องการยกเลิกหลาย ๆ คร้ัง ใหท้ ำการกดปมุ่ <Ctrl + Z> หลาย ๆ คร้ังตามจำนวนท่ีต้องการ รปู ที่ 8.13 คำสั่งย้อนกลบั การทำงาน 8.9 ตัดวตั ถุบางส่วนที่ต้องการโดยใช้ Crop Tool ผู้ใช้สามารถเลือกแสดงภาพเพียงบางส่วนได้ ด้วยการตัดหรือมาร์ก (Mask) บางส่วนที่ไม่ต้องการ ใช้ออกไป (ซึ่งวิธีการนีค้ ล้าย ๆ กับการครอปใน Photoshop) โดยที่ภาพต้นฉบับเดิมจะไมถ่ ูกตัดทิ้งไปจรงิ ๆ เราสามารถทำไดท้ ั้งภาพที่ถกู ลิงคแ์ ละไมถ่ ูกลงิ ค์ 1. คลกิ เลือกภาพ 2. คลกิ ปุม่ บนคอนโทรลพาเนล 3. คลกิ เมาสเ์ ลือกเครอ่ื งมือ Free Transform แลว้ ช้ีเมาสท์ จี่ ดุ ใดจดุ หนึ่งบน Bounding Box ลาก เขา้ ดา้ นใน เพ่อื ลบพ้นื ท่สี ่วนที่ไมต่ ้องการออก

รปู ที่ 8.14 เคร่อื งมือการตดั วตั ถุ 8.10 การปรับเปล่ียนขนาดภาพ การปรับเปลี่ยนขนาดของภาพให้ใหญ่หรือเล็กลงนั้น โดยปกติจะสามารถใช้เครื่องมือ Selection คลกิ ลากเพื่อปรับเปล่ยี นได้ แต่นอกจากนีย้ ังมีเครื่องมือ Scale ท่ีช่วยใหส้ ามารถเลือกตำแหน่ง ที่จะวางจุดยึดรูป (Reference Point) ได้อย่างอิสระ (ใช้เพื่อตรึงภาพบริเวณนั้นให้อยู่กับที่ขณะ ปรับเปลยี่ นขนาด) ซ่ึงปกตแิ ลว้ จดุ ยึดจะอยกู่ ลางภาพเลือกภาพทต่ี ้องการปรบั เปลี่ยนขนาด 1. คลิกเลือกเคร่ืองมือ Scale (ถา้ ต้องการ) ใช้เมาส์รูป 2. คลิกเพ่ือวางจุดยึด 3. คลิกลากเขา้ ดานในเพื่อย่อหรือคลิกลากออกด้านนอกเพือ่ ทำการเปล่ียนขนาดของภาพ

รปู ท่ี 8.15 เครอ่ื งมือปรับขนาด สรุปสาระสำคญั ในหน่วยการเรียนนที้ ำให้เราเข้าถงึ การปรับมมุ มองการทำงาน เพอื่ สามารถทำงานในการตกแตง่ ภาพได้อย่างสะดวก การทำงานกับสี และเคร่ืองมือพ้ืนฐานในการใช้งานต่าง ๆ ทตี่ ้องเรียนร้กู ่อนทจี่ ะไป ทำงานกราฟิกโปรแกรม Illustrator