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

หน่วยท่ี 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

สรุปสาระสาคัญ หน่วยการเรียนน้ีเรียนรู้ถึงการเลือกสีเพ่ือใชใ้ นการตกแตง่ ภาพ การนาเครื่องมือมาใชใ้ นการระบายสีลงใน ภาพรวมไปถึงการตกแตง่ ภาพโดยการไล่สีลงบนภาพ กจิ กรรมหน่วยท่ี 9 การทางานกบั สีและการระบายสีใน Illustrator จุดประสงค์การปฏบิ ตั ิ ใส่สีใหว้ ตั ถุท่ีวาดดว้ ยเส้นพาธ การทากจิ กรรม ใหน้ กั เรียนวาดเส้นพาธใหเ้ กิดเป็นตวั การ์ตูน และทาการใส่สีการ์ตนู ใหส้ วยงาม