ฟอนต์ฟอรั่ม

มาแล้ว ๆ บทที่4กับหัวข้อ
ศิลปะในการกำหนด INBETWEEN
ขอบอกขอบอกเรื่องนี้เป็นเรื่องสุดยอดของสุดยอดที่ไม่ค่อยมีใครเค้าจะบอกกันหรอกนะ (เพราะไม่ค่อยมีที่ไหนสอนล่ะมั้ง  :30:)
เอาล่ะ เรารู้จัก keyframe กันแล้วใช่มั้ยจ๊ะในเมื่อมี keyframe ก็จะมี inbetween Frame เข้ามาเกี่ยวข้องด้วย ขอเกริ่นด้วยรูปอีกที

(http://img.f0nt.com/image/551.jpeg)
จากรูปที่เห็นคือรูปลูกตุ้มซักอย่างแกว่งไปมา เห็นว่า Action หลักๆ ที่เรียกว่า Key คือ การแกว่งจากซ้ายไปขวา เราจึงกำหนด key ในลักษณะดังกล่าว

แล้วเราจะกำหนด inbetween frame ยังไงล่ะ จากรูปนี้ง่ายโคตรๆ ก็กำหนดอย่างนี้ไง
(http://img.f0nt.com/image/552.jpeg)
โอ้ ง่ายชะมัดเลยแฮะ ทำไมเราถึงรู้ได้ล่ะ ทำไมเราถึงไม่กำหนดแบบนี้
(http://img.f0nt.com/image/553.jpeg)
ก็เพราะว่าเคยชินจากสิ่งที่เราเห็นอยู่ทุกๆวันไง

เอาล่ะ ลองมาดูภาพนี้ดีกว่า
(http://img.f0nt.com/image/554.jpeg)
จะกำหนด inbetween ยังไงนะแบบนี้หรือเปล่า

(http://img.f0nt.com/image/555.jpeg)

ไม่ค่อยถูกเท่าไหร่นะ  อ้าวทำไมล่ะ ลองดูภาพถัดไปสิ
..
.
.
.
.
.
.
.
.
(http://img.f0nt.com/image/556.jpeg)
ดีกว่ามั้ย  นั่นสิทำไม่ง่ายเหมือนลูกบอลแกว่งล่ะ
เพราะมันเป็นเรื่องที่ต้องสังเกตลึกขึ้นไปอีกขั้นนึงน่ะเอง เพราะฉะนั้นแล้วการทำ Animation ต้องหมั่นสังเกตมากๆนะจ๊ะหลานๆ

---

อ่านทบทวนบทที่ 1-3 ได้ที่นี่
http://f0nt.com/forum/index.php/board,16.0.html

ตามภาษา Animation เค้าจะเรียก INBETWEEN FRAMEที่ เบรคอาการเคลื่อนที่ตรง ๆ ว่า BREAKDOWN ดังนั้น รูปด้านบนที่ผมวาด เป็น Frame ตรงกลางจะเรียกว่า BREAKDOWN นะจ๊ะ


เมื่อเราได้ครบแล้วทั้ง Key ทั้ง BREAKDOWN เราจะมาลองซอย inbtween อีกที
ตัวอย่างเดิม ดูรูปลูกบอลแกว่ง
(http://img.f0nt.com/image/557.jpeg)
เอาล่ะป๋าลองซอย ย่อยลงไปอีกสี่เฟรมแล้ว เป็นไง ดูดีขึ้นมั้ย เออใช้ได้นะ เรื่อง Space ระหว่าง Frame ก็โอเคนี่เท่ากันหมด เรื่อง CURVE ด้วย เพราะบอลต้องเคลื่องที่เป็นแนวโค้ง แต่ ๆ ๆ ๆ ๆ
ยังครับ การกำหนด inbetween แบบนี้น่าเบื่อมาก ทุกอย่างเท่ากันจนเกินไป  Spacing เลยเป็นแบบนี้
(http://img.f0nt.com/image/558.jpeg)


key ที่ดีควรจะกำหนดให้มีการ Slowin Slow out ด้วย
เอาล่ะซิ มันคืออะไรล่ะเนี่ย งั้นดูรูป
http://www.exa-studio.com/images/slow.swf
ภาพข้างบนใช้จำนวนเฟรมเท่ากันระยะทางเท่ากัน แต่การซอย inbetween ไม่เหมือนกัน
(http://img.f0nt.com/image/5335.jpeg)


เข้าใจหรือยังจ๊ะหลาน ๆ
เอาล่ะแล้วเราจะมากำหนด key ของบอลอย่างถูกต้องกันต่อ
ขอป๋าไปกินข้าวก่อน

มาช่วยขวาง  :21:

พอลุงเลย์สอนจบคอร์สแล้ว ชวนเด็กๆไปเปิดบริษัทแข่งกับ Pixar ดีกว่าครับ  :08:

:12: เรื่องนี้สดใหม่มากครับ ไม่เคยรู้มาก่อนเลย
เดี๋ยวลบโพสต์จานวีออกก็ได้ ให้จานป๋าสอนเต็มๆ

เอาไปใช้ควบคู่กับการทำ Interface ก็เจ๋งนะคับ  :12:

(เฮียเลย์พอรู้ AS ของ INBTWN บ้างมั้ยครับ พอดีโง่โค้ด  :12:)

เรื่องการกำหนดจุด keyframe (ของinbetween) ก็ไม่ใช่เรื่องขี้ๆนะจ๊ะหลาน ๆ

เอ้าต่อเรื่อง ลูกบอลแกว่ง ป๋าจะเอาเรื่อง Slow in / out (Ease in/out) เข้ามาเกี่ยวข้องด้วยนะ
บอลแกว่งปกติจะมีทั้ง Slowin และ slowout ในตัว มาซอย keyframe กันใหม่ซิ
(http://img.f0nt.com/image/560.jpeg)
อืมอยางนี้ดูดีขึ้น
ไหนเช็คคีย์เฟรมเป็นตารางดู
(http://img.f0nt.com/image/561.jpeg)
เทคนิคการซอย keyframe แบบนี้น่าสนใจดีนะ slowin ก็หารทีละครึ่ง ๆ แต่มันมีอีกหลายแบบนะหลานอันนี้ที่ให้ดูคือแบบเบสิคๆ

เอาล่ะไหนลองเพิ่ม frame อีกซักสองเฟรมซิ
(http://img.f0nt.com/image/562.jpeg)
แล้วมาลงที่รูป
(http://img.f0nt.com/image/563.jpeg)

โฮ่ ดูดีขึ้นอีกนะเนี่ย ลองเปลี่ยนเทคนิคนี้เป็นอย่างอื่นดูนะหลาน ๆ

ปล. แต่แตกห้องมาแล้วเงียบไปเยอะเลยนะเนี่ย  :01:
ตาแอน ขอบทใหม่ ๆ อยู่ในแตกคอมก่อนได้เปล่าจ๊ะ พอขึ้นบทใหม่ค่อยยัดในแตกคอมได้บ่  :19:

ไม่ได้เงียบครับ กำลังรอให้ป๋าสอนให้จบเป็นฉากๆ ไป
ไม่กล้าขัดกัน (กลัวการบ้านโหด)

ต่อเลยครับป๋า
ผมสนใจ

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

ลองมาประยุกต์กันดู
(http://img.f0nt.com/image/567.jpeg)
ภาพตัวอย่างจากหนังสือที่เคยอ่าน เห็นเค้ายกตัวอย่างเจ๋งดีเลยลอกมาผสมให้ดู

เอาแค่ slow in
ลองดู
http://f0nt.com/forum/index.php?action=dlattach;topic=4683.0;id=7428
http://f0nt.com/forum/index.php?action=dlattach;topic=4683.0;id=7429

 :25:

:12: รายงานตัวว่าตามอ่านอยู่ครับ

เอาแหละสิ่งที่อยากจะสอนก็หมดลงแต่เพียงเท่านี้
บทนี้ จะ ไม่มีการบ้าน นะจ๊ะหลาน ๆ

จบแล้ว











.
.
.
.
.
.
แต่..
.
.

จะมี

.
.
.
.
.
.
(http://img.f0nt.com/image/569.jpeg)
THE MATCHศึกชิงจ้าวแห่ง FLASH ANIME
รางวัลจากทาง f0nt.com คือ เสื้อยืด และ หนังสือดีๆอีกเพียบ
และป๋าจะให้ SOUND EFFECT ทึ่ผมโหลดมาและซื้อมานับแรมปี รวมมูลค่ากว่า หมื่นบาท
ซื้อของ lucus มาด้วยนะจะบอกให้ หาซื้อที่ไหนไม่ได้แต่แจกให้ที่นี่ที่เดียว

กติกา
เปิดศึกไม่จำกัดรุ่น ไม่จำกัดน้ำหนัก นัดวันประลองที่เหมาะสม
โจทย์แบบเดียวกัน 1 โจทย์ ต่อ 1 คู่
ส่งพร้อมกันที่จมล.ของป๋า ตัดสินด้วยกรรมการ Layiji
แข่งขันแบบเป็นตัวต่อตัว ประลองแบบพบกันหมด

ลงชื่อร่วมประลองได้ที่ กระทู้ The match

ปล. นักเรียนทุกคนต้องร่วมประลองยุทธด้วย

 :38:
เอารางวัลไห้ไอ้๓ไปเลยครับ

 :14: :14: :14: :14: :14: :14: :14: :14:


ตูว่าแล้ว ไม่เคยผิดหวังกะการบ้านอาจารย์ป๋าเลย

ไม่ผิดหวังนี่คื่อ นรก ชัดๆชิมิ  :26:


แต่อยากได้โคตรอภิมหาโปรแกรม กับ ซาวด์ กับ หนังโป๊ส่วนตัวของ ป๋า ทั้งหมดที่มีอยู่แทนได้ไม๊ :26:

ตูทำเกือบเดือน  :08:

ขอบคุณครับ  :22:

อ่านแล้วค่ะ   :40:

อ่านแล้วค่ะ
-*-มหาหินจริงๆ

ยิ่งเรียน ยิ่งยาก
ยิ่งพยายาม ยิ่งเน่า  :05:

ช่วงนี้ก็ฝึกฝีมือกันให้ดี ๆ นะจ๊ะ เพราะแข่ง The match ต้องฝึกทำโจทย์เยอะ ๆ ลองไปหาการ์ตูนดู แล้วทำเลียนแบบซัน ฉอตสองฉอต

เพิ่งเห็นแตกแฟลช......

บทนี้แจ่มมากเลยครับความรู้ใหม่ๆ

ปล.ของรางวัลจากกิจกรรม The Match ไม่อยากได้ของจาก f0nt.com ครับ แต่อยากได้ CD รวม Sound Effect :25:
เอามาเทรดกะ CD พลทหารแอนนามั้ยครับ

ซีดี แอนนา เค้ามีกันทั่วบ้านทั่วเมือง  :26:

แหะๆ เพิ่งเข้ามาหลังจากหายไปนาน
(นานแค่ไหนไม่รู้ น่าจะ 1-2 สัปดาห์)

พลทหารแอนนาเรอะ... :08:

อ้างคำพูดจาก: iannnnn เมื่อ 15 ก.พ. 2006, 10:46 น.
พลทหารแอนนาเรอะ... :08:

ใครจะดู :4:

คลื่นไส้ครับ

ทั้งโจทย์ ทั้งคลิปทหารแอนนา

เย็นนี้ตูจะไปซื้อหนังสือมาอ่านแล้ว ไม่ไหวแล้ว

โอ้ยยยยย

 :09:มีหนังสือสอนทำ anime ด้วยหรือ

นานาเห็นตสอนใช้โปรแกรม :42: