ฟอนต์ฟอรั่ม

หลังจากที่รอคอยลอยคอมานาน ก็เข้าสู่บทที่สามเสียที หลังจากที่ห้องเรียนของเราถูกมือดีลอบเผาไป
แต่ถึงแม้ห้องจะไม่เหลือ แต่อุดมการณ์ของเรายังคงอยู่

เอาล่ะ บทเรียนสำหรับวันนี้ก็มาจากจากการบ้านที่ให้ไปน่ะแหละจ้า แต่ยังไม่เฉลย และ ยังไม่ประกาศคะแนนจนกว่าจะถึงวันเสาร์
ยืดเวลาให้หลานๆที่เขียนใบคำร้องมาแล้วกัน

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

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

กรณีของแรงกระจายของวัตถุ จะมากหรือน้อย ก็ขึ้นอยู่กับตัววัตถุเอง เช่นถ้าวัตถุเป็นลูกโป่ง ก็จะกระจายตัวออกมาก
แต่ในทางกลับกัน ถ้าหากว่าเป็นเหล็กตันจะแทบไม่มีแรงกระจายเลย

May Force Be With U , I wish


(http://img.f0nt.com/image/418.jpeg)
DRAG
Drag คือ อะไร อธิบายยากจังเอาเป็นว่าดูรูปไปด้วยแล้วกันนะ
จากฦnbsp;าพตัวอย่าง คือ Action วิ่ง จะเริ่มที่ start ตั้งท่าก่อน และเมื่อวิ่งไปวัตถุที่มีน้ำหนักเบาจะถูกลากไปตามแรง (force)
อย่างที่เห็นคือ ผ้าคลุม ปลายผ้าตอนเริ่ม START จะอยู่ทิ้งลงล่าง และเมื่อวิ่งไปข้างหน้า ปลายผ้าก็จะถูกลากไปตามแรงด้วยเช่นกัน
เช่นเดียวกับเส้นผมเหมือนกัน

OVERLAP  
เมื่อวัตถุถูก Drag แล้วเกิดการหยุดขึ้น แรงของการ Drag จะยังคงอยู่ และเกิดการ OVERLAP ขึ้น คือจะสะท้อนไปยังทิศทาง
ตรงกันข้ามกับการ DRAG จากรูปที่สาม เมื่อการวิ่งถูกหยุดลง ปลายผ้าจะยังวิ่งต่อไปข้างหน้า และก็เช่นเดียวกันกับเส้นผมที่จะเด้งกลับมาข้างหน้าด้วยเช่นกัน


ทุกท่าทางของเรา ไม่ว่าจะเป็นเดิน นั่น ยืน นอน จะมีการ DRAG และ OVERLAP เกิดขึ้นเสมอ
การทำ animation ก็เช่นกัน ถ้าเราเพิ่ม 1 Frame ของการ OVERLAP ขึ้น จะทำให้การ์ตูนมีเสน่ห์ ขึ้นเยอะ
เหมือนสาวๆเวลาพูด"ค่ะ" ท้ายประโยค มักจะน่ารักเสมอ?nbsp; :22:


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

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

---

ทบทวนย้อนหลัง
บทที่ 2 เรื่อง Timing & Spacing
http://www.f0nt.com/forum/index.php/topic,4613.0.html (http://www.f0nt.com/forum/index.php/topic,4613.0.html)

บทที่ 1 เรื่อง ก่อนจะทำ flash
http://www.f0nt.com/forum/index.php/topic,4591.0.html (http://www.f0nt.com/forum/index.php/topic,4591.0.html)

:30:

บทเรียนนี้ต้องตั้งเป็นครั้งสาม
พยายามจริงนะจ๊ะคุณป๋า
เพื่อสอนให้น้องหนูรู้วิชา
สมเป็นอาจารย์เลย์ เท่จริงจริง

เหนี่อยนะวุ้ย  :05:

.. ส่งใหม่เน้อ

 :05: ช่วงนี้ไม่ว่างเลยค่ะป๋า ไว้ส่งย้อนหลังนะคะ
จะไม่มาดูเฉลยจนกว่าจะส่งนะคะ
ช่วยอนุเคราะห์ให้หนูอยู่ในคลาสนี้ต่อไปด้วยเถอะค่ะ  :22:

http://f0nt.com/forum/index.php?action=dlattach;topic=4635.0;id=7349
ส่งครั้งที่สองจ่ะ  :25:

พวกย้ำคิดย้ำทำ :39:

  :05: แอน เอาพี่เสือตูมา

ไหมเป็นม้า มาแต่ไหนแต่ไรแล้ว  :05:

เฮ้ย จะสอบอีกบทแล้วไหงเงียบเป็นเป่าสาดดดดด อย่างนี้เนี่ย  :23:

ก็บอร์ดมันเพิ่งหายล่มนี่ครับ ป๋า

แสดงว่าโขทย์บทนี้ไม่ค่อยท้าทายครับป๋า
บทหน้าเอาแบบสร้างนีโมให้เหมือนจริงสักเรื่อง อะไรงี้
เด็กๆ รีบส่งกันเกรียว

หรือไม่ก็ให้สร้างแฟลชง่ายๆ แบบว่า เอาบักต่วนเป็นอนิเมชั่นซักตอน  :35:

อ้างคำพูดจาก: -Kums- เมื่อ 27 ม.ค. 2006, 21:42 น.
หรือไม่ก็ให้สร้างแฟลชง่ายๆ แบบว่า เอาบักต่วนเป็นอนิเมชั่นซักตอน  :35:

สามว่ายากนะ  :42:

งานนี้ไม่ได้ส่งแหงเลย.. พรุ่งนี้ ตรุษจีน  :40:

งานนี้ไม่ต้องส่งก็ได้ ไว้ส่งงานหน้าก็ได้ย่ะ  :08: โอเคเดี๋ยวเสาร์อาทิตย์นี้สอนต่อล่ะกัน แต่ต้องทำนา

ป๋างอน ..


ค่ะค่ะ ส่งส่ง  :40:

อ้างคำพูดจาก: L เมื่อ 27 ม.ค. 2006, 22:33 น.
งานนี้ไม่ต้องส่งก็ได้ ไว้ส่งงานหน้าก็ได้ย่ะ :08: โอเคเดี๋ยวเสาร์อาทิตย์นี้สอนต่อล่ะกัน แต่ต้องทำนา

:05:
โถ่ป๋า
งอนขนาดนี้ต้องไปทำนาเลยเหรอ











:42:

ลองทำดู (แบบ frame by frame นะ)
ยากจริงๆ ด้วยครับ
ด้วยเวลาอันจำกัดเลยได้ดีที่สุดเท่านี้แหละ  :05:
(มีกระตุกตรงรอยต่อด้วย -- ช่างมัน)


http://f0nt.com/forum/index.php?action=dlattach;topic=4635.0;id=7370

ดูแล้วน่ากลัวจัง
แต่ดีกว่าไม่ทำ  :38:

อ๊ะ ตาย5
ลืมไปว่าโจทย์บอกว่าเป็นเส้นผม
ไอ้เราก็คิดว่าใช้ "ขน" อะไรก็ได้
ก็เลยเอาขน








กระต่าย


มาทำ

อ้าวเส้นผมหรอก ไอ้เราก็นึกว่าให้เส้นมันกระดุ๊บๆ เฉยๆ   :04:

http://f0nt.com/forum/index.php?action=dlattach;topic=4635.0;id=7375


ทำเมื่อวานค่ะ ตอนฟ๐นต์่ล่ม รู้สึกจะทำผิด แต่ไม่มีเวลาทำใหม่ละ


ป.ล. ใช้ฟ๐นต์พี่พีช  :21:

มีโครงงานที่ยังไม่เสร็จอีก 3 วิชา

นี่คือ เหตุผลที่ผมไม่ได้ส่งครั้งนี้

ตรุษจีน ทำไม่ได้ค่ะ เดี๋ยวต้องทำไปทั้งปี
555

ส่งอีกรอบ ยังไม่มีเวลาแก้ :39:

http://f0nt.com/forum/index.php?action=dlattach;topic=4635.0;id=7415

ลุงเลย์น้อยใจ
หนีไปธุดงค์แถวๆ เนปาลแล้ว

แต่วันนั้นบอกจะไป แถว ปอยเปต นี่
สงสัยจะ เดินสาย  :26:

ตรุษจีนกำลังวุ่นๆ อยู่น่ะครับเลยยังไม่ได้มาเขียนต่อ

อีกอย่างเครื่องมันมีปัญหาshutdownไม่ลง เลยrestoreซะ ไฟล์เลยหายไปบางส่วน
ไว้พรุ่งนี้จะกลับมาตามสัญญา

รักป๋าน้อย ๆ แต่รักนานๆ นะจ๊ะ  :02:

รักป๋าน้อย ๆ แต่รักนานๆ นะจ๊ะ :25:
รักนะ จุ๊บ จุ๊บ  :27:

อ้างคำพูดจาก: เจ้าโต เมื่อ 31 ม.ค. 2006, 00:53 น.
รักป๋าน้อย ๆ แต่รักนานๆ นะจ๊ะ :25:
รักนะ จุ๊บ จุ๊บ  :27:

พอเหอะโต คิดภาพแล้ว ตรูจะ  :28:

ต๊าย อีกัมกระด้างกระเดื่อง  :26:

อ้างคำพูดจาก: เจ้าโต เมื่อ 31 ม.ค. 2006, 03:16 น.
ต๊าย อีกัมกระด้างกระเดื่อง  :26:

ทะลึ่ง เดี๋ยวตบฟ่ำ ด้วยปากลงที่ซอกตูด  :26:

 :28:
เฟิร์นมาดูอะไรนี่เร๊ววววว

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

http://www.varasarn.net/hair.swf

การเคลื่อนที่ของวัตถุพลิ้วๆ ไม่ว่าจะเป็นผม เป็น ผ้า กระดาษ หรืออะไรก็แล้วแต่ที่จะสามารถพลิ้วเป็นคลื่นได้ มันมักจะเคลื่อนที่ตามเส้นโค้งนะหลานๆ
1. คือเคลือนโค้ง ซ้ายขวา
2. โค้งในรูปทรงของมัน

ความโค้งในรูปทรงของวัตถุพลิ้วๆ จะอยู่ใน form  S curve และ C curve
ตามแต่การ Drag ของวัตถุ
ลองสังเกตุแบบ Slow ดูก็ได้จ๊ะหลานๆ ว่า ตรงไหนเป็น S ตรงไหนเป็น C หรือตรงไหนเป็น C กลับข้าง

http://www.varasarn.net/hairslow.swf

การ Drag  หรือ Overlaping ก็ขึ้นอยู่กับแรงของการเหวียงของเส้นผมเช่นกัน

วีธีการทำแบบฝึกหัดอันนี้
ก่อนอื่น กำหนดจุด อ้างอิงของการเคลื่อนที่คร่าว ๆ ก่อน
ของป๋าจะวางไว้ประมาณ1/3 ของเส้น (ใกล้พื้น)   และกำหนดว่าตรงไหนต้องช้า ตรงไหนต้องเร็ว (อยู่ในบทที่ 4 เรื่อง slow in slow out)


จากนั้นค่อยมาสร้าง เส้นด้วยการใช้ pen tool ค่อย ๆ ลาก  C หรือ S ก็แล้วแต่จุดที่เราจะสร้าง เวลาทำต้องดู onion Skin เช็คว่า Space ระหว่างเฟรมก่อนหน้า กับถัดไปมันสมดุลกันมั้ย แต่ไม่ใช่เท่ากันหมดนะ มันต้องมีช้ามีเร็ว ช่วงเร็ว Space ก็จะกว้าง ช่วงช้า Space จะแคบ   ----- ตรงนึ้จะเช็คได้เลยว่าเราทำดีหรือไม่ดี ดูที่ space ถ้าเกิดว่า Space มันกว้าง บ้าง แคบบ้าง คือมั่วทำ เวลาดูภาพรวมอกมาก็จะเห็นว่ามันไม่เนียนน่ะ ดังนั้นต้องอดทนนะหลาน ๆ

มีคำพูดคำนึง ในหนังสือป๋าประทับใจเลยเอามาฝาก

Animation is Concentration

---

Download Source file ได้ข้างล่าง (lesson3.zip)

ลุงเลย์ วีเปิด fla ของการบ้านบทที่2ไม่ได้ค่ะ (ใช้ flash mx)

ไม่ดู๊ ไม่ดู  :26:

โอเค เดี๋ยว save ใหม่เป็น mx2004 ให้หมดเลยจ้า อ่า พยายามลองทำเป็น mx ธรรมดาแล้วไม่ได้จ้า

ส่งการบ้านไม่ทัน
งานยุ่ง ไม่ได้เข้าเว็บฟ๐นต์นานมากแล้ว :05:
เพิ่งเข้ามานี่แหละครับ :05: