Illustrator Tutorial: The secrets of beautiful caricatures

posted on 13 Apr 2012 11:22 by cgshelf in AI directory Cartoon, Tech, Knowledge
สวัสดีครับ วันนี้ก็ขออวยพรให้ทุกๆท่านสุขสันต์วันสงกรานต์เเละวันครอบครัวครับผม ขอให้ทุกๆท่านเดินทางปลอดภัย มีความสุขกับครอบครัวมากๆนะครับ
 
 
กลับเข้าสู้tutorialกันดีกว่าครับวันนี้ โดยเนื้อหาในเอนทรี่นี้ผมคิดว่ามันเป็นตัวอย่างประยุกต์จากการใช้ไอเดียที่เคยโพสลงมาในวันก่อนได้ดี ผมเลยลองเอามาให้ชมกันครับ

อนึ่ง tutorialนี้เเปลมาจากhttp://www.digitalartsonline.co.ukขอขอบคุณเจ้าของผลงาน มา ณ ที่นี้ครับ

ที่มา

Intro

การสร้างตัวละครตัวนี้artistได้เเรงบันดาลใจจากนักข่าวสาวในละครดังครับผม (Bel Rowley, รับบทโดย Romola Garai.)
 
 
Step 1
สังเกต เครื่องเเต่งกายของตัวละคร สีผมเเละทรงผม เเละเครื่องประดับอื่นๆ  หลังจากนั้น หาไฟล์ภาพที่ใกล้เคียงกันเพื่อที่จะนำมาใช้ประกอบartworkของเราครับ
 
 
 
Step 2

เริ่ม จากหน้าก่อนครับ ใช้Ellipse tool(U) สำหรับศีรษะ จากนั้นใช้pen tool (P) เพื่อสร้างส่วนของขากรรไกรช่วงล่างขึ้นมา หลังจากได้รูปทรงที่ต้องการเเล้ว ก็เก็บรายละเอียดรอบๆอีกที
 
 
Step 3

หลังจากพอใจเเล้ว ลงสีผิวหนังเเละดวงตาด้วยPen tool เริ่มทำดวงตาปกติไปก่อน เสร็จเเล้วค่อยทำเปลือกตาครับ
 
 
Step 4

จากนั้นผมค่อยๆสร้างรายละเอียดที่เหลือบนใบหน้า คิ้ว จมูก ปาก ใบหน้าจะเเสดงอารมณ์ของตัวละครนะครับดังนั้นผมจะค่อยๆทำด้วยความพิถีพิถัน หลังใจได้ตามที่ต้องการเเล้ว
 
ผมtweakรูปทรงของทุกๆfeatureเพื่อมาสร้างเงาเเละhighlights จนเริ่มจะมีมิติขึ้นมา ขั้นตอนตรงนี้หามีทางลัดไม่ ค่อยๆเก็บรายละเอียดไปครับจนได้ความพอใจของเรา  เราจะใช้เวลาตรงนี้มากที่สุดในการทำงานทั้งหมด
 
 
 
 
Step 5

หลังจากเก็บรายละเอียดได้ตามต้องการเเล้ว เพิ่มเติมส่วนคอ ผม เเละeyeshadowลงไปเล็กน้อย ตาของRomolaเป็นสีฟ้า  ผมเลยเติมสีฟ้าลงในดวงตาของเธอ หลังจากนั้นเก็บรายละเอียดริมฝีปากให้เรียบร้อย
 
 
 
Step 6

ผมจะเเปลกประหลาดกว่าชาวบ้านเขาหน่อย ตรงที่ผมเพิ่งจะมาคิดcompositionตอนนี้ มาถึงจังหวะนี้มีทางเลือกให้ผมสองทาง ก็คือเก็บรายละเอียดหน้าเเละก็ทำเเค่นั้น หรือว่าผมจะทำส่วนของเสื้อผ้าเธอด้วยดี
ผมรู้สึกว่าในเคสนี้ ผมน่าจะทำชุดให้เธอด้วย มันจะทำให้เธอดูเหมือนจริงเเละคนจะเข้าใจว่าเธอเป็นใคร ทำงานอะไร  เพราะฉะนั้นผมก็เลยทำส่วนล่างด้วย ระหว่างนั้น ผมก็tweakingส่วนใบหน้าเพิ่มเติม
 
 
 
Step 7
เอาล่ะครับ ถึงเวลาต้องเพิ่มเติมองค์ประกอบรอบๆเเล้ว วางbackgroundให้ดูเหมาะสม ใช้กฎที่ว่า "ทำให้มันเข้าใจง่ายๆซะ" ในที่นี้ก็ทำให้มันเหมือนรายการทีวี
ผมใช้เเค่สีหลักเเค่สองสีสำหรับbackgroundเพื่อไม่ให้เด่นไปกว่าตัวละคร  ใช้font Forelle (‘Miss Rowley’)เเละ Futura (‘The Hour’) ทั้งนี้font loadได้ฟรีจาก dafont.com
 
 
Step 8

สุดท้าย ผมเลือกสีใหม่โดยการปรับให้เป็นเเนวSepia เพิ่มorange blockเข้าไปเเทนสีteal เเละsetค่าblending mode เป็น color ค่าopacity ประมาณ30%
จากนั้นตรวจสอบความเรียบร้อยอีกที
 
 
เสร็จเเล้ว!

tutorialตัวนี้เเสดงให้เห็นถึงtipก่อนหน้านี้ที่ผมเอามาreviewครับ ไม่ว่าจะเป็นการสังเกตรายละเอียดหน้าตา หรือว่าการทำให้ผู้ชมเข้าใจง่ายว่าตัวละครเป็นใคร ซึ่งเราก็สามารถนำมาประยุกต์ใช้ได้เลยเหมือนกัน ไม่เกี่ยวกับว่าเป็นโปรเเกรมอะไร
โปรเเกรมเป็นเเค่เครื่องมือครับ เป็นตัวอย่างที่ดีมากๆครับทิปนี้

สุดท้ายนี้ขอขอบคุณ Stanley Chowเจ้าของผลงาน (stanleychowillustration.com) เเละทุกๆท่านที่เข้ามาชม ณ ที่นี้ครับ ขอบคุณครับ

ขอให้ทุกท่านมีความสุขในวันหยุดยาวนะครับ

CGshelf team.

Comment

Comment:

Tweet

Hot! Hot! Hot!
สวยเก๋

#14 By Sumonman.S on 2012-05-16 17:21

มีสาระมากๆๆๆ ก้าๆๆ

#13 By ภาพแต่งบ้าน on 2012-04-20 23:00

แล้วจะลองทำดู open-mounthed smile

#12 By Domino on 2012-04-18 20:07

ขอบคุณครับๆ

#11 By ของขวัญ on 2012-04-18 00:40

#10 By oneplusstudio on 2012-04-16 23:09

Hot! อ่า สุดยอดcry

#9 By Kanya on 2012-04-15 05:21

สวยมาก

#8 By mini-teddy on 2012-04-15 02:23

เจ๋งเลย

#7 By Linghokkalom on 2012-04-14 20:24

Hot! Hot! Hot!

#6 By [: j.i.n.x :] on 2012-04-14 15:05

เป็นโปรแกรมที่ทำไม่เป็นจริงๆ
มีความใฝ่ฝันว่าจะทำได้
Hot!

#5 By เมพหมี shakri on 2012-04-14 08:49

เก๋คะ น่าลองทำเหมือนกัน big smile


#4 By Sesary ❤ on 2012-04-13 19:52








มีความสุขวันสงกรานต์ 2555 ... นะฮับ
confused smile confused smile confused smile confused smile confused smile

#3 By Ruj Rattanapahu on 2012-04-13 19:12

Hot!
ชอบหง่ะ อยากทำบ้าง open-mounthed smile confused smile
ว้าว ภาพธรรมดา ก็กลายเป็นภาพกราฟฟิคด้วยวิธีนี้นี่เอง
สุขสันต์วันสงกรานต์จ้า
สอง ฮ่าๆๆ

big smile open-mounthed smile confused smile Hot! Hot! Hot!

#1 By Nirankas on 2012-04-13 13:00