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

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