Illustrator Lesson 9 :: Gradient Introduction:: ต้องขอโทษนักเรียนทุกคนด้วยนะคะ ที่หายไปซะนาน กลัวนักเรียนรอนานแล้วจะเลิกเรียนไปซะก่อน วันนี้เลยรวบรวมพลังทำบทเรียนใหม่ให้ค่ะ บทนี้จะพูดถึงเรื่องการไล่สีแบบ Gradient นะคะ (ติดคุณ White Amulet ไว้ซะนาน ว่าจะสอนเทคนิคการไล่สีให้ ขอโทษนะคะ ที่ทำให้รอ) การไล่สีแบบ Gradient เป็นการไล่สีแบบที่ทำให้เกิดมิติค่ะ ปกติเราเองจะไม่ค่อยใช้ซักเท่าไหร่เวลาวาดตัวการ์ตูน มักจะใช้เวลาวาดฉาก หรือ วาด prop แค่นั้นค่ะ เพราะการไล่ Gradient ถ้าไล่โทนสีไม่เก่ง จะออกมาไม่ค่อยสวยค่ะ เวลาเราวาดรูปเลยจะใช้เฉพาะเวลาจำเป็นเท่านั้น เช่น ทำสีฉากท้องฟ้า, สีผนังห้องที่โดนแดดส่อง, สีกระจก หรือ น้ำในแก้ว อะไรพวกนี้ค่ะ เคยเห็นงานของบางคนไล่ Gradient เยอะมากๆแล้วออกมาไม่สวยก็มี จะออกมาดูวาวๆ แปลกๆ แต่อันนี้ก็แล้วแต่ไสตล์ กับความชอบค่ะ ส่วนตัวแล้ว เราชอบลงสีแบบธรรมดาแล้วมาเก็บเงาสร้างมิติเอามากกว่า เนื่องจากว่าเราไม่ค่อยชอบไล่ Gradient ซักเท่าไหร่ เลยอาจจะไม่มีเทคนิคอะไรมากมายมาให้ บทเรียนนี้คงจะบอกวิธีใช้งาน แล้ว เทคนิคส่วนตัวที่เราใช้ประจำก็แล้วกันนะคะ มาเริ่มกันเลยค่ะ ก่อนอื่น มาดุความแตกต่างของรูปที่ไล่ Gradient กับ แบบธรรมดาก่อนเลยค่ะ เห็นไหมคะว่า รูปที่ลงสีแบบธรรมดา จะออกมาดูแบนๆ ไม่มีมิติ เหมือนรูปที่ไล่ Gradient สังเกตตรงลูกบอลนะคะ จะยิ่งเห็นได้ชัดเลยว่า ลูกแรกจะดูกลม มีมิติ แต่รูปที่สองจะดูแบบมากๆ ไม่มีความกลมให้เห็นเลยค่ะ ที่นี้มาทำความรู้จักกับหน้าต่างของ Gradient กันนะคะ หน้าต่าง Gradient ปกติจะอยู่ในกลุ่มเดียวกับเจ้าหน้าต่าง Stroke กับ Transparency ค่ะ ถ้าไม่มี ไปเปิดได้จากเมนูบาร์ด้านบน เลือกที่ Windows > Gradient ค่ะ หรือ กด F9 ก็ได้ค่ะ จะได้หน้าตาออกมาแบบนี้ค่ะ มาดูกันที่ Gradient Fill กันก่อนเลยค่ะ มันก็คือช่องที่แสดงให้เห็นว่า เราเลือกใช้ Gradient แบบไหนอยู่ วิธีเลือกก็แค่ไปคลิ๊กเลือกตรช่อง Type คะ จะมี 2 แบบให้เลือกใช้ คือ Linear คือ การไล่แบบเส้นตรง จะไล่สีได้ทั้งแนวนอนแนวขวาง เหมาะสำหรับการไล่สีให้วัตถุทรงเหลี่ยม หรือ ทรงกระบอกค่ะ Radial คือ การไล่แบบรัศมี เหมาะสำหรับวัตถุทรงกลม หรือ วัตถุที่เราต้องการสร้างความโค้งมนให้มันค่ะ แต่เวลาเราทำงาน เราก็ไม่ได้ใช้ตามนี้ตลอดนะคะ บางทีเราก็ใช้แบบ Radial กับวัตถุทรงเหลี่ยมค่ะ (อย่างที่บอกไปว่าส่วนมากเราใช้เวลาวาดฉาก ดังนั้นเราจะดูที่ทิศทางแสงเข้าไปด้วยน่ะค่ะ) คิดว่าขึ้นอยู่กับเทคนิค กับความต้องการใช้มากกว่าค่ะ ตรงช่อง Angle กับ Location ไม่ต้องไปสนใจก็ได้ค่ะ เพราะไม่ได้ใช้อยู่แล้ว มาให้ความสำคัญกับเจ้า Gradient Slider ในรูปข้างล่างดีกว่าค่ะ เพราะจะเป็นส่วนสำคัญในการกำหนดโทนสี และการไล่สีค่ะ มาดูกันดีกว่านะคะ ว่าอะไรเป็นอะไร เพื่อให้เข้าใจได้ง่ายขึ้น มาลองใช้กันดูเลยดีกว่าค่ะ ขอให้นักเรียนลองทำตามดูนะคะ โดยจะเริ่มจาก การใส่ค่า Gradient ให้วัตถุ 1. ก่อนอื่น มาดูกันก่อนนะคะ ว่าจะเลือกใส่ Gradient จากเครื่องมือตัวไหนได้บ้าง 2. ให้สร้างสี่เหลี่ยมขึ้นมา 1 ชิ้น จากนั้นให้กดเลือกที่ตัววัตถุก่อน แล้วไปกดเลือกใส่ค่า Gradient (กรอบสีส้ม) ได้เลยค่ะ จะเห็นว่าวัตถุที่เราเลือกจะเปลี่ยนเป็นสี Gradient แล้วค่ะ ค่าพื้นฐานจะเป็นสีขาว-ดำเสมอค่ะ 3. ลองเลื่อนจุด Midpoint ที่มีรูปร่างสีเหลี่ยมข้ามหลามตัด ตรง slider ดูค่ะ จะเห็นว่าเป็นตัวไว้ไล่โทนสี ถ้าเราเลื่อนเข้าหาสีดำ สี Gradient ในวัตถุก็จะไล่สีขาวมากกินพื้นที่เข้ามาในสีดำมากขึ้นค่ะ สังเกตเวลาเราเลื่อนจุด Midpoint ค่าตัวเลขในช่อง Location ก็จะปรับตามไปด้วยค่ะ การเปลี่ยน / เพิ่ม / ลบ สี ในGradient Slider พอใส่ค่าได้แล้ว มาดูวิธีการเปลี่ยน / เพิ่ม / ลบ สีให้ Gradient Slider กันค่ะ วิธีนี้ง่ายมากค่ะ แค่เลือกสีจากหน้าต่าง Swatches กดค้างไว้ แล้วลากไปวางใน Gradient Slider ถ้าอยากเพิ่มกล่องสี ก็แค่ลากสีอื่นไปวางเพิ่มใน Slider ตรงตำแหน่งที่ต้องการค่ะ จะวางกี่สีก็ได้แล้วแต่เราต้องการ สีของ Gradient ก็จะไล่สีไปตามที่เราวางกล่องสีค่ะ ** มาบอกเพิ่มว่า นอกจากกล่อง Swatches เล็กแล้ว ถ้าสียังไม่ถูกใจ ให้ไปเปิดใน Swatches Libraries เลือกมาใส่ได้ตามใจชอบอีกค่ะ รับรองมีสีให้เลือกอย่างจุใจเลยค่ะ แค่ลากลงมาวางได้เลย ง่ายมากค่ะ ** วิธีนี้จะใช้วิธีไปดูดสีมาจาก แถบสายรุ้งในหน้าต่าง Color ค่ะ ดูดสีไหนมา กล่องสีของเราก็จะได้สีนั้นค่ะ การเพิ่ม / ลบ กล่องสี ในGradient Slider เพิ่ม ให้เอาเม้าส์ไปจิ้มตรง Gradient Slider ก็จะได้กล่องสีเพิ่มขึ้นมา ลบ เอาเม้าส์ไปจิ้มตรงกล่องที่ไม่ต้องการ คลิ๊กค้างไว้ แล้วทิ้งไปตรงไหนก็ได้ แค่ลากออกมาให้พ้นจากหน้าต่าง Gradient ก็พอ ลองทำดูนะคะ ส่วนการเปลี่ยนสีในกล่องสีก็ง่ายๆค่ะ ต้องการเปลี่ยนกล่องไหน ก็ไปคลิ๊กที่กล่องนั้น แล้วไปดูดสีมาจากแถบสายรุ้ง หรือ จะลากสีใหม่ที่ต้องการจาก Swatches ไปวางทับกล่องเดิมเลยก็ได้ค่ะ สีในกล่องยังสามารถปรับได้อีกนะคะ โดยคลิ๊กเลือกที่กล่องสีก่อน แล้วไปที่หน้าต่าง Color ค่ะ ลองเลื่อนแถบค่าสี CMYK แต่ละอันดู ก็จะเห็นว่าสีในกล่องก็จะเปลี่ยนไปตามที่เราเลือกเช่นกันค่ะ แถมกล่องสีแต่ละอัน ก็ยังสามารถเลื่อนปรับตำแหน่งได้ตามที่เราต้องการนะคะ โดยแค่ไปคลิ๊กค้างไว้ที่กล่อง แล้วเลื่อนไปมาได้ตามที่เราต้องการ จะข้ามสลับที่กลับกล่องอื่นก็ได้ค่ะ การไล่ค่า Gradient แบบ Linear การไล่ค่า Gradient แบบ Radial พอมาทำบทเรียนแล้วรู้สึกว่า เรื่อง Gradient นี่ยาวมากเลย วันนี้คงบอกได้แค่หลักพื้นฐานไปก่อน คงต้องขอเก็บเทคนิคต่างๆ ไว้ในบทเรียนหน้าก็แล้วกันนะคะ ก่อนจากกัน แถม Tips ให้หนึ่งอันค่ะ การไล่ Gradient สียิ่งเยอะ ไล่โทนเยอะ จะยิ่งออกมาดูมีมิติ และสวยขึ้นค่ะ เวลาเราทำที่เนี่ย ไล่สีอย่างต่ำ 5 กล่องสีตลอดเลยค่ะ ลองทำตามดูนะคะ วาดได้ออกมาอย่างไร อย่าลืมเอามาโชว์กันในห้องส่งการบ้านบ้างนะคะ ตอนนี้คุณหนูเจเจในท้อง ร้อง หิวๆ แล้ว คงต้องขอตัวไปหาอะไรหม่ำๆ ก่อนนะคะ คิดถึงนักเรียนทุกคนค่ะ บ๊ายบาย   Create Date : 20 กันยายน 2550 57 comments Last Update : 17 พฤศจิกายน 2552 16:22:14 น. Counter : 14422 Pageviews. Share Tweet

มาอ่านแล้วค่า คุณจิ๊บจำแม่นจริงๆเลย ขอบคุณมากๆนะคะ เพิ่งรู้เดี๋ยวนี้เองว่า ลากสีจาก swatch มาลงได้เลยไม่ต้องนั่งปรับสีให้เมื่อยมือ (แถมชอบออกมาสีไม่ตรงที่อยากได้อีก) ไว้เดี๋ยวจะลองเอาไปใช้วาดรูปในงานเรานะคะ ^_^ ปล. รูปใส่ชุดว่ายน้ำด้านบนน่ารักจังเลยค่ะ ผิวสีแทนเชียว   โดย: White Amulet IP: 219.1.154.242 20 กันยายน 2550 20:45:14 น.

รักษาสุขภาพครับ   โดย: หัวหยิกหน้ากร้อคอสั้นฟันเหยิน 20 กันยายน 2550 21:47:53 น.

หวัดดีค่ะ วรรณ แวะมาทักทาย ชอบจังเลยค่ะ วิธีสอน มีภาพประกอบ อย่างนี้ดีค่ะ.... รักษาสุขภาพด้วยนะค่ะ คุณแม่คนใหม่   โดย: Little Wan 20 กันยายน 2550 22:07:13 น.

แหม อุตส่าห์ขยันเอาบทเรียนมาลงให้ รักษาสุขภาพด้วยนะคะ คุณแม่คนใหม่   โดย: หัวใจสีชมพู 20 กันยายน 2550 23:16:26 น.

ตัวการ์ตูนน่ารักจังค่ะ   โดย: uchiara IP: 68.79.154.94 21 กันยายน 2550 3:23:17 น.

เข้าใจง่ายจัง   โดย: None of it 21 กันยายน 2550 8:23:36 น.

บทต่อไปมาแว้ว...   โดย: หนีแม่มาอาร์ซีเอ 21 กันยายน 2550 11:02:49 น.

น่ารักจังเลยค่ะ...   โดย: yoko 22 กันยายน 2550 20:38:42 น.

เอาไว้มาเรียนมั่งดีก่า   โดย: ปุ๊กกี้&คิตตี้ (ปุ๊กกี้&คิตตี้ ) 23 กันยายน 2550 23:34:42 น.

อ๊ะ ทำไงให้กล่องเครื่องมือตะเองเป็นสีชมพูอะคะ   โดย: สมแต้ว IP: 221.128.72.2 24 กันยายน 2550 9:17:29 น.

ตอบคุณ สมแต้ว ต้องไปเปลี่ยนที่ properties ของหน้าจอค่ะ เข้าไปตรง appearance แล้วเลือก Advanced ค่ะ จะขึ้นหน้าต่าง advanced appearance ขึ้นมาค่ะ ก็เข้าไปเปลี่ยนสีตามใจชอบได้เลยค่ะ   โดย: Cooking_For_Love 24 กันยายน 2550 10:59:57 น.

ขอมาสมัครเป็นลูกศิษย์ด้วยคนนะครับ เริ่มจาก 0 เลยแล้วกัน   โดย: เจ้าชายในนิยาย 27 กันยายน 2550 6:51:35 น.

เก่งจัง มาเยี่ยมคนเก่งค่ะ   โดย: มาดามมุก (Mooky Miracle Mom ) 27 กันยายน 2550 8:35:50 น.

อยากทำได้คะขอแอดไว้นะคะ ขอสมัครเป็นลูกศิษย์ ค่ะ   โดย: Nisasa 27 กันยายน 2550 9:21:39 น.

อยากเรียนตัวต่อตัวที่ไหน มีให้เรียนบ้าง นก   โดย: วิภา IP: 125.24.55.12 27 กันยายน 2550 10:41:18 น.

ไม่ได้เข้ามาเยี่ยมครูจิ๊บตั้งนานแล้วค่ะ สบายดีนะคะ ยังคงขยันสอนอย่างต่อเนื่อง แต่ลูกศิษย์คนนี้ก็ยังไม่เคยส่งการบ้านเลย ยังไม่มีโปรแกรมILLASเลยค่ะ   โดย: mrs.postman 27 กันยายน 2550 11:41:21 น.

ขอบคุณนะครับ สำหรับความรู้ดี ๆ เสมอมา ^^   โดย: ผมเองไง IP: 125.24.71.187 27 กันยายน 2550 13:36:37 น.

มาแอบเอาเคล็ด(ไม่)ลับไปใช้มั่งนะคะ   โดย: BeBby (หนูหลงทางมา ) 27 กันยายน 2550 19:00:12 น.

เย่ ขอแอดบ๊อกเลย   โดย: โสมรัศมี 27 กันยายน 2550 19:45:08 น.

ผมก้องงอยู่ตั้งนานว่า slider เค้าใช้กันยังไง ขอบคุณครับคุณครู อิอิ   โดย: paopae (Green Tea Lover ) 28 กันยายน 2550 3:08:10 น.

มาสมัครเข้าชั้นค่ะ ครูจิ๊บ หนูชื่อ angy_11 ชอบวาดการ์ตูนในกระดาษแต่ใช้ Illustrator ไม่เป็น ขอฝากตัวด้วยนะคะ (โค้งคำนับ)(สามที) ขอตัวไปศึกษาบทเรียนก่อนค่ะ   โดย: angy_11 28 กันยายน 2550 11:55:06 น.

แล้วเราจะทำได้ที่ไหนยังไง งงๆๆจังเลยเรา จาก ลำปาง...   โดย: ภัทร IP: 117.47.41.231 28 กันยายน 2550 13:19:59 น.

แจ่มมากเลยค่ะ เข้าใจง่ายดีด้วย   โดย: chibikirua 28 กันยายน 2550 16:44:33 น.

โอ น่าสนใจ เรียนด้วยก๊า คุงคู   โดย: โจเซฟิน 28 กันยายน 2550 23:41:58 น.

รูปน่ารักจัง เจ้าของบล๊อคน่ารักจัง   โดย: fairy_tells 29 กันยายน 2550 12:04:46 น.

เข้ามาลงทะเบียนเรียนด้วยคนค่ะ   โดย: เหมียวสีส้ม 29 กันยายน 2550 14:29:17 น.

baannok@sanook.com   โดย: baannok@sanook.com IP: 124.121.35.114 29 กันยายน 2550 20:34:50 น.

ป้าจะพยายามฝึกหัดดูนะจ๊ะ ขอบคุณที่ให้ความรู้คนแก่นะจ๊ะ....   โดย: ป้าหู้เองจ่ะ (fifty-four ) 30 กันยายน 2550 0:12:05 น.

โห...ถ้ารู้ว่าเจ้าของบล็อคน่ารักปานนี้ เข้ามานานแล้ว.... ท่อ ท่อ ท่อ ท่อ โธ่..... พบขวานงามเมื่อไม่บิ่น กินปูนร้อนท้อง ตามองตา สายตามาจ้องมองกัน รู้สึกเชิ้บๆ เชิ้บๆ.... ไปดีกั่ว น่ารักจัง(แน๊ะ!! ยังมีแถม)   โดย: ge-or-ge 30 กันยายน 2550 23:36:56 น.

... ขอบคุณครับ   โดย: GolF IP: 125.26.71.134 6 ตุลาคม 2550 15:34:38 น.

มานั่งหน้าชั้นเรียนเลยค่ะ   โดย: ม่ายสาว-พราวเสน่ห์ 9 ตุลาคม 2550 17:59:35 น.

เก่งมาเรยยค่ะ เข้ามาหลายครั้งแล้วแต่ไม่มีเวลาทำ พอลองทำดู ฉลาดขึ้นเยอะเลย ขอคุนมากน่ะค่ะ มาสอนบ่อยๆน่ะค่ะ เก่งมกเรยยค่ะ   โดย: kyumin IP: 58.64.71.27 17 ตุลาคม 2550 22:20:51 น.

เก่งจังค่ะ อยากลองทำดูบ้าง   โดย: arerat 22 ตุลาคม 2550 13:17:03 น.

ตามทันทุกหลักสูตรแระ อิ อิ   โดย: iimoya IP: 124.190.178.29 17 พฤศจิกายน 2550 11:16:07 น.

มีโอกาสได้ลองใช้โปรแกรมนี้ซะที ขอบคุณจริงจริงครับ   โดย: ผู้ชาย IP: 202.149.24.3 22 พฤศจิกายน 2550 0:39:26 น.

อาจาร เก่งจางเลยคร่า เลนนี่กะลังฝึกทามอยุ่   โดย: เลนนี่JanG IP: 117.47.160.52 2 ธันวาคม 2550 14:09:07 น.

เย้... จบอีกบทเรว ขอบคุณมากครับ   โดย: Mr. a IP: 202.69.141.44 21 มกราคม 2551 14:06:49 น.

มีโอกาสได้มาเยี่ยมชมคะเพิ่งเริ่มงานกราฟฟิก คะ ขอบคุณมากคะ ที่ให้ความรู้คะ   โดย: มือใหม่ IP: 125.26.145.125 12 กุมภาพันธ์ 2551 12:38:57 น.

ขอบคุณมากครับ คุณครู ช่วยผมได้เยอะเลย   โดย: F IP: 161.200.255.162 18 มีนาคม 2551 4:11:13 น.

ขอสมัครเรียนด้วยคนนะคะ   โดย: each day IP: 222.123.18.173 29 มีนาคม 2551 13:51:00 น.

รักทุกคน   โดย: น้องกวาง IP: 203.172.198.107 4 กรกฎาคม 2551 14:15:11 น.

เก็บเว้ปนี้ไว้ในใจเลย แวะเข้ามา สุดยอดมาก แถมมีน้ำใจแบ่งปัน หนังสือจะซื้อแพง ได้ความรู้จากที่นี่ ขอขอบคุณที่มีน้ำใจล้นเหลือได้สอนกับผู้อื่น เยี่ยมมากครับ ไม่มีที่ติ จะแวะเข้ามาเยี่ยมบ่อยนะครับ   โดย: อ๊อด ณ บางกะปิ IP: 125.24.234.177 1 ตุลาคม 2551 15:16:39 น.

ผ่านไปอีก1บทขอบคุณคร่า   โดย: การ์ตูนใส IP: 58.9.46.232 5 ตุลาคม 2551 20:11:57 น.

มีคำถามค่ะ คือว่าเลือกตรง Swatch Libraries แล้วแต่ว่ามันเขียนว่า No Libraries found หมายความว่ายังไงคะ   โดย: การ์ตูนใส IP: 58.9.46.232 5 ตุลาคม 2551 20:16:19 น.

โทดทีค่ะถามอีกทีหมายความว่าโปแกรมไม่สมบูรณ์หรือเปล่าถึงไม่มีอ่าค่ะ พอดีไม่เคยเล่นโปแกรมนี้เลยไม่รู้อ่ะค่ะ ขอบคุณค่ะ   โดย: การ์ตูนใส IP: 58.9.46.232 5 ตุลาคม 2551 20:18:41 น.

ทั้งสวยทั้งเก่งเลยครับ   โดย: OBY IP: 125.24.75.22 18 พฤศจิกายน 2551 17:48:42 น.

ดูอยู่เรื่อยๆๆๆๆๆๆ คราวนี้ขอเม้นบ้างครับผม   โดย: mengbps01 4 มีนาคม 2552 19:04:03 น.

ส่งการบ้านค่ะ... ตอนนี้ยังฝึก draft เรื่อย ๆ ค่ะ สนุกดี ตอนทำก็ยากอยู่เหมือนกัน แต่พอเสร็จแล้วชอบมากเลย ไม่นึกว่าตัวเองจะทำได้ ขอบคุณมากค่ะ   โดย: rin-rin-jung 7 มิถุนายน 2552 13:10:42 น.

ขอบคุณจ้า   โดย: ฝ้าย IP: 58.8.191.150 17 สิงหาคม 2552 16:10:54 น.

เพิ่งจะเริ่มหัดค่า ขอบคุณมากๆ นะคะ   โดย: ปลา IP: 203.144.144.164 19 มีนาคม 2553 15:16:59 น.

ขอบคุณมากคะ ทำต่อไปนะคะอย่าท้อ   โดย: -0- IP: 223.207.83.138 19 ธันวาคม 2553 18:03:59 น.

ชอบ Rin-Rin-Jung ขยันทำการบ้านส่งมากเลยค่ะ อิอิ   โดย: RockSand IP: 125.27.84.123 22 กันยายน 2554 13:27:34 น.

ขอบคุณมากครับ หามาตั้งนานพึ่งเจอครับ เทคนิค   โดย: aoudy IP: 124.120.111.160 26 ตุลาคม 2554 23:24:20 น.

ขอบคุณครับ   โดย: casper IP: 182.52.157.96 1 พฤศจิกายน 2554 10:55:43 น.

ขอถามนิดนึงคับ ทำไงให้เวลาใช้เครื่องมือกราเดียน ให้สีมันดูกลมกลืน สมูทๆ ไม่เป็นเส้นๆคับ ขอบคุณคับ   โดย: GuKz IP: 110.164.144.204 18 มิถุนายน 2557 16:44:52 น.

ผมนี่พึ่งหัดใช้ ปี 59 มาเรียนจากครูจิ๊บ ปี 50 ... ดีใจที่เจอบล็อคครู ป่านนี้ เจ้าตัวน้อยของครูจิ๊บคงโตขึ้นมากเลยนะครับ : )   โดย: พี่เก้า IP: 223.205.226.251 14 เมษายน 2559 21:50:44 น.

ปีนี้ 62 แล้ว ยังใช้ได้อยู่เลยค่ะ ขอบคุณมากๆ   โดย: สุธิดา IP: 96.30.75.181 24 มกราคม 2562 13:07:21 น.