เอกสารประกอบ 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

การลด Scene กด Shift + F2


Cr. Chawannut Prompak

Symbol คือการเคลื่อนไหวของวัตถุเคลือ่ นไหวในตัว

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

3.เกี่ยวกับ 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

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

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

เกี่ยวกับตัวอักษรตัวอักษรขึ้นทีละตัว สร้างเลเยอร์แล้วใส่ตัวอักษรลงไปทีละ Keyframe จนครบตัวอักษร ตัวอักษรมีพื้นหลังเลื่อน สร้างเลเยอร์ แล้วนาพื้นหลังมาใส่ แล้วทาให้พื้นหลังเคลื่อนที่เป็นเส้นตรง ย้ายจากจุดหนึ่งไปจุดหนึ่ง แล้ว insert key frame แล้ว Create Classic tween จากนั้นสร้างเลเยอร์ใหม่ขึ้นมา แล้วใส่ Text เข้ามา ไว้ตรงกลาง แล้ว จากนั้น คลิกขวาที่เลเยอร์ Text แล้วเลือก Mask

ตัวอักษรมีสปอตไลทต์


Cr. Chawannut Prompak

สร้างเลเยอร์ Text แล้วใส่ตัวอักษรลงไป แล้วสร้างเลเยอร์ใหม่ ใส่รูปวงกลม shape แล้วให้วงกลมเคลื่อนที่เป็น เส้นตรง ย้ายจากจุดหนึ่งไปจุดหนึ่ง แล้ว insert key frame แล้ว Create Classic tween จากนั้น คลิกขวาที่เล เยอร์ Shape แล้วเลือก Mask เกี่ยวกับการทาวัตถุหมุน หมุนทวนเข็ม / หมุนตามเข็ม ต้อง insert symbol แบบ Movie clip สร้างเลเยอร์วัตถุ หรือนาภาพวัตถุมาก็ได้ ให้วางวัตถุให้อยู่ตรงกลางตรง รูปบวกพอดี แล้วให้ สร้าง Keyframe ที่ 50 หรือช่วงใดก้ได้ตามต้องการ จากนั้น ให้ Create Classic tween แล้วเลือก Rotate เป็น CWW เพื่อทวนเข็มนาฬิกา CW ตามเข็มนาฬิกา การหมุนรอบจุดศูนย์กลาง ต้อง 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.