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

หนว่ ยที่ 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 คาสง่ั จงตอบคาถามตอ่ ไปน้ี 1. จงบอกความแตกต่างของ RGB กับ CMYK .............................................................................................................................................. .............................................................................................................................................. .............................................................................................................................................. .............................................................................................................................................. .............................................................................................................................................. .............................................................................................................................................. .............................................................................................................................................. .............................................................................................................................................. .............................................................................................................................................. .............................................................................................................................................. .............................................................................................................................................. .............................................................................................................................................. .............................................................................................................................................. 2. จงบอกขอ้ แตกตา่ งการทางาน Live Paint Bucket กบั Gradient Tool ว่าแตกต่างกัน อยา่ งไร .............................................................................................................................................. .............................................................................................................................................. .............................................................................................................................................. .............................................................................................................................................. .............................................................................................................................................. .............................................................................................................................................. .............................................................................................................................................. .............................................................................................................................................. ..............................................................................................................................................

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

แบบทดสอบหลังเรยี นหน่วยท9่ี การทางานกับสีและการระบายสีในIllustrator คาสง่ั จงทาเครอื่ งหมายกากบาท (X) ทบั ข้อท่ถี ูกต้อง 1. โมเดลใดใช้หลักการมองเหน็ สีของสายตามนุษย์ ก. โมเดล HSB ข. โมเดล CMYK ค โมเดล HSB ง.โมเดล Lad 2. ระบายสีด้วยพ่กู นั ตรงกับการใช้คาสัง่ เมนขู อ้ ใด ก. Window > Brushes ข. Window > Gradient ค. Window > Eraser ง. Window > swatches 3. การเลอื กสจี ากพาเนลตรงกบั การใช้คาส่งั เมนขู ้อใด ก. Window > Brushes ข. Window > Gradient ค. Window > Pencil ง. Window > swatches 4. เมอ่ื กดคีย์ <Alt> ในเครื่องมอื Live Paint Bucket ตรงกับขอ้ ใด ก. เทสพี ื้นภายใน ข. ใส่สเี สน้ ขอบ ค. ใส่ลายเสน้ ขอบ ง. ใส่สีลายสพี ้ืน 5. ลักษณะการทางานในเครอ่ื งมอื Gradient ตรงกับข้อใด ก. ลักษณะการไลส่ ี ข. ใส่สีเส้นขอบ ค. ใส่ลายเสน้ ขอบ ง. เทสพี น้ื ภายใน

6. ตรงกับข้อใด ก. Gradient ข. swatches ค. Live Paint Bucket ง. Brushes TooI 7. เคร่อื งมอื ชนิดใดใชต้ กแต่ง ขนตาได้ ก. Gradient ข. Eraser Tool ค. Live Paint Bucket ง. ถกู ทั้งขอ้ ข. และ ค. 8. การเลือกสีจากพาเนล color ควรใชเ้ มนูคาสงั่ ใด ก. Window > Brushes ข. Window > s Gradient ค. Window > color ง. Window > swatches 9. ข้ันตอนกอ่ นทาการกาหนดสีควรทาอยา่ งไรเป็นอันดบั แรก ก. กดคลกิ ท่ีเคร่อื งมอื Live paint Bucket ข. ทันที กดคลกิ ท่ีเครือ่ งมือ Gradient ค. ทนั ที selection Tool เพ่ือเลือกวัตถุ ง. ถูกทั้งข้อ ข. และ ค. 10. ข้อใดคือองค์ประกอบคิลป์ทสี่ รา้ งสีสนั ความสวยงามใหก้ บั วัตถุมากท่สี ดุ ก. การวาดลวดลาย ข. การเติมสี ค. การใส่ข้อความ ง. ถกู ทกุ ข้อ