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

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. ส่งครูสอนเมื่องานแลว้ เสร็จสมบรู ณ์