บทที่ 9 การทำงานกับสีและการละบายสีใน lllustrator

หน่วยท่ี 9 การทางานกบั สีและการระบายสีในIllustrator หัวข้อเร่ือง (Topics) 9.1 ความรู้เร่อื งสแี ละการระบานสี 9.2 โมเดลการมองเห็นสใี นโปรแกรม Illustrator 9.3 การเลือกรูปแบบการกาหนดสที ่ีใช้ในการไลโ่ ทนสี แนวคดิ สาคญั (Main Idea) การทางานกับสแี ละการระบายสใี นโปรแกรม Illustrator โดยมาทาความรู้จักกับระบบการเลอื ก สโี ฟรก์ ราวด์และแบ็คกราว์การเลอื กสีด้วยวธิ ีต่าง ๆ การระบายสกี ารเปล่ยี นสภี าพ สมรรถนะย่อย (Element of Competency) ใชอ้ งค์ประกอบศลิ ปใ์ นการทางานกับสีและระบายสีใน Illustrator จุดประสงค์การปฏบิ ัติ (Performance Objectives) 1. เลอื กใช้สีโฟร์กราวดด์ ้วยวิธีต่าง ๆ 2. เลอื กเทสีใหก้ ับภาพตามขอบเขตพืน้ ที่ทีเ่ ลอื กไว้ 3. เลือกรปู แบบการกาหนดทใ่ี ชใ้ นการไลโ่ ทนสี

9.1 ความรู้เรื่องสีและการระบายสี การแสดงสีของงานกราฟิกน้นั เกดิ จากการผสมสที ีล่ อกเลยี นสใี นธรรมชาติ ซึ่งโปรแกรม Illustrator ได้ มกี ารนาหลักการจากโมเดลสใี นแบบต่าง ๆ มาประยุกตเ์ พือ่ ใหเ้ กดิ โหมดสที ่ีหลากหลาย ความรู้เร่อื งสีเปน็ พืน้ ฐานในการสรา้ งงานกราฟิกในข้ันตอ่ ๆ ไป โมเดการมองเหน็ สที วั่ ไป โดยท่ังไปแลว้ สตี ่าง ๆ ในธรรมชาติและสที ่สี ร้างขึ้นจะมรี ูปแบบการมองเหน็ สีทแ่ี ตกตา่ งกัน ซึ่ง รปู แบบการมองเหน็ ที่เรียกว่า “โมเดล (Model)” ดงั นั้นจึงทาให้มีโมเดลหลายแบบดังทีจ่ ะได้ศกึ ษา ตอ่ ไปน้ี คอื โมเดล HSB ตามหลักการมองเห็นสขี องสายตามนษุ ย์ โมเดล RGB ตามหลักการแสดงสีของเครือ่ งคอมพิวเตอร์ โมเดล CMTK ตามหลักการแสดงสขี องเครอ่ื งพิมพ์

โมเดล Lab ตามมาตรฐาน CIE 9.2 โมเดลการมองเห็นสีในโปรแกรม Illustrator จากการมองเห็นสีโดยทั่วไป มาสหู่ ลกั การมองเหน็ สใี นโปรแกรม Illustrator 9.2.1 การเลอื กสีจากกลอ่ งเครือ่ งมอื การเลือกสีจากกล่องเครือ่ งมือ เป็นการกาหนดสที สี่ ะดวกทีส่ ุดเพราะสามารถเลอื กสไี ดท้ ันทีจาก กล่องเครื่องมือ สีพนื้ (Fill) และสเี สน้ (Stroke) เป็นการกาหนดสพี ื้นและสเี สน้ ขอบของวัตถุ สีพื้นฐานของโปรแกรม (Default Color) เป็นการเปลีย่ นสพี ้นื และสเี ส้นขอบวัตถใุ ห้กลับมาเปน็ สีพื้นฐาน คือ สีพน้ื เปน็ สขี าว และสเี ส้นขอบเปน็ สดี า สลบั สีพืน้ และสเี ส้น (Swap Fill and Stroke) คลกิ เมาส์ เพือ่ สลับสีพนื้ กบั สีเส้นขอบของวตั ถุ รูปที่ 9.1 ชอ่ งกาหนดสี 9.2.2 กาหนดลกั ษณะเพมิ่ เตมิ เปน็ การกาหนดลกั ษณะเพมิ่ เตมิ ของสี พน้ื หรอื สเี สน้ ขอบ Color ระบายสใี หส้ ีพื้นหรือเส้นขอบ Gradient ระบายแบบไลโ่ ทนสใี ห้เฉพาะสีพนื้ None ไม่ระบายสีให้สพี ้ืนหรือสีเสน้ ขอบ

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

5. คลิกเมาส์เลือกปมุ่ จะเห็นว่าสีพ้นื หรือสเี ส้นขอบเปล่ียนไปเป็นสีทเ่ี ราเลอื ก 9.3.2 เลือกสจี ากพาเนล Color การเลอื กสีจากพาเนล Color ใช้ในการกาหนดคา่ สพี น้ื และสเี ส้น โดยคลิกเลอื กวัตถุที่ตอ้ งการ เลื่อนสไลดเ์ พอื่ ระบุสีหรอื ใชเ้ ครือ่ งมือ ดดู สีทีต่ ้องการจากสเปคตรมั หรือกาหนดคา่ สที ี่ เมานู คาส่ัง Window > Color เปิดพาเนล Color 1. คลิกเลอื กวัตถุดว้ ยเครื่องมอื Selection Tool 2. คลิกเลอื กกาหนดสีพืน้ หรอื สเี สน้ 3. ทาการดดู สที ี่ต้องการ หรือเลือ่ นแถบสไลด์เพอ่ื ผสมสี หรือพมิ พค์ ่าสเี จาะจง รปู ท่ี 9.3 พาเนล Color 9.3.3 เลือกสจี ากพาเนล Swatches พาเนล Swataches ต่างจากพาเนล Color ตรงท่พี าเนล Swatches เปน็ เหมือนจานสีสว่ นตัว ของผู้ใช้ โดยใชเ้ ก็บสที ผี่ สมแล้วถกู ใจ หรอื ต้องการนามาใช้อีก โดยใหค้ ลกิ เลือกวัตถุทตี่ อ้ งการจากนน้ั คลกิ เลือกกาหนดมีพืน้ หรอื สีเสน้ และคลิกเลือกสีทพ่ี าเนล Swatches ได้เลย (ใช้เมนูคาสั่ง Window > Swatches เพ่อื เปิดพาเนล) 1. คลกิ เลอื กวตั ถุด้วยเครือ่ งมือ Selection Tool 2. คลิกเมาส์ทส่ี พี ื้นหรือสีเส้น 3. คลกิ เมาส์เลอื กสีทต่ี ้องการใช้

รูปท่ี 9.4 พาเนล Swatches 9.3.4 การเลอื กระบายสดี ว้ ย Eyedropper Tool ใชเ้ ครอื่ งมือท่ใี ช้ในการระบายสใี ห้กับวตั ถุ โดยการดงึ สขี องวตั ถุอ่นื มาใส่ในวตั ถทุ ่เี ลือก นอกจากนี้ ยงั ดึงลกั ษณะของรปู แบบเส้น ความโปรง่ แสง และรปู แบบตวั อักษรของวัตถตุ ้นแบบมาใช้ดว้ ยโดยให้เรา เลือกวตั ถุท่ตี อ้ งการใส่สี จากน้ันคลิกเลือก Eyedropper Tool และคลิกเลือกสีจากต้นแบบ ดงั นี้ 1. คลกิ เลือกวตั ถุด้วยเครื่องมือ Selection Tool 2. คลกิ เลือก Eyedropper Tool 3. เลอื กสจี ากตน้ แบบ รูปท่ี 9.5 ระบายสีดว้ ย Eyedropper Tool

9.3.5 การระบายสวี ัตถุ สาหรบั โปรแกรม Illustrator ถือเป็นคณุ สมบัติอย่างหน่งึ ในการกาหนดลวดลาย และการสรา้ ง สสี ันให้กับชน้ิ งานในการออกแบบอีกท้ังสรา้ งสรรค์ให้งานออกมามีชีวติ ชีวามากข้นึ 1. ระบายสดี ว้ ยพ่กู ัน Brush Tool คือ แปลงพู่กันท่ใี ชร้ ะบายภาพ โดยจะได้แนวเส้น Path ตาม แนวการระบายนัน้ สาหรบั โปรแกรม Illustrator จะถือวา่ Brush เปน็ คุณสมบตั ิอย่างหน่งึ ของเส้น (Stroke) ซึ่งสามารถกาหนดใหม้ ลี วดลายต่าง ๆ ไว้ท่ีพาเนล Brushes ซ่ึงเราสามารถเปดิ ไดโ้ ดยคลิก คาสัง่ Window > Brushes ทช่ี อ่ ง Brush บนคอนโทรลพาเนล รปู ท่ี 9.6 ระบายสดี ้วยพู่กัน Brush Tool 2. กาหนดคณุ สมบัติของหวั พกู่ ันจากไลบรารี นอกจากหัวแปลงชุดดฟี อลตท์ ่ีอยใู่ นพาเนลแล้ว โปรแกรมยังไดเ้ ตรียมหัวแปลงชดุ อืน่ ๆ ไวใ้ ห้อีกโดยเกบ็ ไว้ในไลบรารีอยา่ งเป็นหมวดหม่ตู ามลกั ษณะและ ประเภท เราสามารถเรียกใช้ไลบรารโี ดยคลิกคาส่ัง Window > Brush Libraries > กลมุ่ ไลบรารี > ชอื่ ไลบรารี หรือคลกิ ปุ่มบนพาเนล Brushes แลว้ เลอื กกลุ่มไลบรารี > ลอ่ื ไลบรารี

รปู ท่ี 9.7 กาหนดคุณสมบตั ขิ องหวั พ่กู นั 9.3.6 การวาดและระบายสีขอบวตั ถดุ ้วยดนิ สอ Pencil Tool เครื่องมือ Pencil กเ็ ป็นอกี เครอ่ื งหน่ึงท่ีใช้วาดรูปทรงแบบอสิ ระได้ โดยมีวิธเี หมือนกับการใช้ ดินสอวาดภาพบนกระดาษ คือ เราสมารถคลกิ ลากวาดไปยังตาแหน่งตา่ ง ๆ อยา่ งอิสระ ซึ่งใน โปรแกรม Illustrator จะกาหนดจดุ แองเคอร์และทศิ ทางของแขน Direction ไปตามการวาดใหเ้ อง รปู ที่ 9.8 เครอ่ื งมอื Pencil 1. คลิกเครอื่ งมือ Pencil 2. ใชเ้ มาส์รปู คลิกลากบนอารต์ บอร์ดใหเ้ ป็นรูปทรงตามทีต่ อ้ งการ และกดคีย์ Alt คา้ งไว้เมาส์ จะเป็นรปู แลว้ ปล่อยจะเป็นรูปทรงแบบปลายปิด

9.3.7 การเทสลี งในวตั ถุ เมื่อสร้างกลุ่ม Live Paint Group เรียบรอ้ ยแล้ว ขน้ั ตอนต่อไปจะใสส่ ีวตั ถุด้วย Live Paint Bucket Tool รปู ที่ 9.9 เครอ่ื งมือเทสี 9.3.8 เทสวี ตั ถดุ ้วย Live Paint Bucket Live Paint Bucket เป็นเครื่องมือทีใ่ ช้ใสส่ ีวัตถใุ นกลุม่ Live Paint Group โดยสามารถใส่สี ใหก้ บั พ้นื และขอบได้ มขี ้ันตอนดังนี้ 1. คลดิ เลือกวตั ถุด้วยเครอ่ื งมือ Live Paint Bucket 2. คลิกเมาสท์ ีส่ ีท่ตี ้องการ 3. คลิกเมาสเ์ ทสีพื้น 4. กดคยี ์ <Alt> และคลกิ เลอื กสีท่ีจะใช้เปน็ สีเส้นขอบ 5. กดคีย์ <Shift> ค้างไว้ เมือ่ เล่ือนเมาส์ไปที่เส้นขอบของวัตถุ เมาส์จะเปล่ียนเปน็ รปู พกู่ ันและ คลิกเทสไี ปบนเส้นขอบที่ต้องการ 9.3.9 เทสวี ตั ถแุ บบไลโ่ ทนสดี ว้ ย Gradient Gradient เป็นคาสง่ั ท่ีใชใ้ นการระบายสแี บบไล่โทนสจี ากสีหนนึง่ ไปยังอีกสหี นง่ึ ซึ่งเราสามารถ กาหนดสีแตล่ ะชว่ งใช้ และมุมของการไลโ่ ทนสีได้อกี ดว้ ย โดยจะใชง้ านควบคู่กนั ระหว่าง พาเนล Gradient และ Gradient Tool

รูปท่ี 9.10 คาสง่ั เทสีวัตถุแบบไลโ่ ทนสดี ้วย Gradient 9.3.10 การไล่โทนสใี หก้ บั วตั ถุ เราทาการไล่ให้กับวัตถุ โดยกาหนดให้ไลส่ พี น้ื และกาหนดคา่ การไลส่ ที ่ีพาเนล Gradient ดงั น้ี คลิกเลือกวตั ถุดว้ ย Selection Tool 1. กาหนดสพี น้ื แบบไล่สี 2. เลอื กลักษณะการใสส่ ี 3. คลกิ เพอ่ื กาหนดสี 4. คลกิ เลอื กสที ีต่ ้องการ 5. จดุ สจี ะเปลีย่ นเป็นสที เ่ี ราเลอื ก 6. คลิกเล่ือนกาหนดสมดุลของสที ั้งสอง 7. กาหนดความเอียง

รูปท่ี 9.11 ต้งั คา่ การไลโ่ ทนสี 9.3.11 Gradient Tool เมื่อกาหนดสี และลักษณะการไล่สแี ลว้ เราสามารถใชง้ าน Gradient Tool ในการกาหนด ทศิ ทาง และการกระจายตวั ของการไล่โทนสี ดังนี้ 1. คลิกเมาสเ์ ลอื ก Gradient Tool 2. คลิกเลอื กวัตถดุ ้วย Selection Tool 3. คลกิ ลากเพอ่ื เปลี่ยนจุดศนู ย์กลางและการกระจายตัวของสีใหม่ รูปท่ี 9.12 ต้ังค่า Gradient Tool สรุปสาระสาคญั หน่วยการเรยี นน้เี รยี นรู้ถึงการเลอื กสีเพื่อใช้ในการตกแต่งภาพ การนาเครอ่ื งมือมาใช้ในการระบายสลี งใน ภาพรวมไปถงึ การตกแต่งภาพโดยการไล่สีลงบนภาพ