ตัวอย่าง งานการ์ตูน (อีกแล้ว)

[adlez]

ผมสิงใน board นี้มาซักพักแล้วครับได้ความรู้จากเพื่อนๆใน board ไปก็พอสมควร ช่วงนี้งานที่ออฟฟิคไม่ค่อยมี เลยมีเวลาแชร์เทคนิคส่วนตัว
พอรู้มาบ้างว่าคนไทยไม่ชอบอ่านอะไรเยอะๆ(ผมก็เป็น) ป่ะลุยกันเลย

ก็พื้นฐานทั่วไปครับ สเก็ตรูปก่อน จากไหนก็ได้ กระดาษ, หนังสือเรียน ,ไอแพด กรณีนี้ผมใช้ photoshop จ้า

Tuter-01.jpg (18.98 KiB) เปิดดู 6680 ครั้ง

นำรูป sketch มาวางเลยครับปรับ opacity ซัก 30% ก็ได้แล้วแต่ถนัด แล้ว lock layerซะ เสร็จแล้วก็สร้าง layer ใหม่ที่เราจะทำงานไว้ด้านบน

Tuter-02.jpg (17.56 KiB) เปิดดู 6680 ครั้ง

ส่วนตัวแล้วผมจะใช้ pen tools เหตุผลที่ผมเลือกใช้ pen tools เพราะเส้นมันนิ่งดีครับเหมาะสำหรับเก็บน้ำหนักเส้นตอนท้าย
เคยลองใช้ brush แล้วมันควบคุมน้ำหนักยากเหลือหลายดัดทีหลังก็แลดูจะลำบาก
สร้างรูปขึ้นมาเป็นชิ้นเลยแล้วใช้วิธีการซ้อนรูปทับกันเอาครับ สังเกตุหัวกับทรงผมจะซ้อนกัน
เลยต้องเลือกเอาเฉพาะ stroke ไม่เอา fill

Tuter-03.jpg (26.66 KiB) เปิดดู 6680 ครั้ง

รายละเอียดเล็กๆน้อยๆก็ใช้ brush ได้ครับ ใครไม่มี stylus ก็ใช้ pen tools เลยครับแค่ประหยัดเวลาเฉยๆ

Tuter-08.jpg (21.96 KiB) เปิดดู 6680 ครั้ง

ผมจัดการ select brush ที่เป็นส่วนทรงผมชี้ๆยุ่งๆ จะรวมเข้ากับทรงหลัก ตอนนี้มันเป็น stroke อยู่จำเป็นต้องทำให้กลายเป็น fill ก่อนครับ

Tuter-09.jpg (28.63 KiB) เปิดดู 6680 ครั้ง

ใช้คำสั่ง Object > path >Outline stroke ได้เลย

Tuter-11.jpg (23.43 KiB) เปิดดู 6680 ครั้ง

เสร็จแล้วก็ทำการรวมซะ โดวยเลือกทรงผมกะเส้นผมชี้ๆแล้ว กด unite

Tuter-12.jpg (4.99 KiB) เปิดดู 6680 ครั้ง

จะออกมาแนวนี้ครับ

Tuter-13.jpg (20.84 KiB) เปิดดู 6680 ครั้ง

เพราะผมชี้ๆของเราที่เป็น fill อยู่ด้านบนจึงทำให้ผลที่ออกมาได้เป็น fill (การ unite จะทำให้วัตถุที่เราเลือกมีลักษณะเหมือนอันบน)
แต่เรายังต้องการให้มันเป็น stroke อยู่จัดการเปลียนมันกลับเป็น stroke ครับ

Tuter-14.jpg (1.31 KiB) เปิดดู 6680 ครั้ง

จะได้ออกมาอย่างที่เห็นครับ

Tuter-15.jpg (17.87 KiB) เปิดดู 6680 ครั้ง

ผมรู้สึกว่าเส้นมันค่อนข้างจะบางไปต้องปรับให้หนาขึ้นครับ

เอาล่ะสิ โพสได้ 10 รูป -*-

[adlez]

Tuter-17.jpg (25.91 KiB) เปิดดู 6674 ครั้ง

เพื่อความรวดเร็วทำส่วนหัวให็ดูก่อนนะครับ ความจริงต้องทำวิธีการที่ว่ามาทั้งหมดให้เสร็จทั้งตัวก่อนแล้วค่อยลง fill ที่เป็นสีทีเดียว

Tuter-18.jpg (22.83 KiB) เปิดดู 6674 ครั้ง

ออกมาลักษณะแบบที่เห็นการเรียงลำดับบนล่างมันจะจะผิดอยู่แล้วครับแต่เราจัดเรียงใหม่ได้
คลิกขวาแล้วเลือก arrange มันจะมีคำสั่งว่าจะเรียงแบบไหน bing to font หรือ sent to back หรือจะลดลำดับไปทีละ1 ก็ยังได้ครับ
ส่วนตัวใช้ shot cut key Ctrl+],Ctrl+[,Ctrl+Shift+],Ctrl+Shift+[, ลองดูครับจะเห็นว่าบอกที่ popup menu แล้ว

Tuter-19.jpg (25.74 KiB) เปิดดู 6674 ครั้ง

ส่วนของลูกตากับคิ้วการ์ตูนแนวที่ผมทำไม่ต้องใช้ stroke ก็ได้ครับสลับค่าโลด

Tuter-21.jpg (3 KiB) เปิดดู 6674 ครั้ง

Tuter-22.jpg (23.92 KiB) เปิดดู 6674 ครั้ง

ผมเพิ่งมาสังเกตุว่า ทรงผมของนักธุรกิจคนนี้ออกจะฟีบไปเล็กน้อย

Tuter-23.jpg (17.21 KiB) เปิดดู 6674 ครั้ง

ว่าแล้วก็จับยืดออกเล็กน้อย จะปรับแต่งต้องทำช่วงนี้นะครับเป็นช่วงที่ทำง่ายเพราะถ้าเปลียน stroke เป็น fill แล้วจะทำได้ช้ากว่ามาก

Tuter-24.jpg (19.64 KiB) เปิดดู 6674 ครั้ง

หลังจากที่อยู่กับ stroke อยู่นานเราจะลาจากมันแล้วครับ เลือก object แล้วจัดการ stroke path เลยครับ(ใครจำไม่ได้ดูวิธีการด้านบนครับ)

Tuter-27.jpg (17.81 KiB) เปิดดู 6674 ครั้ง

เป็น fill หมดแล้วคราวนี้เราก็จัดการเก็บรายละเอียดได้เลยครับใช้ direct select tool (ลูกศรขาว)ดัดใช้คู่กับ pen tool ครับ อันไหนลบได้ก็ลบไป

Tuter-29.jpg (16.79 KiB) เปิดดู 6674 ครั้ง

Tuter-34.jpg (16.49 KiB) เปิดดู 6674 ครั้ง

[adlez]

วาดการ์ตูนที่ใช้สีน้อยส่วนที่เป็นเงาผมจะใช้เส้นช่วยครับ ตรงไหนที่เป็นส่วนที่โดนแสงมากก็ให้เส้นบางๆตรงไหนน่าจะโดนเงา ก็ให้เส้นหนาๆ
ทำให้งานดูนิ่มนวลดีครับ(ความเห็นส่วนตัว)

Tuter-35.jpg (14.06 KiB) เปิดดู 6668 ครั้ง

สังเกตุเจอเส้นที่ทับกันอยู่ จากการใช้ brush ป้ายทำการ merge มันเลยครับ

Tuter-37.jpg (5.57 KiB) เปิดดู 6668 ครั้ง

fill สีขาวบริเวณปากที่เกิดจาก open path ทำให้path มันไขว้กันอยู่แบบนี้ก็แก้โดยวิธี unite ได้ครับ select object แล้ว unite มันจะแยกเป็น
สองชิ้น เลือกและลบอันที่ไม่ต้องการออกไป

Tuter-41.jpg (14.15 KiB) เปิดดู 6668 ครั้ง

ดัดและแต่งให้เข้ารูป เสร็จแล้วมันคิดว่าสีของเส้นมันออกจะแข็งเกินไปต้องลดลงมาหน่อยครับให้ดูน้ำตาลๆรับกะสีผมและสีผิว
เสร็จแล้วผมจะทำงารเพิ่มน้ำหนัก ของสีผมอีกซักเฉดนึง ให้เป็นshadow ครับ ใช้ direct select tool เลือกแล้วกด Crl+C เพื่อ copy
จากนั้นกดCrl+F เพื่อ paste to front(วางobject ที่ copy ลงข้างหน้าในตำแหน่งเดิม object ที่ select อยู่ครับ) ตอนนี้มีผมสีน้ำตาล
สองชิ้นวางทับกันอยู่ครับ

Tuter-43.jpg (18.85 KiB) เปิดดู 6668 ครั้ง

ทำการเปลี่ยนสีให้เข้มขึ้นซะ แล้วใช้ eraser tool ลบส่วนที่อยากให้สว่างครับเพื่อจะได้เห็นสีของobject เดิมที่อยู่ข้างล่าง

Tuter-45.jpg (19.72 KiB) เปิดดู 6668 ครั้ง

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

Tuter-47.jpg (14.06 KiB) เปิดดู 6668 ครั้ง

อย่าลืมเก็บ reflect(ส่วนที่มืดของshadow จะมีแสงสะท้อนเข้ามาครับ) รูปเราจะได้ไม่แบนจนเกินไป

Tuter-48.jpg (15.86 KiB) เปิดดู 6668 ครั้ง

ใกล้เสดแล้วครับ สังเกตวิธีนี้ object เกือบทุกอันจะไปรวมอยู่ใน group เดืยวกัน อัตโนมัติเลยครับ เหมาะแก่การแก้ไขเปลี่ยนทรง หรือแม้แต่เอาไป
ทำ animate เพราะแยกชิ้นไว้ชัดเจน

Tuter-49.jpg (17.69 KiB) เปิดดู 6668 ครั้ง

วาดให้เสดทั้งตัวแล้วตกแต่งอีกนิดหน่อย มี text บ้างพอสมควร ประมาณว่าทำ packaging ขนาดขนมเค้ายังทำให้ดูน่ากินเลยนับประสาอะไรกับรูปวาดล่ะจริงไหม
แต่ไม่แน่ว่าที่ fotolia อาจจะ reject เพราะมี text รึเปล่าผมไม่แน่ใจนะเพราะผมไม่ได้ส่งแล้วอ่ะครับ เคยส่งไป 50 รูปผ่านมาจะปีละได้แค่ 40cr return ต่ำมากเลยไม่ได้ส่งต่อ(สงสัยดวง ผมจะไม่ถูกฉโลกกะค่ายนี้เท่าไหร่) ปัจจุบันส่งแค่ SS กะ iStock อ่ะครับ

Tuter-52.jpg (13.51 KiB) เปิดดู 6668 ครั้ง

[adlez]

ส่วนมากแล้วผมทำมานึงรูปแล้วจะ edit ให้ได้อีก 2 รูปครับเพราะผมไม่รู้ว่า end user ของผมมีความสามารถปรับแต่งไฟล์ขนาดไหน
คิดว่าต่ำไว้ก่อน ประมาณว่า copy and pasteแล้วใช้เลย เลยทำมา 3 styles
แบบที่ 1 ก็เป็บแบบที่ทำในกระทู้น่ะครับ
แบบที่ 2 จะเป็นแนวสมัยใหม่ simple ไม่เอาเส้นเลยจะแข็งจะนุ่มก็ไม่เอา เลยต้องใช้น้ำหนักอ่อนแก่ของสีช่วยแบ่งระยะหน้าหลัง ก็จัดการลบเส้นออกแล้วปรับแก้นิดหน่อย
แบบที่ 3 ก็ใช้ brush tool ช่วยขีดๆป้ายๆครับเพราะใช้สีช่วยเรื่องน้ำหนักไม่ได้แล้วต้องขีดๆเส้นให้เห็นรูปทรงพอสมควรแต่ก็ไม่ต้องให้ถึงขั้นเจ็ดดาวเหนือหรอกครับ

Tuter-52.jpg (13.51 KiB) เปิดดู 6663 ครั้ง

Tuter-53.jpg (12.21 KiB) เปิดดู 6663 ครั้ง

Tuter-54.jpg (13.6 KiB) เปิดดู 6663 ครั้ง

หวังว่าคงมีประโยชน์บ้างนะครับกระทู้นี้ ขอให้สนุกกับการเดินทางครับ จากกัปตันของคุณ.....ฟิ้ว ว ว ว ว

[Jcomp]

ยอดเยี่ยมกระเทียมดอง

[stockdevil]

ขอบคุณที่มาแบ่งปันครับ
ขอถามว่า ถ้าเราส่งภาพไป 3 ภาพ 3 สไตล์นั้น จะโดนข้อหา similar image ไหมครับ

[adlez]

ที่ผ่านมายังไม่เคยโดนนะครับ แต่รูปนี้ยังไม่ได้อัพเลยไม่รู้ครับ ^________^

[stockdevil]

เป็นคนวาดรูปการ์ตูนไม่ค่อยเป็นนี่สิ 555

[adlez]

[GUYKANTAWAN]

[see]

ขอบคุณที่เสียสละมาให้ความรู้เพื่อนๆๆ

การ์ตูนเก๋มาก

[adlez]

[watchada]

น่ารักดีครับ

[Porpla]

ขอบคุณสำหรับความรู้ และเทคนิคดีๆ ค่ะ
ป.ปลาวาดการ์ตูนเหมือนกัน แต่วาดไม่ได้อารมณ์ และท่าทางแบบนี้ คงต้องฝึกอีกเยอะเลย

[vinaitup]

ขอบคุณที่แบ่งปันความรู้ดีๆครับผม ^^

[adlez]

[Porpla]

เดี๋ยวต้องหาโปรแกรม sketch มาใช้บ้างแล้วค่ะ