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