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

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

การทาบรูปแบบโทนสี 3 ระดับ ใน Illustrator CS

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

272

กระทู้

272

โพสต์

979

เครดิต

ผู้ดูแลระบบ

Rank: 9Rank: 9Rank: 9

เครดิต
979
Illustrator_man2.jpg
การทาบรูปแบบโทนสี 3 ระดับ ใน Illustrator CS
ในบทความนี้ผู้ที่สนใจควรมีทักษะในการใช้อุปกรณ์ Pen tool มาแล้วในระดับนึงค่ะ (เพื่อความสวยงามของเส้น)

การทาบรูปแบบโทนสี 3 ระดับ คือการนำภาพบิทแมพต้นแบบ มาทาบวาดใหม่ในโปรแกรม Illustrator ให้เป็นภาพเวคเตอร์โดยใช้โทนสีไล่เฉดแค่ เข้ม กลาง อ่อน (ไม่นับเงากับแสงสะท้อน)

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

ขั้นตอนที่ 1 เตรียมภาพต้นแบบ
1. สร้างไฟล์ใหม่ขึ้นมา และใช้คำสั่ง File> Place... เลือกภาพบิทแมพต้นแบบที่เราต้องการขึ้นมา
Illustrator_man3.jpg

2. ทำการ copy เลเยอร์ภาพต้นแบบ (ลาก Layer 1 มาปล่อยที่ปุ่ม New Layer) มันจะสร้างเลเยอร์ใหม่ให้ชื่อ

ว่า "Layer 1 Copy"

Illustrator_man4.jpg

3. ที่ "Layer 1 Copy" ให้เราใช้คำสั่ง Effect> Artistic> Cutout...
Illustrator_man5.jpg
Illustrator_man6.jpg

4. จัดการล๊อคเลเยอร์ทั้งสองซะ

Illustrator_man7.jpg


ขั้นตอนที่ 2 ดราฟเส้น
1. สร้างเลเยอร์ใหม่ขึ้นมาอีก โดยแบ่งเลเยอร์ออกเป็นส่วนประกอบต่างๆในภาพ(ตามลำดับหน้า-หลัง) และตั้งชื่อแต่ละเลเยอร์ให้เรียบร้อย

Illustrator_man8.jpg

2. ในที่นี้ข้าพเจ้าจะเริ่มทำส่วนของผิวหน้าก่อนโดยไปเลเยอร์ "skin"
2.1 ให้ทำการดูด "สีเข้ม" จากใบหน้ามาก่อนและกำหนดให้เป็นเส้นขอบ
Illustrator_man9.jpg

2.2 ใช้อุปกรณ์ Pen Tool ดราฟเส้นตามโครงใบหน้า
Illustrator_man10.jpg
2.3 ต่อมาคือการใช้ Pen Tool ดราฟเส้นบริเวณที่เป็น "สีผิวระดับกลาง" ขั้นตอนก็เช่นเดียวกับข้อ 2.1 คือเราต้องดูดสีผิวระดับกลางของภาพต้นแบบมาก่อน แล้วถึงค่อยใช้อุปกรณ์ Pen Tool ดราฟเส้น

การทำสีผิวอ่อน ก็เช่นเดียวกันค่ะ คือดูด สีผิวระดับอ่อนมาก่อนแล้วค่อยใช้อุปกรณ์ Pen Tool ทำเส้นโครง

ในทีนี้ข้าพเจ้าปิดตาเลเยอร์ภาพต้นแบบเอาไว้ และเพิ่มขนาดเส้น Stroke ให้ใหญ่ขึ้น เพื่อที่จะได้มองเห็นเส้นที่ข้าพเข้าทำไว้ง่ายๆ

Illustrator_man11.jpg

ขั้นตอนที่ 3 สลับสีเส้น Stroke ให้เป็นสีพื้น
หลังจากที่เราทำเส้นโครงสีผิวแต่ละชั้นเสร็จแล้ว เราจะทำการเปลี่ยนสีของเส้น Stroke แต่ละชั้น ให้กลายเป็นสีพื้นโดยการคลิกเลือกที่เส้น "สีเข้ม" ก่อน แล้วกดปุ่มเล็กๆที่ชื่อว่า "Swap Fill and Stroke" (หรือกด Shift+X) ดังภาพ
Illustrator_man12.jpg

ผลที่ได้............
Illustrator_man13.jpg

คราวนี้ข้าพเจ้าจะเปลี่ยนสีเส้นStroke ทั้งหมดให้กลายเป็นสีพื้น ก็จะได้ตามภาพค่ะ
Illustrator_man14.jpg

(*** ไม่ว่าจะทำ ตา ปาก จมูก หรือ เสื้อผ้า สิ่งของต่างๆ ก็จะควรทำด้วยวิธีเดิม***)
Note : การลงสีแบบ 3 ระดับ สีที่ไล่โทนแต่ละระดับควรมีแค่ เข้ม กลาง และอ่อนเท่านั้น เงามืดกับแสงตกกระทบ ถือเป็นข้อยกเว้นพิเศษที่สามารถมีเกินมาได้ แต่ก็ไม่ควรเน้นระดับความเข้มจางมากเกินไปจนภาพเสียสมดุล

ขั้นตอนที่ 4 ทำตา
ในขั้นตอนนี้ข้าพเจ้าจะ ปิดตาเลเยอร์ "skin" ก่อน ให้วาด ตาขาว ลูกตาดำ และขอบขนตาบนตามลำดับค่ะ

(ทำแบบหยาบๆพอเป็นเค้าโครงไปก่อน แล้วค่อยกลับมาตกแต่งเก็บรายละเอียดทีหลัง)
Illustrator_man15.jpg

ขั้นตอนที่ 5 ทำปาก
ใช้ Pen Tool ทำตามลำดับนี้เลยค่ะ ริมฝีปากบน ริมฝีปากล่าง และเส้นตัด


*** ก่อนจะดราฟเส้นอย่าลืมดูดสีจากต้นแบบในตำแหน่งที่จะเราจะทำมาก่อน แล้วจึงค่อยใช้ Pen Tool วาดตาม

เมื่อวาดเสร็จแล้วก็ทำการสลับสีเส้น ให้กลายเป็นสีพื้น

Illustrator_man16.jpg

วาดคิ้วและเปิดตาเลเยอร์ Eye กับ Skin เพื่อดูภาพโดยรวมหลังทาบจากต้นแบบ เลยทำให้นึกได้ว่ายังไม่ได้ทำรูจมูกให้มันเลย = =" เดี๋ยวมันจะหายใจไม่ออกตายซะก่อน
Illustrator_man17.jpg

=====================================================
***Note: ในกรณีที่เราต้องการจัดลำดับภาพใหม่ ให้คลิกเลือกภาพที่เราจะทำการสลับตำแหน่ง แล้วคลิกขวาเลือก Arrange
Bring to Front คือ ย้ายไปอยู่ตำแหน่งหน้าสุด หรือกด Shift+Ctrl+]
Bring Forward คือ ย้ายไปอยู่ตำแหน่งหน้า หรือกด Ctrl+]
Send BackWard คือ ย้ายไปอยู่ตำแหน่งหลัง หรือกด Ctrl+[
Send to Back คือ ย้ายไปอยู่ตำแหน่งหลังสุด หรือกด Shift+Ctrl+[

===========================================

ขั้นตอนที่ 5 ทำเสื้อ
คล้ายกับขั้นตอนเดิมทุกอย่าง แต่ถ้าเราดราฟเส้นตามลำบากก็ให้ดูภาพต้นฉบับ (ภาพแรกก่อนที่จะทำการ ใช้คำสั่ง Effect> Artistic> Cutout...) ซึ่งจะสามารถเห็นรอยยับของเนื้อผ้าได้ง่ายกว่า
Illustrator_man18.jpg
Illustrator_man19.jpg

ขั้นตอนที่ 6 ทำผม
ในขั้นตอนนี้ข้าพเจ้าจะปลดล๊อคเลเยอร์ภาพต้นแบบแล้วลากมาวางไว้ข้างๆเพื่อเทียบดูทิศทางของทรงผมอย่างคร่าวๆค่ะ
Illustrator_man20.jpg
Illustrator_man21.jpg
Illustrator_man22.jpg

(เล่นมากไปเส้นผมดูเละๆยังไงก็ไม่รู้ 555)
Illustrator_man23.jpg

ขั้นตอนที่ 7 เป็นขั้นสุดท้ายแล้วค่ะ นั่นคือเก็บรายละเอียดทั้งหมด

เก็บรายละเอียดดวงตา
1. ใส่เม็ดตาดำ
2. ใส่ความวาวด้านล่างตาดำ
3. ใส่วงสีขาวๆ เป็นจุดที่แสงสว่างตกกระทบ
4. ใส่สีขาวที่ลูกตาขาว

Illustrator_man24.jpg

เก็บรายละเอียดขอบตา
1. ใส่ขนตาล่าง (ขี้เกียจวาดเป็นขนตาทีละเส้น เลยใส่เป็นเส้นยาวๆแทน แต่ถ้าภาพต้นแบบเป็นผู้หญิงก็ควรจะวาดขนตาให้เป็นเส้นๆเพิ่มเพื่อความอ่อนหวาน)
2. ทำการสลับสีเส้น ให้เป็นสีพื้น
3. ไฮไล้ขอบตา เพื่อเพิ่มความน่าสนใจให้กับดวงตา

Illustrator_man25.jpg

เก็บรายละเอียดปาก
1. ทำร่องจมูก
2. เพิ่มจุดที่แสงตกกระทบ

Illustrator_man26.jpg

ภาพสำเร็จ...
Illustrator_man27.jpg

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



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

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

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

GMT+7, 2024-4-19 02:43 , Processed in 0.105349 second(s), 21 queries .

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

© 2001-2017 Comsenz Inc.

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