หน่วยที่9

หน่วยท่ี 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 สรุปสาระสำคัญ หน่วยการเรียนนี้เรียนรู้ถึงการเลือกสีเพื่อใช้ในการตกแต่งภาพ การนำเครื่องมือมาใช้ในการ ระบายสลี งในภาพรวมไปถึงการตกแตง่ ภาพโดยการไล่สีลงบนภาพ