เริ่มการทำ การ์ตูนแฟลชอนิเมชั่น (Flash Animation) เบื้องต้นนะจ๊ะ
4 posters
หน้า 1 จาก 1
เริ่มการทำ การ์ตูนแฟลชอนิเมชั่น (Flash Animation) เบื้องต้นนะจ๊ะ
สำหรับคนที่เคยอ่านบทความเก่าๆของเราก็จะเริ่มทำเคลื่อนไหวกันได้นะครับ แต่ถ้าน้องๆคนไหนไม่เคยเรามาปูพื้นฐานกันก่อนนะครับ
หลักการทำอนิเมชั่น ก็จะคล้ายๆกับที่น้องๆรู้มา คือ
1.การนำรูปที่ขยับทีละนิดมาต่อๆกัน ให้ได้การกระทำ ในลักษณะแบบนี้พี่ขอเรียกว่า อนิเมชันแบบ เฟรมบายเฟรม (frame by frame)
2.ลักษณะ การเลื่อนวัตถุจากที่หนึ่งไปอีกที่หนึ่ง แบบนี้ พี่เรียกว่า การขยับแบบ MotionTween
3.การเปลี่ยนรูปร่างวัตถุจากวัตถุรูปร่างหนึ่งไปยังอีกรูปร่างหนึ่ง พี่ขอเรียกว่า TweenShape นะจ๊ะ
ก่อนอื่นมารู้จักเครื่องมือวาดภาพกันก่อนนะครับ
http://www.jaid-project.com/webboard/index.php?topic=13.0
การทำอนิเมชั่นสิ่งสำคัญอีกสิ่งคือคีย์เฟรม (คีย์กำเนิดการกระทำ)
ถ้าน้องใช้ Flash เวอร์ชั่นที่ต่ำกว่า CS4 น้องๆจะเห็น TimeLine อยู่ด้านบน และเห็นลักษณะเหมือนเป็นกล่องๆติดๆกัน กล่องๆนั้นแหละ เรียกว่าเฟรม
และหากเฟรมไหนที่น้องต้องการให้มีภาพ หรือมีการกระทำ น้องก็ต้องสร้างคีย์เฟรมขึ้นมา แต่ถ้า งง ว่าทำอย่างไรล่ะ ก็สามารถอ่านได้ที่
http://www.jaid-project.com/webboard/index.php?topic=14.0
ต่อมาการทำ motion tween
http://www.jaid-project.com/webboard/index.php?topic=15.0
การสร้างภาพเคลื่อนไหวแบบ shape
http://www.jaid-project.com/webboard/index.php?topic=16.0
การใช้เส้น guide ให้วัตถุเดินตาม
http://www.jaid-project.com/webboard/index.php?topic=17.0
การใช้ mark (เลือกแสดงส่วนที่ต้องการ)
http://www.jaid-project.com/webboard/index.php?topic=18.0
การสร้างมูฟวี่คลิป (วัตถุที่มีการเคลื่อนไหว เป็นของตนเอง อาจจะเคลื่อนไหวไปเรื่อยๆ หรือเคลื่อนแล้วหยุด เช่น ล้อรถ คนเดิน นกบิน ลองศึกษาเพิ่มเติมจะรู้ว่าสิ่งนี้สำคัญสุดๆ )
http://www.jaid-project.com/webboard/index.php?topic=19.0
http://www.jaid-project.com/webboard/index.php?topic=19.0
หลักการทำอนิเมชั่น ก็จะคล้ายๆกับที่น้องๆรู้มา คือ
1.การนำรูปที่ขยับทีละนิดมาต่อๆกัน ให้ได้การกระทำ ในลักษณะแบบนี้พี่ขอเรียกว่า อนิเมชันแบบ เฟรมบายเฟรม (frame by frame)
2.ลักษณะ การเลื่อนวัตถุจากที่หนึ่งไปอีกที่หนึ่ง แบบนี้ พี่เรียกว่า การขยับแบบ MotionTween
3.การเปลี่ยนรูปร่างวัตถุจากวัตถุรูปร่างหนึ่งไปยังอีกรูปร่างหนึ่ง พี่ขอเรียกว่า TweenShape นะจ๊ะ
ก่อนอื่นมารู้จักเครื่องมือวาดภาพกันก่อนนะครับ
http://www.jaid-project.com/webboard/index.php?topic=13.0
การทำอนิเมชั่นสิ่งสำคัญอีกสิ่งคือคีย์เฟรม (คีย์กำเนิดการกระทำ)
ถ้าน้องใช้ Flash เวอร์ชั่นที่ต่ำกว่า CS4 น้องๆจะเห็น TimeLine อยู่ด้านบน และเห็นลักษณะเหมือนเป็นกล่องๆติดๆกัน กล่องๆนั้นแหละ เรียกว่าเฟรม
และหากเฟรมไหนที่น้องต้องการให้มีภาพ หรือมีการกระทำ น้องก็ต้องสร้างคีย์เฟรมขึ้นมา แต่ถ้า งง ว่าทำอย่างไรล่ะ ก็สามารถอ่านได้ที่
http://www.jaid-project.com/webboard/index.php?topic=14.0
ต่อมาการทำ motion tween
http://www.jaid-project.com/webboard/index.php?topic=15.0
การสร้างภาพเคลื่อนไหวแบบ shape
http://www.jaid-project.com/webboard/index.php?topic=16.0
การใช้เส้น guide ให้วัตถุเดินตาม
http://www.jaid-project.com/webboard/index.php?topic=17.0
การใช้ mark (เลือกแสดงส่วนที่ต้องการ)
http://www.jaid-project.com/webboard/index.php?topic=18.0
การสร้างมูฟวี่คลิป (วัตถุที่มีการเคลื่อนไหว เป็นของตนเอง อาจจะเคลื่อนไหวไปเรื่อยๆ หรือเคลื่อนแล้วหยุด เช่น ล้อรถ คนเดิน นกบิน ลองศึกษาเพิ่มเติมจะรู้ว่าสิ่งนี้สำคัญสุดๆ )
http://www.jaid-project.com/webboard/index.php?topic=19.0
http://www.jaid-project.com/webboard/index.php?topic=19.0
lambo~master~- lambo~master~
- จำuวuข้oความ : 27
IงิuมาIฟีe : 120
Iข้าIป็uสมาชิกวัuที่ : 28/09/2010
ขอบคุณ
ว๊าวขอบคุณจ๊า อยากได้มานานละ
yamamoto- นักฆ่ารุ่นจิ๋ว
- จำuวuข้oความ : 18
IงิuมาIฟีe : 91
Iข้าIป็uสมาชิกวัuที่ : 29/09/2010
บ้าu : reborn-thefuture
lambo~master~- lambo~master~
- จำuวuข้oความ : 27
IงิuมาIฟีe : 120
Iข้าIป็uสมาชิกวัuที่ : 28/09/2010
Re: เริ่มการทำ การ์ตูนแฟลชอนิเมชั่น (Flash Animation) เบื้องต้นนะจ๊ะ
ไม่มีรูปดูไม่ชัดเจนเลยน๊า แต่ก้อชอบ
tagames1- นักฆ่ารุ่นจิ๋ว
- จำuวuข้oความ : 11
IงิuมาIฟีe : 81
Iข้าIป็uสมาชิกวัuที่ : 01/10/2010
Re: เริ่มการทำ การ์ตูนแฟลชอนิเมชั่น (Flash Animation) เบื้องต้นนะจ๊ะ
น่าหนุกจาง ขอบคุณนะ(จะเอาลองไปทำ)
vongola 10th- นักฆ่ามือใหม่
- จำuวuข้oความ : 20
IงิuมาIฟีe : 76
Iข้าIป็uสมาชิกวัuที่ : 06/10/2010
oายุ : 26
บ้าu : บ้าน ซาวาดะ สึนะโยชิ
หน้า 1 จาก 1
Permissions in this forum:
คุณไม่สามารถพิมพ์ตอบ
|
|