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

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

หนว่ ยที่ 9 การทางานกบั สแี ละการระบายสใี นIllustrator 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 สรปุ สาระสาคัญ

หนว่ ยการเรียนน้เี รียนรถู้ งึ การเลอื กสีเพอ่ื ใช้ในการตกแตง่ ภาพ การนาเคร่ืองมือมาใช้ในการระบายสีลงใน ภาพรวมไปถงึ การตกแตง่ ภาพโดยการไลส่ ีลงบนภาพ