หน่วยที่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 8.3.1 เลือกสจี าก Color Picker Color Picker เปรยี บได้กบั จานสขี นาดใหญ่ท่ีมนี บั ลา้ น ๆ สีใหเ้ ราเลอื ก โดยเลือกตามสเปคตรมั สที ่ี ปรากฏหรอื ตามกาหนดค่าเป็นตัวเลข ซ่ึงเป็นวธิ กี ารทนี่ ิยมใชก้ นั มากในการเลือกสีรายละเอียดการใช้ Color Picker มีดังนี้ 1. คลิกเลือกวตั ถุดว้ ย Selection Tool 2.ดับเบลิ คลกิ ทสี่ พี ื้น หรือสีเส้นขอบ จะปรากฏหน้าตา่ ง Color Picker 3. คลกิ เลอื กสไลดเ์ พื่อเลอื กโคนสี ซึง่ จะมีสีแม่หลกั ๆ ไล่สีให้เราเลอื ก 4. คลกิ เลอื กเฉดสี หรือพิมพ์คา่ สแี บบเจาะลงช่อง RGB, CMYK,HSB หรอื ชอ่ ง #

13 2 รูปที่ 8.6 เลือกสจี าก Color Picker 4 5 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.4.1 การเทสี 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