ใบความรู้ที่ 8 - wordpress.com · 2011-08-03 ·...
TRANSCRIPT
![Page 1: ใบความรู้ที่ 8 - WordPress.com · 2011-08-03 · การสร้างแอนิเมชันแบบนี้ จะต้องเลือกรูปแบบการทํางานเป็น](https://reader034.vdocuments.mx/reader034/viewer/2022050610/5fb11ce4fdde351a7b7258d3/html5/thumbnails/1.jpg)
โรงเรยนศรอยธยา ในพระอปถมภ รายวชา ง 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 · การสร้างแอนิเมชันแบบนี้ จะต้องเลือกรูปแบบการทํางานเป็น](https://reader034.vdocuments.mx/reader034/viewer/2022050610/5fb11ce4fdde351a7b7258d3/html5/thumbnails/2.jpg)
โรงเรยนศรอยธยา ในพระอปถมภ รายวชา ง 30203 แอนเมชนเบองตน
ชนมธยมศกษาปท 6
ภาคเรยนท 1 ปการศกษา 2554 โดย นางสาวณฐจรา ครองยทธ
2
สรางแอนเมชนเคลอนไหวดวย Bone Tool
การสรางแอนเมชนแบบน จะตองเลอกรปแบบการทางานเปน Action Script 3.0 เสยกอน แลวกอนทจะใสกระดกจะตอง
ตรวจสอบชนงานกอนวา ภาพถก Group ไวหรอไม (หาก Group ภาพไวจะไมสามารถใสขอตอกระดกได) และควรแยกเลเยอร
ของชนสวนทตองการใสกระดกออกจากสวนอนๆเพอใหสามารถแกไขงานไดงาย โดยการสรางแอนเมชนเคลอนไหวดวย Bone
Tool มดงน
![Page 3: ใบความรู้ที่ 8 - WordPress.com · 2011-08-03 · การสร้างแอนิเมชันแบบนี้ จะต้องเลือกรูปแบบการทํางานเป็น](https://reader034.vdocuments.mx/reader034/viewer/2022050610/5fb11ce4fdde351a7b7258d3/html5/thumbnails/3.jpg)
โรงเรยนศรอยธยา ในพระอปถมภ รายวชา ง 30203 แอนเมชนเบองตน
ชนมธยมศกษาปท 6
ภาคเรยนท 1 ปการศกษา 2554 โดย นางสาวณฐจรา ครองยทธ
3
![Page 4: ใบความรู้ที่ 8 - WordPress.com · 2011-08-03 · การสร้างแอนิเมชันแบบนี้ จะต้องเลือกรูปแบบการทํางานเป็น](https://reader034.vdocuments.mx/reader034/viewer/2022050610/5fb11ce4fdde351a7b7258d3/html5/thumbnails/4.jpg)
โรงเรยนศรอยธยา ในพระอปถมภ รายวชา ง 30203 แอนเมชนเบองตน
ชนมธยมศกษาปท 6
ภาคเรยนท 1 ปการศกษา 2554 โดย นางสาวณฐจรา ครองยทธ
4
![Page 5: ใบความรู้ที่ 8 - WordPress.com · 2011-08-03 · การสร้างแอนิเมชันแบบนี้ จะต้องเลือกรูปแบบการทํางานเป็น](https://reader034.vdocuments.mx/reader034/viewer/2022050610/5fb11ce4fdde351a7b7258d3/html5/thumbnails/5.jpg)
โรงเรยนศรอยธยา ในพระอปถมภ รายวชา ง 30203 แอนเมชนเบองตน
ชนมธยมศกษาปท 6
ภาคเรยนท 1 ปการศกษา 2554 โดย นางสาวณฐจรา ครองยทธ
5
![Page 6: ใบความรู้ที่ 8 - WordPress.com · 2011-08-03 · การสร้างแอนิเมชันแบบนี้ จะต้องเลือกรูปแบบการทํางานเป็น](https://reader034.vdocuments.mx/reader034/viewer/2022050610/5fb11ce4fdde351a7b7258d3/html5/thumbnails/6.jpg)
โรงเรยนศรอยธยา ในพระอปถมภ รายวชา ง 30203 แอนเมชนเบองตน
ชนมธยมศกษาปท 6
ภาคเรยนท 1 ปการศกษา 2554 โดย นางสาวณฐจรา ครองยทธ
6
![Page 7: ใบความรู้ที่ 8 - WordPress.com · 2011-08-03 · การสร้างแอนิเมชันแบบนี้ จะต้องเลือกรูปแบบการทํางานเป็น](https://reader034.vdocuments.mx/reader034/viewer/2022050610/5fb11ce4fdde351a7b7258d3/html5/thumbnails/7.jpg)
โรงเรยนศรอยธยา ในพระอปถมภ รายวชา ง 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 · การสร้างแอนิเมชันแบบนี้ จะต้องเลือกรูปแบบการทํางานเป็น](https://reader034.vdocuments.mx/reader034/viewer/2022050610/5fb11ce4fdde351a7b7258d3/html5/thumbnails/8.jpg)
โรงเรยนศรอยธยา ในพระอปถมภ รายวชา ง 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 · การสร้างแอนิเมชันแบบนี้ จะต้องเลือกรูปแบบการทํางานเป็น](https://reader034.vdocuments.mx/reader034/viewer/2022050610/5fb11ce4fdde351a7b7258d3/html5/thumbnails/9.jpg)
โรงเรยนศรอยธยา ในพระอปถมภ รายวชา ง 30203 แอนเมชนเบองตน
ชนมธยมศกษาปท 6
ภาคเรยนท 1 ปการศกษา 2554 โดย นางสาวณฐจรา ครองยทธ
9
![Page 10: ใบความรู้ที่ 8 - WordPress.com · 2011-08-03 · การสร้างแอนิเมชันแบบนี้ จะต้องเลือกรูปแบบการทํางานเป็น](https://reader034.vdocuments.mx/reader034/viewer/2022050610/5fb11ce4fdde351a7b7258d3/html5/thumbnails/10.jpg)
โรงเรยนศรอยธยา ในพระอปถมภ รายวชา ง 30203 แอนเมชนเบองตน
ชนมธยมศกษาปท 6
ภาคเรยนท 1 ปการศกษา 2554 โดย นางสาวณฐจรา ครองยทธ
10
![Page 11: ใบความรู้ที่ 8 - WordPress.com · 2011-08-03 · การสร้างแอนิเมชันแบบนี้ จะต้องเลือกรูปแบบการทํางานเป็น](https://reader034.vdocuments.mx/reader034/viewer/2022050610/5fb11ce4fdde351a7b7258d3/html5/thumbnails/11.jpg)
โรงเรยนศรอยธยา ในพระอปถมภ รายวชา ง 30203 แอนเมชนเบองตน
ชนมธยมศกษาปท 6
ภาคเรยนท 1 ปการศกษา 2554 โดย นางสาวณฐจรา ครองยทธ
11
ความหมายของแกนตางๆกบการควบคมการหมนภาพ
หลงจากทเลอกเครองมอ แลว เราจะพบแกนและเสนวงกลมภายใน Symbol ของเรา โดยเสนและแกนตางๆเหลานจะใช
ควบคมการหมนภาพ ซงแตละเสนมความหมายดงน
![Page 12: ใบความรู้ที่ 8 - WordPress.com · 2011-08-03 · การสร้างแอนิเมชันแบบนี้ จะต้องเลือกรูปแบบการทํางานเป็น](https://reader034.vdocuments.mx/reader034/viewer/2022050610/5fb11ce4fdde351a7b7258d3/html5/thumbnails/12.jpg)
โรงเรยนศรอยธยา ในพระอปถมภ รายวชา ง 30203 แอนเมชนเบองตน
ชนมธยมศกษาปท 6
ภาคเรยนท 1 ปการศกษา 2554 โดย นางสาวณฐจรา ครองยทธ
12
สรางแอนเมชน 3 มต แบบเปลยนระยะการวางดวยเครองมอ 3D Translation
เครองมอในหมวด 3 มต อกชนดทถกเพมขนมาใหมคอ เครองมอ 3D Translation Tool ใชสาหรบปรบระยะใกล-ไกล
ของวตถ หรอเคลอนยายวตถไปทศทางซาย-ขวา โดยเราสามารถปรบสวนนไดตอเนองจากขนตอนทแลว ดงมขนตอนดงตอไปน
![Page 13: ใบความรู้ที่ 8 - WordPress.com · 2011-08-03 · การสร้างแอนิเมชันแบบนี้ จะต้องเลือกรูปแบบการทํางานเป็น](https://reader034.vdocuments.mx/reader034/viewer/2022050610/5fb11ce4fdde351a7b7258d3/html5/thumbnails/13.jpg)
โรงเรยนศรอยธยา ในพระอปถมภ รายวชา ง 30203 แอนเมชนเบองตน
ชนมธยมศกษาปท 6
ภาคเรยนท 1 ปการศกษา 2554 โดย นางสาวณฐจรา ครองยทธ
13
![Page 14: ใบความรู้ที่ 8 - WordPress.com · 2011-08-03 · การสร้างแอนิเมชันแบบนี้ จะต้องเลือกรูปแบบการทํางานเป็น](https://reader034.vdocuments.mx/reader034/viewer/2022050610/5fb11ce4fdde351a7b7258d3/html5/thumbnails/14.jpg)
โรงเรยนศรอยธยา ในพระอปถมภ รายวชา ง 30203 แอนเมชนเบองตน
ชนมธยมศกษาปท 6
ภาคเรยนท 1 ปการศกษา 2554 โดย นางสาวณฐจรา ครองยทธ
14
ความหมายของแกนตางๆกบการควบคมการหมน
หลงจากทเลอกเครองมอ 3D Translation Tool แลวเราจะพบจดสดา และแกนตางๆภายในภาพของเรา โดยจดสดา และ
แกนตางๆเหลานจะใชควบคมการปรบระยะของภาพ ซงแตละเสนมความหมายดงน