หน่วยที่-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. คลิกเมาสว์ าดรปู แบบของหวั พกู่ ันลงตามความต้องการ

2 3 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 ทป่ึ รบั เปลีย่ นไปตามเครอื่ งมือท่ีใช้ ก. ออปช่นั บาร์ ข. เมนบู าร์ ค. พาเนล ง. ไตเติลบาร์