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