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

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

ในการสรา้ งและตกแตง่ ชน้ิ งาน เราสามารถปรับมุมมองของการทางานไดห้ ลายรูปแบบตามความถนัด ในการใช้งาน ดังนี้ 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 เป็นการดงึ ทกุ หนา้ ต่างให้เชอื่ มติดกบั กรอบโปรแกรม เมื่อกาหนดขนาดช้นิ งานเรยี บรอ้ ย ก่อนท่ีจะทาการลงสีพ้ืนหลังกอ่ นทาชน้ิ งาน เราจะมาเร่ิมตน้ รู้จกั กับมากาหนดสโี ดยวิธสี ะดวกท่สี ุด เพราะสามารถเลอื กสไี ด้ทันทีจากกล่องเคร่อื งมือ กำรเลอื กสจี ำกเครื่องมอื 1. สพี ืน้ (Fill) และสเี ส้น (Stroke) เป็นการกาหนดสพี นื้ และสีเส้นขอบของวัตถุ 2. สพี ืน้ ฐานของโปรแกรม (Default Color) เป็นการเปล่ยี นสีพ้นื และสเี สน้ ขอบของวตั ถุใหก้ ลับมาเปน็ สี พ้นื ฐาน คือ สพี ้ืนเปน็ สขี าวและสีเสน้ ขอบเปน็ สีดา 3. สลบั สีพืน้ และสเี ส้น (Swap Fill and Stroke ) คลิกเมาสท์ ี่ เพอ่ี สลบั สพี น้ื และสีเส้นขอบของ วตั ถุ การเลือกใช้สี มวี ิธีการเลอื กสี 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.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.1 กำรระบำยสีดว้ ยพูก่ ัน การระบายสดี ้วยพู่กัน เป็นการวาดเฉพาะเสน้ โครงรา่ งด้วย Paintbrush Tool ซง่ึ เป็นเหมือนพู่กัน และสามารถเปลยี่ นหวั พูก่ ันได้ โดยจะใชง้ านควบคู่ไปกับพาเนล Brushes เราสามารถเปิดใช้งานพาเนล Brushes ได้โดยเลอื กเมนคู าส่งั Window > Brushes และมีรปู แบบการใชง้ านใหเ้ ลือกใช้ได้อยา่ งมากมาย ดงั นี้ 1. คลกิ เมาสเ์ ลอื ก Paintbrush Tool เพอ่ื ระบายสีด้วยพู่กัน 2. คลกิ เลอื กรูปแบบหวั พกู่ ัน 3. คลิกเมาส์วาดรูปแบบของหวั พู่กันลงตามความตอ้ งการ

2 3 1 รูปที่ 8.11 การระบายสดี ว้ ยพ่กู ัน ใชใ้ นกรณีท่ีต้องการลบสงิ่ ทว่ี าดผดิ พราด ซ่ึงมีหลักสาคัญ 2 ขอ้ คือ 1. ถ้ามกี ารเลอื กวตั ถุ เครื่องมือน้จี ะลบเฉพาะวตั ถุท่ีถูกเลอื ก วัตถทุ ่ีอยใู่ กล้ ๆ จะไมถ่ ูกลบแม้จะลาก เมาสไ์ ปโดนกต็ าม 2. ถ้าไมม่ กี ารเลือกวตั ถุใดเลย เครือ่ งมือนจ้ี ะลบทุกวัตถุท่เี มาส์ลากผา่ น งานกราฟิกส่วนใหญ่ จะมีการออกแบบข้อความเพ่ือการสรา้ งจดุ สนใจดึงดูด ในหวั ข้อนี้ เราจะใส่ ข้อความเบ้ืองตน้ เพ่ือประกอบช้นิ งานตามตัวอยา่ งด้านลา่ งนี้ 1 2 Artwork Design รปู ท่ี 8.12 เคร่ืองมือใส่ขอ้ ความ เม่ือทางานผดิ พราด สามารถยกเลิกคาส่งั โดยใชเ้ มนูคาส่งั Edit > Undo… (เลิกทา) หรอื กดปมุ่ <Ctrl + Z> ถ้าตอ้ งการยกเลิกหลาย ๆ คร้ังใหท้ าการกดปุ่ม <Ctrl + Z> ถ้าตอ้ งการยกเลิกหลาย ๆ คร้ังใหท้ าการกด ปมุ่ <Ctrl + Z> หลาย ๆ ครงั้ ตามจานวนทต่ี ้องการ

รปู ท่ี 8.13 คาสงั่ ยอ้ นกลับการทางาน ผู้ใชส้ ามารถเลือกแสดงภาพเพยี งบางส่วนได้ ด้วยการตัดหรอื มาร์ก (Mask) บางส่วนทไ่ี ม่ต้องการใช้ ออกไป (ซึ่งวธิ กี ารนคี้ ลา้ ย ๆ กับการครอปใน Photoshop) โดยท่ีภาพตน้ ฉบับเดิมจะไม่ถกู ตดั ทิ้งไปจรงิ ๆ เรา สามารถทาได้ท้งั ภาพที่ถกู ลงิ ค์และไมถ่ กู ลงิ ค์ 1. คลกิ เลือกภาพ 2. คลกิ ปมุ่ บนคอนโทรลพาเนล 3. คลกิ เมาสเ์ ลือกเครอื่ งมือ Free Transform แลว้ ชเ้ี มาสท์ จี่ ดุ ใดจุดหนึ่งบน Bounding Box ลากเขา้ ด้านใน เพ่ือลบพน้ื ที่สว่ นท่ีไม่ตอ้ งการออก รปู ที่ 8.14 เครื่องมือการตัดวัตถุ

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