The Golden Ratio : Part1

สวัสดีครับ ชิ้นนี้เป็นงานเขียนชิ้นแรกของผมยังงัยถ้าไม่เข้าใจหรือบกพร่องส่วนไหนก็ขอโทษไว้ก่อนนะคับ แล้วผมจะปรับปรุงให้ดีขึ้นครับ^^!
วันนี้ผมจะขอเกริ่นเรียกน้ำย่อยก่อนนะคับ

คุณเคยได้ยินเรื่อง อัตราส่วนทองคำ ( golden ratio) กันหรือไม่ครับ ลองหากันเล่นๆใน google ก็ได้นะครับ มันจะเป็นเรื่องขององค์ประกอบศิลป์ แต่ส่วนมากถ้าพูดถึงกัน จะเป็นพวกสัดส่วนคน ภาพโมนาลิซ่า ของดาวินชี่ หรือไม่ก็ วิหารพาเทนอน ของกรีก ซึ่งนำสัดส่วนทองคำนี้ มาใช้จึงทำให้ดูสวยงามและสมส่วน มองมุมไหนก็สวยไปหมด หรือไม่ถ้าอยากรู้ว่าผู้หญิงคนไหนหรือผู้ชายคนไหน สวย หล่อ ได้มาตรฐานก็สามารถนำไปใช้เทียบได้

ส่วนในวงการภาพยนตร์เขาใช้กันอย่างไร บางคนอาจจะรู้แล้ว แต่บางคนก็ยังไม่รู้ผมคนหนึ่ง
ที่เรียนจบทำ shot film มาแล้วยังไม่รู้เลยในตอนนั้น มารู้ก็ตอนทำงานนี่แหละครับ ถ้าคุณอยากรู้ว่าภาพยนตร์เรื่องไหน มุมกล้องสวยหรือทำไม หนังเรื่องนี้มุมภาพดูดีจัง สามารถสังเกตได้
จะมี DP(Director of Photography) เป็นคนคอยกำกับตำแหน่งและองค์ประกอบของภาพในหนังเรื่องนั้นๆ ให้ออกมาสวยงาม

ภาพยนตร์ที่แนะนำ
ให้ไปหาดูง่ายๆได้ทั่วไปรู้จักกันทั่วโลกและได้ออสก้า ก็เรื่องนี้เลยคับ saving private Ryan
หรือไม่ก็ เรื่อง HERO ,Amelie ตอนนี้ผมก็อยากให้เพื่อนๆ ลองไปหามาดูกันหรือ ดูแล้วก็ลองดูกันอีกรอบ

คราวหน้าผมจะมาอธิบายรายละเอียดว่าทำไม มันใชอย่างไร ที่ทำให้ภาพมาดูดีครับ


-Anusart Sapcharoenchai

walkcycleFullbody

walk cycle done by me and use Moom rig
this is a cartoony style. the head squash down when weight going down...
hardest things about this is the knee to avoid some poping you should key every frame at contact position at least 3 - 4 frame the other.

this is basic that should learn first before animate another thing
it's helpful to learn about human locomotion.

-phon thiramonkol

credit
Moom version 4.0.3 by Ramtin Ahmadi

penguin walk

my penguin walk cycle
done in 3 hours looking at www.bbcmotiongallery.com to take some reference
some locomotion not seem like a human but close to
very fun
-phon thiramonkol

credit
Character Modelled and Rigged by Mayukh Datta.

method of animation by shawn kelly

method of animation
1st BLOCKING
-Timing of Action
-Main Poses
-Suggest Emotion
rough eye animation

2nd Pass
Breakdown Poses
Offset
Successive breaking of joints
Suggest Overlap & Follow through

3rd Pass
Inbetween Poses
Finish offsetting body parts
Check + Adjust arcs
Finish Overlap & Follow through
Fingers/Toes
Finish Eye animation
Foot shuffles
Knees

4th Final Pass
Facial animation
Lip sync
Muscle animation

Iron man mark 4 by phon thiramonkol

คลิกที่ภาพเพื่อขยาย

สำหรับงานนี้ inspire มาจาก iron man mark 2 ผมจะใช้เป็นตัวอย่างของ งาน realistic model ที่น้องๆ หลายคนอยากทำแนวเหมือนจริงในงาน thesis

โมเดลใช้เวลาตอนว่างจากการทำงาน ก็มักเป็นก่อนนอน วันละนิดละหน่อย set up shading lighting render ประมาณ 5 ชม. ได้ แยกพาสเรนเดอ composit ใน psd ดังนี้
1.rgba - beauty pass contain light and shadow
2.ambient - flat color pass
3.occlusion pass
4.reflection chorme pass เพื่อสร้าง studio lighting effect
5.reflection environment pass
6.glow pass
7.dirt pass เพ้นเอาในpsd
8.depth pass ทำให้เกิด บรรยากาศ
9.matt pass

สำหรับน้องๆที่อยากทำงานแนวนี้ อย่างแรกนะครับ โมเดลต้องเหมือนก่อน ต่อมาเทคเจอต้องดี มีแมพ color , bump , spec
lighting อาจเป็น gi+fg หรือ hdr image กับ จัดไฟช่วย หรือ ไฟธรรมดาแต่ต้องอาศัยทักษะและสายตา บวก ประสบการณ์ในการศึกษาเรื่องนั้นๆ เรนเดอร์ ต้องแยกพาสเพื่อสะดวกในการ color correct ต้องมีเครื่องที่แรง มากกว่า 3-4 ในการเรนแบบ ถ้าจะทำอนิเมชั่น สรุป ก็คือ ถ้าเราอยากทำแนวนี้ ก็เริ่มได้เลยครับ ลองทำดูสักชิ้นจะได้รู้ระยะเวลา
ข้อจำกัด เพื่อทำให้เราเตรียมการวางแผนได้ดียิ่งขึ้น และจะได้รู้ว่าเราต้องศึกษาอะไร เพิ่มบ้าง

-phon thiramonkol

composit still image

คลิ๊กที่รูปเพือ่ขยาย

สำหรับงานนี้ผมก็ใช้การแยกเลเยอร์ เป็น
beauty : use maya software and set up 3 point light
diffuse : for adjust some brightness
occlusion
specular : came from key light and fill light
Chromereflection : use chrome hdr image to get some studio lighting effect
EnvironmentReflection :use hdr images
dirt paint : paint dirt by hand use psd

สำหรับการทำ still image แบบนี้ มักใช้การเพ้น ช่วย ในเรื่องคราบเก่าต่างๆ
สังเกตุว่า reflection pass ที่ใช้ ใช้ mental ray blur reflection ช่วยในการแยก pass reflect
สว่นใหญ่ในงาน cg ที่เป็น realistic ก็จะใช้ reflection blur ให้สมจริงยิ่งขึ้น
ในการแยกพาสนี้สิ่งที่ดีอีกอย่างคือการฝึกทักษะของเราว่าจะทำออกมา สวยเหมือนจริงรึเปล่า ก็ขอให้ทุกคนฝึกฝนไว้

*
สาเหตุที่วางบน background สี เท่าเพราะ สีเทาเป็นสีกลาง จะทำให้เราเห็นสีของ งานเรา ชัดเจน มากขึ้น
ไม่ใช่หลักตายตัวแต่หลายๆแห่งจะใช้สีเทา


ลองดูตัวอย่างลิ้งนี้ครับ
้http://mattburdette.com/main/
อยู่ล่างๆนะ
-phon thiramonkol

credit
http://mattburdette.com

timing & spacing

สำหรับ bouncing ball ที่ผมทำนี้ เป็นพื้นฐานที่สำคัญที่สุด ของ animation คือ เรื่องของ timing และ spacing
สว่น joint ที่ เป็นแขน จะช่วยให้เราฝึกเรื่อง arc of motion และ overlapp
นี่เป็นลิ้งตัวอย่าง ของ การทำความเข้าใจ กับ bouncing ball
http://www.idleworm.com/how/anm/01b/bball.shtml

และอีกอัน เป็น character

http://pushingposes.blogspot.com/2007/05/timing-and-spacing.html

สว่นภาพนี้เป็น animation curve ที่จังหวะ contact key หรือจังหวะที่บอลแตะพื้น tangent ของ curve ต้องเป็น แหลม ๆ ดังรูปทำได้โดยการดัด tangent

*นี่คือเหตุผลที่เราต้องเรียนรู้การใช้ graph editor เพราะการที่เราต้องการ ease in & ease out ทำได้โดยการปรับ tangent











คลิ๊กที่รูปเพื่อขยายนะครับ

-phon thiramonkol

credit
http://www.idleworm.com
http://pushingposes.blogspot.com

TrexAnimation

สำหรับอนิเมชั่นที่ผมทำอันนี้ ผมก็ต้องเริ่มศึกษา จาก reference ในที่นี้ได้แรงบันดาลใจจาก เกมส์ tomb raider
ก็เป็นอะไรที่ดีครับ ฝึกเรื่อง weight โดยทริคที่สำคัญคือ การ overlapp ของ กระดูกspline ท่อนบน ตามหลัง root ประมาณ 5-6 เฟรม ก็จะเป็น ลักษณะของ Trex สำหรับงานนี้ เราอาจเพิ่ม arc หรือการเคลื่อนที่แบบโค้งซึ่งจะเกิดกับ หัว แขน ขา ให้กับ ขาของมัน จะช่วยให้ดู สมจริงมากขึ้น

เว็บนี้ก็จะสอนเรื่อง tool พื้อนฐานที่จำเป็น
http://caad.arch.ethz.ch/info/maya/manual/UserGuide/Animation/KeyframeMoPath/04_graph_editor.doc1.html
credit : http://caad.arch.ethz.ch

สำหรับการเรียนรู้การใช้ graph editor เราจะมีตัวอย่างตามลิ้งนี้
http://www.navone.org/HTML/Tutorial_Splines1.htm

animation curve เป็นสิ่งสำคัญมาก ขอให้ลองพยายามทำความเข้าใจดูนะครับ
-phon thiramonkol

credit : Trex rig by Joel Anderson
http://www.navone.org

BallWalk

สำหรับงานนี้ ผมทำเพื่อเป็นการฝึกเรื่อง emotion walk ในที่นี้เป็นการเดินแบบลอยชาย
เป็น rig ที่พี่ที่บริษัททำให้ฝึกเรื่องพื้นฐานของ การเคลื่อนไหวของคน

ลิ้งนี้จะสอนหลักการเคลื่อนไหวพื้นฐาน ของคนนะครับ ลองดูกัน
อันแรกเป็นเรื่องพื้นฐานที่ต้องทำเป็นอย่างแรก boucing ball อันหลังเป็น คนเดิน
http://www.idleworm.com/how/anm/01b/bball.shtml
http://www.idleworm.com/how/anm/02w/walk1.shtml

-phon thiramonkol

credit
http://www.idleworm.com

animator in studio

ก่อนอื่นต้องบอกว่าสิ่งที่ผมพูด ผมได้นำข้อมูลมาจากผู้เชี่ยวชาญที่ได้เจอในการทำงาน และหลายๆ คนได้สอนผม
ผมก็ อยากจะแบ่งสิ่งดีดี ที่ได้รับ ให้น้องๆ ทุกคน

สำหรับบทความแรก เป็นการ อธิบายให้เห็นถาพการทำงานอนิเมชั่น
เป็นขั้นตอนการทำงานทั้งหมดของอนิเมเตอร์ มี ไฟล์ .mov ให้ดูด้วย

http://www.justinanimator.com/animStages_puss.php


โดยขั้นตอนการทำงานของอนิเมเตอร์สว่นใหญ่ จะเป็นแบบนี้นะครับ
1.acting reference ทำความเข้าใจกับ บทสนทนา และคาแรคเตอนั้นๆ คุยกะผู้กำกับว่าต้องการอะไรใน ช๊อตนั้นๆ
2.blocking 1 (rough part) ทำเฉพาะท่าทาง ยกแขน เอียงขา body language ลองถ่ายทอด acting choice ออกมาว่า คนดูจะเข้าใจไหม
3.blocking 2 หลังจากเริ่ม ถ่ายทอดท่าทางแบบ แสดงไอเดียแล้ว ก็ลองถาม ผู้กำกับ ว่าโอเคไหม ตรงไหนไม่ดีก็ปรับเปลี่ยน
เริ่ม ลง in between key เริ่ม ทำสิ่งที่เรียกว่า polishing ก็คือทำให้การเคลื่อนไหวดูไหลลื่น สวยงาม
ขั้นตอนสุดท้ายก็เป็นการ polishing overlapp action และ facial expression

ที่ผมกล่าวมาข้างต้น คือ ขั้นตอนการทำงานของ อนิเมเตอร์แบบคร่าวๆ เราอ่านครั้งแรกอาจ งงๆ ลองดูในเว็บที่ลิ้งไว้ให้ แบบผ่านๆ สักรอบเราจะเข้าใจการทำงานของเขามากขึ้น ตัวอย่างที่เราเห็นนี่คือ professional
จากนี้ไปนะครับ เราต้องเริ่มต้นกันตั้งแต่พื้นฐาน
ในเรื่องต่อไปผม จะพูดถึงการเรียน อนิเมชั่นตั้งแต่พื้นฐาน โดย จะโพส link เกี่ยวการเรื่องพื้นฐานที่ควรรู้ และแบบฝึกหัดที่เราต้องฝึกฝน ไปตามลำดับ โดยจะมีงานของพวกผมเป็นตัวอย่างในแบบฝึกต่างๆ

*การศึกษาเทคนิคและการทำงานของคนอื่น เป็นสิ่งจะช่วยให้เราพัฒนาตัวเองได้เร็วขึ้น
-phon thiramonkol


credit from
http://www.justinanimator.com
http://spungella.blogspot.com

cg & animation

หลังจากเรียนจบ เส้นทางสู่ การทำงานในสาย cg , animation เป็นความฝันอย่างหนึ่งของพวกเรา เมื่อเรียนจบ และได้ทำงานในสิ่งที่เราต้องการแล้ว ก็อยากจะถ่ายทอด แนวคิด และ การทำงานในสายนี้และแสดง ผลงานของเรา ให้แก่น้องๆ รุ่นใหม่ ได้มองเห็นเป้าหมายหลังจบการศึกษาให้ชัดเจนยิ่งขึ้น และเพื่อให้มีความพยายามที่จะเป็นในสิ่งที่ทุกคนอยากเป็น
หวังว่าเว็บบล็อคนี้คงเติบโตไปพร้อมกับการพัฒนาการของทุกคน และไปให้ถึงในสิ่งที่เราฝันหา