ใบความรู้ที่ 8 - WordPress.com · 2011-08-03 ·...

14
โรงเรียนศรีอยุธยา ในพระอุปถัมภ์ รายวิชา ง 30203 แอนิเมชั่นเบื ้องต ้น ชั ้นมัธยมศึกษาปีที 6 ภาคเรียนที่ 1 ปีการศึกษา 2554 โดย นางสาวณัฐจิรา ครองยุทธ 1 ใบความรู ้ที 8 เรื ่อง สร้างแอนิเมชันด้วย Bone Tool และ3D Rotate Tool เครื ่องมือ Bone Tool, 3D Rotation Tool และ Deco Tool เป็นเครื่องมือใหม่ในโปรแกรม Flash CS4 ซึ ่ง Bone Tool ใช้ สําหรับสร้างข้อต่อกระดูกให้กับชิ ้นงาน ส่วน 3D Rotation Tool ใช้สําหรับปรับชิ ้นงานให้เป็น 3 มิติ และเครื ่องมือ Deco Tool ใช้ สําหรับลงสีชิ้นงานแบบพิเศษ ซึ ่งเครื่องมือแต่ละชิ้นมีการทํางานอย่างไรบ ้างนั ้น เราจะมาเรียนรู ้กันในบทนี รู้จักกับเครื ่องมือ Bone Tool สร้างแอนิเมชันด้วยเครื่องมือ (Bone Tool) นั ้น เป็นการสร้างข้อต่อกระดูกให้กับชิ ้นงาน และควบคุมการ เคลื่อนไหวของกระดูกชิ้นงานแบบอัตโนมัติ ทําให้ชิ ้นงานมีการเคลื่อนไหวที่สมจริงมากขึ ้น แต่เดิมนั ้นการเคลื่อนไหว ลักษณะนี ้จะใช้สร้างแอนิเมชันแบบ Frame by Frame ซึ ่งต้องขยับชิ ้นงานทีละเฟรม ซึ ่งทําได้ช้าและยุ ่งยาก Oนอกจากนี ้ ยังมีเครื่องมือที่ใช้จัดการกับข้อต่อกระดูกให้กับชิ ้นงานอีกเครื่องมือหนึ ่งคือ Bind Tool เป็น เครื่องมือที่ใช้ควบคุมการเคลื่อนไหวของข้อต่อกระดูกแบบกําหนดเองใช้ในกรณีที ่ไม่ต้องการให้ข้อต่อบางจุดเคลื ่อนไหวตามข้อ ต่อชิ้นงานเก่า

Transcript of ใบความรู้ที่ 8 - WordPress.com · 2011-08-03 ·...

Page 1: ใบความรู้ที่ 8 - WordPress.com · 2011-08-03 · การสร้างแอนิเมชันแบบนี้ จะต้องเลือกรูปแบบการทํางานเป็น

โรงเรยนศรอยธยา ในพระอปถมภ รายวชา ง 30203 แอนเมชนเบองตน

ชนมธยมศกษาปท 6

ภาคเรยนท 1 ปการศกษา 2554 โดย นางสาวณฐจรา ครองยทธ

1

ใบความรท 8

เรอง สรางแอนเมชนดวย Bone Tool และ3D Rotate Tool

เครองมอ Bone Tool, 3D Rotation Tool และ Deco Tool เปนเครองมอใหมในโปรแกรม Flash CS4 ซง Bone Tool ใช

สาหรบสรางขอตอกระดกใหกบชนงาน สวน 3D Rotation Tool ใชสาหรบปรบชนงานใหเปน 3 มต และเครองมอ Deco Tool ใช

สาหรบลงสชนงานแบบพเศษ ซงเครองมอแตละชนมการทางานอยางไรบางนน เราจะมาเรยนรกนในบทน

รจกกบเครองมอ Bone Tool

สรางแอนเมชนดวยเครองมอ (Bone Tool) นน เปนการสรางขอตอกระดกใหกบชนงาน และควบคมการ

เคลอนไหวของกระดกชนงานแบบอตโนมต ทาใหชนงานมการเคลอนไหวทสมจรงมากขน แตเดมนนการเคลอนไหว

ลกษณะนจะใชสรางแอนเมชนแบบ Frame by Frame ซงตองขยบชนงานทละเฟรม ซงทาไดชาและยงยาก

Oนอกจากน ยงมเครองมอทใชจดการกบขอตอกระดกใหกบชนงานอกเครองมอหนงคอ Bind Tool เปน

เครองมอทใชควบคมการเคลอนไหวของขอตอกระดกแบบกาหนดเองใชในกรณทไมตองการใหขอตอบางจดเคลอนไหวตามขอ

ตอชนงานเกา

Page 2: ใบความรู้ที่ 8 - WordPress.com · 2011-08-03 · การสร้างแอนิเมชันแบบนี้ จะต้องเลือกรูปแบบการทํางานเป็น

โรงเรยนศรอยธยา ในพระอปถมภ รายวชา ง 30203 แอนเมชนเบองตน

ชนมธยมศกษาปท 6

ภาคเรยนท 1 ปการศกษา 2554 โดย นางสาวณฐจรา ครองยทธ

2

สรางแอนเมชนเคลอนไหวดวย Bone Tool

การสรางแอนเมชนแบบน จะตองเลอกรปแบบการทางานเปน Action Script 3.0 เสยกอน แลวกอนทจะใสกระดกจะตอง

ตรวจสอบชนงานกอนวา ภาพถก Group ไวหรอไม (หาก Group ภาพไวจะไมสามารถใสขอตอกระดกได) และควรแยกเลเยอร

ของชนสวนทตองการใสกระดกออกจากสวนอนๆเพอใหสามารถแกไขงานไดงาย โดยการสรางแอนเมชนเคลอนไหวดวย Bone

Tool มดงน

Page 3: ใบความรู้ที่ 8 - WordPress.com · 2011-08-03 · การสร้างแอนิเมชันแบบนี้ จะต้องเลือกรูปแบบการทํางานเป็น

โรงเรยนศรอยธยา ในพระอปถมภ รายวชา ง 30203 แอนเมชนเบองตน

ชนมธยมศกษาปท 6

ภาคเรยนท 1 ปการศกษา 2554 โดย นางสาวณฐจรา ครองยทธ

3

Page 4: ใบความรู้ที่ 8 - WordPress.com · 2011-08-03 · การสร้างแอนิเมชันแบบนี้ จะต้องเลือกรูปแบบการทํางานเป็น

โรงเรยนศรอยธยา ในพระอปถมภ รายวชา ง 30203 แอนเมชนเบองตน

ชนมธยมศกษาปท 6

ภาคเรยนท 1 ปการศกษา 2554 โดย นางสาวณฐจรา ครองยทธ

4

Page 5: ใบความรู้ที่ 8 - WordPress.com · 2011-08-03 · การสร้างแอนิเมชันแบบนี้ จะต้องเลือกรูปแบบการทํางานเป็น

โรงเรยนศรอยธยา ในพระอปถมภ รายวชา ง 30203 แอนเมชนเบองตน

ชนมธยมศกษาปท 6

ภาคเรยนท 1 ปการศกษา 2554 โดย นางสาวณฐจรา ครองยทธ

5

Page 6: ใบความรู้ที่ 8 - WordPress.com · 2011-08-03 · การสร้างแอนิเมชันแบบนี้ จะต้องเลือกรูปแบบการทํางานเป็น

โรงเรยนศรอยธยา ในพระอปถมภ รายวชา ง 30203 แอนเมชนเบองตน

ชนมธยมศกษาปท 6

ภาคเรยนท 1 ปการศกษา 2554 โดย นางสาวณฐจรา ครองยทธ

6

Page 7: ใบความรู้ที่ 8 - WordPress.com · 2011-08-03 · การสร้างแอนิเมชันแบบนี้ จะต้องเลือกรูปแบบการทํางานเป็น

โรงเรยนศรอยธยา ในพระอปถมภ รายวชา ง 30203 แอนเมชนเบองตน

ชนมธยมศกษาปท 6

ภาคเรยนท 1 ปการศกษา 2554 โดย นางสาวณฐจรา ครองยทธ

7

ยกเลกการสรางขอตอกระดก

เมอเราตองการยกเลกการสรางขอตอกระดกในสวนททาการขยบไปแลว เราสามารถทาไดโดยคลกเมาสขวาทคยเฟรม

แลวเลอกคาสง Clear Pose เพอยกเลกคยเฟรมนนๆ หรอถาตองการยกเลกการสรางขอตอทงหมดกสามารถทาไดโดยคลกเมาส

ขวาทเฟรม แลวเลอกคาสง Remove Armature เรากจะไดชนงานทเราไดสรางไวเมอตอนเรมตน

รจกกบเครองมอ 3D Rotation Tool

ในโปรแกรม Flash CS4 มเครองมอสาหรบสรางชนงาน3 มต 2 เครองมอ คอ 3D Rotation Tool เปนเครองมอทใช

ในการหมนภาพใหเปนรป 3 มต และเครองมอ 3D Translation Tool เปนเครองมอทใชยายชนงานตามระยะแนวแกน x, y

และ z ของโปรแกรม

Page 8: ใบความรู้ที่ 8 - WordPress.com · 2011-08-03 · การสร้างแอนิเมชันแบบนี้ จะต้องเลือกรูปแบบการทํางานเป็น

โรงเรยนศรอยธยา ในพระอปถมภ รายวชา ง 30203 แอนเมชนเบองตน

ชนมธยมศกษาปท 6

ภาคเรยนท 1 ปการศกษา 2554 โดย นางสาวณฐจรา ครองยทธ

8

สรางแอนเมชน 3 มต เปลยนมมมองของวตถดวยเครองมอ 3D Rotation

เครองมอ 3D Rotation Tool เปนเครองมอทใชปรบหมนมมมองของ Movie Clip Symbol ในรปแบบ 3 มต เพอใหเหน

วตถไดโดยรอบ ซงสามารถนาไปประยกตสรางเปน animation แบบวตถหมนไปมาได โดยการสรางแอนเมชนแบบเปลยน

มมมองของวตถดวยเครองมอ 3D Rotation Tool มขนตอนดงตอไปน

Page 9: ใบความรู้ที่ 8 - WordPress.com · 2011-08-03 · การสร้างแอนิเมชันแบบนี้ จะต้องเลือกรูปแบบการทํางานเป็น

โรงเรยนศรอยธยา ในพระอปถมภ รายวชา ง 30203 แอนเมชนเบองตน

ชนมธยมศกษาปท 6

ภาคเรยนท 1 ปการศกษา 2554 โดย นางสาวณฐจรา ครองยทธ

9

Page 10: ใบความรู้ที่ 8 - WordPress.com · 2011-08-03 · การสร้างแอนิเมชันแบบนี้ จะต้องเลือกรูปแบบการทํางานเป็น

โรงเรยนศรอยธยา ในพระอปถมภ รายวชา ง 30203 แอนเมชนเบองตน

ชนมธยมศกษาปท 6

ภาคเรยนท 1 ปการศกษา 2554 โดย นางสาวณฐจรา ครองยทธ

10

Page 11: ใบความรู้ที่ 8 - WordPress.com · 2011-08-03 · การสร้างแอนิเมชันแบบนี้ จะต้องเลือกรูปแบบการทํางานเป็น

โรงเรยนศรอยธยา ในพระอปถมภ รายวชา ง 30203 แอนเมชนเบองตน

ชนมธยมศกษาปท 6

ภาคเรยนท 1 ปการศกษา 2554 โดย นางสาวณฐจรา ครองยทธ

11

ความหมายของแกนตางๆกบการควบคมการหมนภาพ

หลงจากทเลอกเครองมอ แลว เราจะพบแกนและเสนวงกลมภายใน Symbol ของเรา โดยเสนและแกนตางๆเหลานจะใช

ควบคมการหมนภาพ ซงแตละเสนมความหมายดงน

Page 12: ใบความรู้ที่ 8 - WordPress.com · 2011-08-03 · การสร้างแอนิเมชันแบบนี้ จะต้องเลือกรูปแบบการทํางานเป็น

โรงเรยนศรอยธยา ในพระอปถมภ รายวชา ง 30203 แอนเมชนเบองตน

ชนมธยมศกษาปท 6

ภาคเรยนท 1 ปการศกษา 2554 โดย นางสาวณฐจรา ครองยทธ

12

สรางแอนเมชน 3 มต แบบเปลยนระยะการวางดวยเครองมอ 3D Translation

เครองมอในหมวด 3 มต อกชนดทถกเพมขนมาใหมคอ เครองมอ 3D Translation Tool ใชสาหรบปรบระยะใกล-ไกล

ของวตถ หรอเคลอนยายวตถไปทศทางซาย-ขวา โดยเราสามารถปรบสวนนไดตอเนองจากขนตอนทแลว ดงมขนตอนดงตอไปน

Page 13: ใบความรู้ที่ 8 - WordPress.com · 2011-08-03 · การสร้างแอนิเมชันแบบนี้ จะต้องเลือกรูปแบบการทํางานเป็น

โรงเรยนศรอยธยา ในพระอปถมภ รายวชา ง 30203 แอนเมชนเบองตน

ชนมธยมศกษาปท 6

ภาคเรยนท 1 ปการศกษา 2554 โดย นางสาวณฐจรา ครองยทธ

13

Page 14: ใบความรู้ที่ 8 - WordPress.com · 2011-08-03 · การสร้างแอนิเมชันแบบนี้ จะต้องเลือกรูปแบบการทํางานเป็น

โรงเรยนศรอยธยา ในพระอปถมภ รายวชา ง 30203 แอนเมชนเบองตน

ชนมธยมศกษาปท 6

ภาคเรยนท 1 ปการศกษา 2554 โดย นางสาวณฐจรา ครองยทธ

14

ความหมายของแกนตางๆกบการควบคมการหมน

หลงจากทเลอกเครองมอ 3D Translation Tool แลวเราจะพบจดสดา และแกนตางๆภายในภาพของเรา โดยจดสดา และ

แกนตางๆเหลานจะใชควบคมการปรบระยะของภาพ ซงแตละเสนมความหมายดงน