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

หน่วยท่ี 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 การใสข่ ้อความขน้ั เบ้ืองตน้ งานกราฟิกส่วนใหญ่ จะมกี ารออกแบบข้อความเพื่อการสร้างจุดสนใจดึงดูด ในหัวข้อนี้ เราจะใส่ ขอ้ ความเบอ้ื งต้นเพื่อประกอบชิ้นงานตามตวั อย่างดา้ นล่างน้ี

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