เอกสารประกอบ flash animation adobe flash cs6(1)

Page 1

Cr. Chawannut Prompak

เอกสารประกอบการเรียน


Cr. Chawannut Prompak

เรื่อง 1. โครงสราง Animation ใน Flash 2. เกี่ยวกับ Keyframe 3. เกี่ยวกับ Create Classic Tween 4. เกี่ยวกับ Shape Tween 5. เกี่ยวกับวัตถุการเคลื่อนไหว 6. เกี่ยวกับตัวอักษร 7. เกี่ยวกับการทําวัตถุหมุน

เรื่องยอย โครงสราง Scene โครงสราง Symbol การเพิ่มคียเฟรม การลดคียเฟรม การเพิ่ม Classic Tween การลด Classic Tween การเพิ่ม Shape Tween การลด Shape Tween เคลื่อนที่เปนเสนตรง เคลื่อนทีต่ ามเสนที่วาด การทําพื้นหลังแบบมีสปอตไลท ตัวอักษรขึ้นทีละตัว ตัวอักษรมีพื้นหลังเลื่อน ตัวอักษรมีสปอตไลทต หมุนทวนเข็ม / หมุนตามเข็ม การหมุนรอบจุดศูนยกลาง


Cr. Chawannut Prompak

โครงสราง Animation ใน Flash 1. โครงสราง Scene Scene หรือ ซีน ก็ เปรียบเสมือน กับ ฟลมในมวน เราจะ เพิ่มกี่ ซีน ก็ได

การลด Scene กด Shift + F2

การเพิ่ม Scene

Symbol คือการเคลื่อนไหวของวัตถุเคลื่อนไหวในตัว หรือทําใหเคลื่อนไหวหลายๆวัตถุพรอมกัน


Cr. Chawannut Prompak

2. โครงสราง Symbol ลักษณะของ Symbol จะเปนสัญลักษณ สี ฟามีดวงอาทิตย อยูที่ Library

การเพิม่ Symbol


Cr. Chawannut Prompak

เกี่ยวกับ Keyframe 1. การเพิ่มคียเฟรม

การเพิ่มคียเฟรม คลิกขวาที่ Timeline แลวเลือก Insert keyframe

คียเฟรม เปรียบเสมือน ชวง ของการเกิด ภาพเคลื่อนไหว


Cr. Chawannut Prompak

2. การลดคียเฟรม

คลิกขวาในบริเวณ timeline เลือก เคลียร คียเ ฟรม


Cr. Chawannut Prompak

3. เกีย่ วกับ Create Classic Tween เราสราง Classic Tween จะทําใหเกิดการเคลื่อนที่ 1. การเพิ่ม Classic Tween คลิกขวาในบริเวณ timeline เลือก Create Classic Tween


Cr. Chawannut Prompak

2. การลด Classic Tween คลิกขวาในบริเวณ timeline ที่มีการ insert keyframe เลือก Remove Tween


Cr. Chawannut Prompak

2. เกีย่ วกับ Shape Tween เราสราง Shape Tween เพื่อทําให Shape เคลื่อนไหวแบบเฉพาะ

1. การเพิ่ม Shape Tween คลิกขวาในบริเวณ timeline ที่มีการเพิ่มภาพ shape และ insert keyframe เลือก Create Shape Tween **ตองเปน Shape เทานั้น


Cr. Chawannut Prompak

2. การลด Shape Tween คลิกขวาในบริเวณ timeline ที่มีการ insert keyframe เลือก Remove Tween


Cr. Chawannut Prompak

4. เกีย่ วกับวัตถุการเคลื่อนไหว 1. เคลื่อนที่เปนเสนตรง สรางวัตถุ 1 ชิ้น ยายจากจุดหนึ่งไปจุดหนึ่ง แลว insert keyframe แลว Create Classic tween

13

1

1

13

Create Classic tween


Cr. Chawannut Prompak

2. เคลื่อนที่ตามเสนที่วาด สรางวัตถุ 1 ชิ้น แลวคลิกขวาที่ เลเยอรวัตถุ แลว Add Motion Guide จากนั้นวาดเสนดวยดินสอ แลวจึงดูที่ timeline วา timeline ที่ 1 อยูตน เสน timeline สุดทาย อยูปลายเสน จากนั้น Create Classic tween ที่ timeline ในเลเยอรวัตถุ


Cr. Chawannut Prompak

3. การทําสปอตไลทใสพื้นหลัง

สรางเลเยอร แลวนําพื้นหลังมาใส แลวทําใหพื้นหลังเคลื่อนที่เปน เสนตรง ยายจากจุดหนึ่งไปจุดหนึ่ง แลว insert key frame แลว Create Classic tween จากนั้นสรางเลเยอรใหมขึ้นมา ตั้งชื่อวา shape แลวใส รูปรางตามตองการ เขามา ไวตรงกลาง แลวจากนั้น คลิกขวาที่เลเยอร shape แลวเลือก Mask


Cr. Chawannut Prompak

4. เกีย่ วกับตัวอักษรตัวอักษรขึ้นทีละตัว สรางเลเยอรแลวใสตัวอักษรลงไปทีละ Keyframe จนครบ ตัวอักษร


Cr. Chawannut Prompak

5. ตัวอักษรมีพื้นหลังเลื่อน สรางเลเยอร แลวนําพื้นหลังมาใส แลวทําใหพื้นหลังเคลือ่ นที่เปน เสนตรง ยายจากจุดหนึ่งไปจุดหนึ่ง แลว insert key frame แลว Create Classic tween จากนั้นสรางเลเยอรใหมขึ้นมา แลวใส Text เขามา ไวตรงกลาง แลวจากนั้น คลิกขวาที่เลเยอร Text แลวเลือก Mask


Cr. Chawannut Prompak

6. ตัวอักษรมีสปอตไลทต สรางเลเยอร Text แลวใสตัวอักษรลงไป แลวสรางเลเยอรใหม ใสรูปวงกลม shape แลวใหวงกลมเคลื่อนที่เปนเสนตรง ยายจากจุด หนึ่งไปจุดหนึ่ง แลว insert key frame แลว Create Classic tween จากนั้น คลิกขวาที่เลเยอร Shape แลวเลือก Mask


Cr. Chawannut Prompak

7. เกีย่ วกับการทําวัตถุหมุน หมุนทวนเข็ม / หมุนตามเข็ม ตอง insert symbol แบบ Movie clip สรางเลเยอรวัตถุ หรือนําภาพวัตถุมาก็ได ใหวาง วัตถุใหอยูตรงกลางตรงรูปบวก พอดี แลวให สราง Keyframe ที่ 50 หรือชวงใดกไดตาม ตองการ จากนั้น ให Create Classic tween แลวเลือก Rotate ที่ สวน Properties เปน CWW เพือ่ ทวนเข็มนาฬิกา CW ตามเข็มนาฬิกา


Cr. Chawannut Prompak

8.การหมุนรอบจุดศูนยกลาง ตอง insert symbol แบบ Movie clip สรางเลเยอรวัตถุ หรือนําภาพวัตถุมาก็ได ใหวางวัตถุใหอยูรอบๆ รูปบวก แลวให สราง Keyframe ที่ 50 หรือชวงใดกไดตามตองการ จากนั้น ให Create Classic tween แลวเลือก Rotate เปน CWW เพื่อทวน เข็มนาฬิกา CW ตามเข็มนาฬิกา


Turn static files into dynamic content formats.

Create a flipbook
Issuu converts static files into: digital portfolios, online yearbooks, online catalogs, digital photo albums and more. Sign up and create your flipbook.