หน่วยที่-8-การปรับมุมมองการทำงานและการใช้เครื่องมือพื้นฐานใน-Illustrator-11-16

หน่วยที่ 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 45 รูปที่ 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

แบบฝึกหดั หนว่ ยท่ี 8 การปรับมุมมองการทางานและการใช้เครื่องมอื พนื้ ฐานใน Illustrator คาสง่ั จงตอบคาถามตอ่ ไปนใ้ี หส้ มบูรณ์ การใชเ้ ครือ่ งมือพ้ืนฐาน Illustrator เพ่อื ปฏบิ ัติการตอ่ ไปนี้ มีวิธอี ย่างไร 1. การย่อและขยายภาพ .............................................................................................................................................................................. .............................................................................................................................................................................. .............................................................................................................................................................................. ............................................................................................................................................... 2. การเลือกใช้สแี ละระบายสี .............................................................................................................................................................................. .............................................................................................................................................................................. .............................................................................................................................................................................. ............................................................................................................................................... 3. การใส่ข้อความลงในภาพ .............................................................................................................................................................................. .............................................................................................................................................................................. .............................................................................................................................................................................. ................................................................................................................................................ 4.การตดั บางสว่ นของภาพ .............................................................................................................................................................................. ..............................................................................................................................................................................

.............................................................................................................................................................................. ................................................................................................................................................ 5. การปรับขนาดของภาพ .............................................................................................................................................................................. .............................................................................................................................................................................. .................................................................................................................................................. กิจกรรมหน่วยท่ี 8 การปรับมุมมองการทางานและการใชเ้ ครอ่ื งมือพ้นื ฐานใน Illustrator จดุ ประสงคก์ ารปฏิบตั ิ ปรับมุมมองการทางานและการใชเ้ ครื่องมือพื้นฐานใน Illustrator การทากิจกรรม 1. เลอื กรปู ภาพแลว้ นาภาพมายอ่ – ขยาย ตกแต่งให้สีและใสข่ ้อความ 2. สง่ ครูสอนเม่อื งานแลว้ เสร็จสมบรู ณ์

แบบทดสอบหลงั รยี นหน่วยท่ี 8 การปรับมมุ มองการทางานและการใช้เครอื่ งมือพ้ืนฐานใน Illustrator คาสง่ั จงทาเคร่อื งหมายกากบาท (X) ทับขอ้ ทถี่ ูกตอ้ ง 1. หน้าตา่ งท่ีแสดงชน้ิ งานเต็มพืน้ ที่แตย่ ังมเี มนูบารอ์ ยู่คอื มุมมองใด ก. Normal Screen Mode ข. Full Screen Mode with Menu Bar ค. Full Screen Mode ง. Navigator 2. การเลื่อนดูภาพที่ขนาดใหญ่ควรใช้เคร่ืองใด ก. Title bar ข. Menu Bar ค. Scrollbar ง. Status 3. การซูมยอ่ -ขยายภาพ ตรงกบั ข้อใด ก. Panel ข. Pane Tool ค. Zoom Tool ง. Toolbox 4. การย่อภาพโดยการใช้คยี ล์ ัดควรใช้ปมุ่ ใดในแป้นพิมพใ์ นการย่อภาพให้มีขนาดสดั ส่วน ก. Alt ข. Ctrl ค. Shift ง. Backspace 5. การเปิดไฟล์รูปภาพสามารถเปิดไดโ้ ดยคาสง่ั ใด

ก. New ข. Open ค. Edit ง. Filter 6. การเรียงมุมมองเของไฟลใ์ หม่ตอ้ งใชเ้ มนคู าส่ังใด ก. Window> Navigator ข. Window > color ค. Window > Brushes ง. Backspace 7. การกาหนดให้แสดงชิ้นงานตามรูปแบบที่ตอ้ งการควรใช้เมนูคาสัง่ ใด ก.File ข. View ค. Edit ง. Window 8. การกดคียล์ ับเพ่อื ทาการยอ้ นกลบั การทางานกลบั ไปทีข่ น้ั ตอนล่าสุดคืออะไร ก. <Alt+Shift> ข. <Ctrl+Y> ค. <Ctrl+Z> ง. <Alt+Y> 9. การตัดภาพบางสว่ นที่ต้องการใช้ เราควรใชเ้ คร่ืองมือชนดิ ใดชว่ งในการทาวิธดี ังกล่าว ก. Cut ข. Copy ค. Click ง. Crop 10. สว่ นประกอบส่วนใดของโปรแกรม Illustrator CS5 ทึป่ รบั เปล่ยี นไปตามเคร่ืองมอื ทีใ่ ช้ ก. ออปชน่ั บาร์ ข. เมนบู าร์ ค. พาเนล ง. ไตเติลบาร์