บทความสอนกราฟิก

 ลืมรหัสผ่าน
 ลงทะเบียน
ค้นหา
ดู: 1583|ตอบกลับ: 0

การใช้เครื่องมือ Gradient Tool เบื้องต้น> Advance

[คัดลอกลิงก์]

272

กระทู้

272

โพสต์

979

เครดิต

ผู้ดูแลระบบ

Rank: 9Rank: 9Rank: 9

เครดิต
979
Gradien_Tool_Illustrator1.gif
การใช้เครื่องมือ Gradient Tool เบื้องต้น> Advance

การเติมสีไล่เฉดแบบ Gradient
การเติมสีไล่เฉดแบบ Gradient จะเป็นการลงสีตั้งแต่ 2 สีขึ้นไป เพื่อไล่โทนสีอ่อน-เข้ม ทำให้วัตถุชิ้นงานของเราดูมีมิติ และนอกจากนั้นก็ยังเป็นการลงสีหลายๆ เฉดพร้อมกันในทีเดียว เพื่อสร้างความน่าสนใจในภาพวัตถุชิ้นงาน

การลงสีแบบ Gradient จะมีทิศทางการลงสี 2 ประเภทให้เลือกใช้งานค่ะ นั้นก็คือ แบบตรง(Linear) และแบบวงกลม (Radial)
มารู้จักแต่ละส่วนของพาเล็ท Gradient กันก่อนค่ะ
Gradient_Tool_3.jpg

เครื่องมือ "Gradient" จะทำงานร่วมกับ "พาเล็ทGradient" ซึ่งจะเป็นหน้าต่างเล็กๆ สำหรับให้เราปรับแต่งเลือกสี

พาเล็ท Gradient สามารถเปิดได้โดยการคลิกที่ไอคอน Gradient เล็กๆ อยู่ด้านล่างสุดของเมนูทางซ้ายมือ หรือไปที่คำสั่ง Window> Gradient ก็ได้เช่นกันค่ะ

ขั้นตอนการลงสีแบบ Gradient มีดังนี้ค่ะ
Gradient_Tool_1.jpg

หน้าต่าง "พาเล็ทGradient" จะเด้งขึ้นมา ถ้าเกิดว่ามันย่ออยู่ ก็ให้เรากดตามลูกศรดังภาพข้างล่างค่ะ แล้วมันจะยืดออกมาให้เราหน้าตาเต็มๆของมัน
Gradient_Tool_2.jpg

(หน้าตาเต็มๆของมัน)
Gradient_Tool_4.jpg

4. โดยปกติเราจะเลือกสีให้จุดสี ได้จากหลายวิธีค่ะ เช่นจาก  Color Picker ,พาเล็ทColor , พาเล็ท Swatches ,และพาเล็ทColor Guide ฯลฯ

แต่ทว่า...
ปกติถ้าค่าสีเริ่มต้น Default ใน "พาเล็ทGradient" ของเรา มันเป็นโหมด Grayscale มาให้ เราจะไม่สามารถลงสีใดๆได้นอกจากสีขาว เทา และดำ


ถ้าหากต้องการใช้สีที่มากกว่านั้น เราก็จะต้องให้เปลี่ยนโหมดสีในพาเล็ท Gradient ให้เรียบร้อยก่อนค่ะ

โดยไปที่พาเล็ท Color (Window> Color)
Gradient_Tool_6.jpg

ในที่นี้ข้าพเจ้าขอเลือกโหมดสีเป็น CMYK นะค่ะ

6. เลือกสีและผสมสีจากพาเล็ต Color
Gradient_Tool_7.jpg
ถ้าเรารู้สึกว่าสีในพาเล็ท Color ยังผสมไม่ได้ดังใจ อยากจะไปเลือกสีผ่าน Color Picker แทน ก็ให้ทำตามขั้นตอนนี้ต่อค่ะ

ให้เราคลิกที่จุดสีอันแรกใน "พาเล็ทGradient" อีกครั้ง (เพื่อความชัวร์) จากนั้นก็..
Gradient_Tool_8.jpg

มันจะเด้งหน้าตาของ Color Picker ขึ้นมา
Gradient_Tool_9.jpg
คลิกเลือกสีตามต้องการได้เลยค่ะ หรือถ้ามีรหัสสีอยู่แล้ว ก็ให้นำรหัสสีมาใส่ที่ช่องสี่เหลี่ยมด้านล่างแล้วกดตกลง แค่นี้ก็เสร็จแล้วค่ะ

เมื่อใส่ให้กับจุดสีอันแรกจเสร็จแล้ว คราวนี้เราก็มาเลือกสีใหม่ ให้กับจุดสีอีกอันกันค่ะ (ตอนนี้จะง่ายขึ้นแล้ว เพราะโหมดสีของเราถูกเปลี่ยนให้กลายเป็น CMYK เรียบร้อยแล้ว)
Gradient_Tool_10.jpg
Gradient_Tool_17.jpg

เรียบร้อยแล้วค่ะ สำหรับการใส่สี ให้กับจุดสีอีกอัน

ผลลัพธ์ที่ได้....
Gradient_Tool_11.jpg
การลงสีไล่เฉด Gradient แบบ Radial
Gradient_Tool_14.jpg
ที่หน้าพาเล็ท Gradient ให้เราคลิกเปลี่ยนตรงช่องป๊อบอัพจาก Linear เป็น Radial แทนค่ะ

สังเกตที่ช่องตัวอย่างสีจะเป็นรูปวงกลม

Gradient_Tool_13.jpg
แต่ถ้าโหมดสีของเรายังเป็นโหมด Grayscale มันจะแสดงออกมาแต่สีขาว เทา ดำ ตรงนี้ให้เราเปลี่ยนโหมดสีใหม่ เป็น CMYK หรือ RGB ตามขั้นตอนข้างบนให้เรียบร้อยก่อนค่ะ
Gradient_Tool_15.jpg Gradient_Tool_16.jpg
ขั้นตอนการใส่สีให้จุดสี จะเหมือนกับแบบ Linear ทุกอย่างค่ะ

การปรับแต่งทิศทางเฉดสี Gradient
หากเราไม่พอใจกับทิศทางของเฉดสี เราก็สามารถปรับเปลี่ยนทิศทางให้มันได้ค่ะ โดยคลิกเลือกวัตถุที่เราจะทำการไล่ทิศทางสีใหม่ จากนั้นก็คลิกที่เครื่องมือ Gradient Tool
t1.jpg

ต่อมาก็นำเม้าส์ไปคลิกค้างไว้ และลองลากไปยังทิศทางต่างๆ ทิศทางของสีก็จะเปลี่ยนแปลงไปตามการลากของเม้าส์


แบบ Linear

Gradient_Tool_12.jpg
แบบ Radial

Gradient_Tool_18.jpg

การเพิ่มจำนวนจุดสีในพาเล็ท Gradient
การเพิ่มจุดสีใน Gradient ให้มากกว่า 2 สี สามารถทำได้ดังนี้ค่ะ

วิธีที่ 1 เอาเม้าส์ไปคลิกที่บริเวณด้านล่างของแถบสี
Gradient_Tool_20.jpg
วิธีที่ 2 คลิกลากสีที่ต้องการจากพาเล็ท Swatches นำไปวางทับจุดสีเดิม หรือลากมาปล่อยไว้บริเวณด้านล่างแถบสี ของพาเล็ท Gradient (วิธีเลือกสีใน "พาเล็ทSwatches" ข้าพเจ้าจะขอยกไปอธิบายอย่างละเอียดไว้ล่างๆค่ะ)
Gradient_Tool_22.jpg
วิธีที่ 3 คลิกลากสีที่ต้องการจากพาเล็ท Color Guide นำไปวางทับจุดสีเดิม หรือลากมาปล่อยไว้บริเวณด้านล่างแถบสี ของพาเล็ท Gradient (วิธีปรับเฉดแต่งสีใน พาเล็ท Color Guide ข้าพเจ้าจะขอยกไปอธิบายล่างๆค่ะ)
Gradient_Tool_32.jpg

พอมีจุดสีมากขึ้น สีของวัตถุก็จะยิ่งดูมีมิติมากขึ้น...
Gradient_Tool_19.jpg


การ Copy จุดสี
Gradient_Tool_21.jpg

การลดจำนวนจุดสี
Gradient_Tool_23.jpg
การปรับแต่งจุดสี และจุดถ่ายเทน้ำหนักสี
Gradient_Tool_25.jpg

การเพิ่ม Gradient ใหม่ในพาเล็ท Swatches
คลิกที่ตัวอย่างสีในพาเล็ท Gradient ค้างไว้ แล้วลากมาปล่อยในพาเล็ท Swatches ตามภาพค่ะ
Gradient_Tool_24.jpg
(ให้สังเกตว่าสี Gradient ที่เราทำไว้ ถูกเพิ่มขึ้นในหน้าพาเล็ท Swatches เรียบร้อยแล้ว)


การเลือกสีจากพาเล็ท Swatches
ให้เรามาที่พาเล็ทของ Swatches (Window> Swatches) จากนั้นคลิกที่ปุ่ม Swatch Libraries menu ดังภาพด้านล่างค่ะ


Gradient_Tool_28.jpg
มันจะโชว์โหมดสีในแบบต่างๆ หลากหลายประเภทขึ้นมาให้เราเลือกตามแบบที่ชอบ ในที่นี้ข้าพเจ้าขอเลือกใช้โทนสีแบบ Skintones
Gradient_Tool_29.jpg

พอเรากดเลือกที่ Skintones ปุ๊บ มันก็จะเด้งหน้าต่างโทนสีผิวระดับต่างๆมาให้เลือกค่ะ แบบนี้ก็เลือกสีให้จุดสีแต่ละจุดได้สบายเลย ไม่ต้องผสมสีเองในพาเล็ท Color กับ Color Picker ให้เหนื่อย

พอคลิกกรุ๊ปโทนสีที่เราต้องการ มันก็จะไปปรากฏโชว์หลาในพาเล็ท Swatches ทันที

Gradient_Tool_30.jpg
มีสีสำเร็จไล่เฉดแต่ละระดับมาให้แบบนี้ก็ใส่สีให้จุดสีแต่ละจุดได้ง่ายขึ้นแล้ว

(แต่ถ้าเลือกกรุ๊ปสีมาแล้ว และเราเกิดไม่ชอบใจ เราก็ลบมันออกไปได้ โดยคลิกเลือกกรุ๊ปของโทนสีนั้นๆค้างไว้ และลากลงใส่ไอคอนรูปถังขยะเล็กๆทางขวามือของหน้าต่างพาเล็ท  Swatches  ค่ะ)



เราจะลากสีแต่ละระดับมาปล่อยในแถบล่างของ "พาเล็ทGradient" แบบดิบๆ ทับของเก่าเลยก็ได้ค่ะ  ดังภาพประกอบข้างล่าง

(ส่วนสีไหนที่เกินมา ก็โยนทิ้ง ตามนิสัยได้ใหม่ลืมเก่า 555)
Gradient_Tool_31.jpg

หรืออีกวิธีหนึ่งค่ะ ใส่ทีละจุดๆ จนครบ 4 จุด (ใช้พาเล็ท Color ร่วมด้วย)
1. คลิกที่จุดสี
2. ลากสีใน  Swatches มาปล่อยในช่องแสดงสีที่พาเล็ท Color

Gradient_Tool_26.jpg


ตัวอย่างบางส่วน ของสีที่เลือกจากพาเล็ท Swatches ในกรุ๊ปสี Skintones

Gradient_Tool_27.jpg
(อ๊าาา... สีนุ่มนวลเนียนดีจริงๆ...เห็นสีแล้วน่าเอาไปทำลูกไอศกรีมจัง... ช๊อคกาแล๊ต วนิลา สตอเบอร์รี่)

การปรับเฉดแต่งสีใน พาเล็ท Color Guide

เหนื่อยกันรึยังค่ะกับการเติมสีแบบต่างๆในพาเล็ท Gradient ใจเย็นๆค่ะ อันนี้เป็นอันสุดท้ายแล้ว 5555 ใกล้จบแล้วค่ะ

ที่หน้าต่างพาเล็ท Color Guide ให้เราคลิกที่ปุ่มไอคอนเล็กๆตรงนี้ค่ะ "Edit Apply colors"

Gradient_Tool_33.jpg
พอกดปุ่มปุ๊บ! มันจะเด้งหน้าต่างของ Live Color ขึ้นมาให้เราปรับแต่งเลือกสีตามใจชอบ โดยเอาเม้าส์ไปคลิกที่วงกลมๆ ลากไปลากมาให้ได้สีตามที่เราต้องการ เมื่อพอใจแล้วก็กดปุ่มตกลงเลยค่ะ แค่นี้เราก็จะลงสี Gradient ง่ายขึ้นอีกเยอะเลย

Gradient_Tool_34.jpg

ตัวอย่างบางส่วน ของสีที่เลือกจากพาเล็ทColor Guide
Gradient_Tool_35.jpg

ชอบการไล่เฉด ลงสีแบบไหนก็เลือกได้ตามสะดวกเลยนะค่ะ....

พยายามนำมาลงให้ครบถ้วนทุกวิธีแล้ว ความจริงมันยังมีรายละเอียดปลีกย่อยอีกมากค่ะ แต่หลักๆก็ประมาณนี้ อย่าเพิ่งอ๊วกแตกกันนะค่ะ  แล้วพบกันใหม่บทความหน้าค่ะ

******************************
บทความโดย นุ้ก
ขอจบบทความแค่เพียงเท่านี้ แล้วพบกันใหม่บทความหน้าค่ะ ^^
(ขอสงวนสิทธิ์อนุญาตให้เผยแพร่เฉพาะในเว็บ www.graphicfufu.comเท่านั้น)


ขออภัย! คุณไม่ได้รับสิทธิ์ในการดำเนินการในส่วนนี้ กรุณาเลือกอย่างใดอย่างหนึ่ง ลงชื่อเข้าใช้ | ลงทะเบียน

รายละเอียดเครดิต

ข้อความล้วน|อุปกรณ์พกพา|ประวัติการแบน|GraphicFUFU

GMT+7, 2024-5-2 23:11 , Processed in 0.115636 second(s), 21 queries .

Powered by Discuz! X3.4 R20180101, Rev.59

© 2001-2017 Comsenz Inc.

ตอบกระทู้ ขึ้นไปด้านบน ไปที่หน้ารายการกระทู้