Tween คือ การทำให้ค่อย ๆ เปลี่ยนจากเดิมไปจากจุดหนึ่งจุดหนึ่ง อาจจะไม่ใช่เพียงแค่ตำแหน่งที่เปลี่ยนไป หรือ รูปร่างที่ค่อย ๆ เปลี่ยนไป ซึ่งใน Flash มีด้วยกัน 3 แบบคือ
1. Motion Tween => เปลี่ยนจากเดิมไปจากจุดหนึ่งจุดหนึ่ง สามารถลากปรับจุดย่อยของการเคลื่อนที่ได้
2. Classical Tween => เปลี่ยนจากเดิมไปจากจุดหนึ่งจุดหนึ่ง แบบธรรมดา
3. Shape Tween =>เปลี่ยนจากรูปร่างหนึ่งไปอีกรูปร่างหนึ่ง
1. Motion Tween
1.1 สร้างวงกลมแล้วคลิ๊กขวาเลือก Convert to Symbol ตั้งชื่อว่า "circle" เลือกเป็น Type เป็น "Movie Clip" แล้วกด OK
1.2 คลิ๊กขวาที่ frame แล้วเลือก Create Motion Tween
1.3 สามารถดัดเส้นทางการเคลื่อนที่ของวงกลมได้ โดยเลือกไปที่ frame ต่าง ๆ ใน Timeline แล้วลากวงกลมไปยังตำแหน่งต่าง ๆ
2. Classical Tween สามารถประยุกต์การใช้งานได้ 3 แบบ
#1. เคลื่อนที่จากจุดหนึ่งไปจุดหนึ่ง
2.1.1 สร้างวงกลมแล้วคลิ๊กขวาเลือก Convert to Symbol ตั้งชื่อว่า "circle" เลือกเป็น Type เป็น "Movie Clip" แล้วกด OK
2.1.2 ไปที่ยัง frame ที่ 30 แล้ว Insert Keyframe แล้วลากวัตถุไปยังตำแหน่งที่ต้องการ
2.1.3 กลับมาที่ frame แรก คลิ๊กขวาแล้วเลือก Create Classical Tween
#2. เปลี่ยน Attribute จากค่าหนึ่งไปค่าหนึ่ง (จากตัวอย่างจะเป็นการเปลี่ยนแปลงค่า _alpha ของวงกลม)
2.2.1 สร้างวงกลมแล้วคลิ๊กขวาเลือก Convert to Symbol ตั้งชื่อว่า "circle" เลือกเป็น Type เป็น "Movie Clip" แล้วกด OK
2.2.2 ไปที่ยัง frame ที่ 30 แล้ว Insert Keyframe แล้วลากเปลี่ยนค่า _alpha จาก 100 เป็น 0 (ให้จางหายไป)
2.2.3 กลับมาที่ frame แรก คลิ๊กขวาแล้วเลือก Create Classical Tween
**เราสามารถปรับค่า Attribute อื่น ๆ อีกได้เช่น Brightness, Tint, Advanced เป็นต้น
#3. เคลื่อนที่ตามเส้น Guide ที่สร้างขึ้นอย่างอิสระ
2.3.1 สร้างวงกลมแล้วคลิ๊กขวาเลือก Convert to Symbol ตั้งชื่อว่า "circle" เลือกเป็น Type เป็น "Movie Clip" แล้วกด OK
2.3.2 ไปที่ยัง frame ที่ 30 แล้ว Insert Keyframe แล้วลากวัตถุไปยังตำแหน่งที่ต้องการ
2.3.3 ไปที่ Layer ของวงกลมที่ Timeline แล้วคลิ๊กขวาเลือก Add Classical Motion Guide จะเห็นว่ามีเลเยอร์ guide เพิ่มเข้ามาเพื่อให้เราวาด เส้นทางการเคลื่อนที่อย่างอิสระ
2.3.4 ใช้เครื่องมือ Pen Tool วาดเส้น path การเคลื่อนที่
2.3.5 ไปที่ frame ที่ 30 แล้วลากวงกลมให้ตำแหน่ง pivot ของวงกลม ตรงกับปลายเส้นทางของการเคลื่อนที่
2.3.6 กลับไปที่ frame แรก แล้วลากวงกลมให้ตำแหน่ง pivot ของวงกลม ตรงกับจุดเริ่มต้นเส้นทางของการเคลื่อนที่
2.3.7 ที่ frame แรก คลิ๊กขวาเลือก Create Classical Tween
** เส้น path จะต้องเชื่อมโยงกัน ไม่มีรอยขาด
3. Shape Tween
3.1 สร้างวงกลม (ไม่ต้องคลิ๊กขวาเลือก Convert to Symbol)
3.2 ไปที่ยัง frame ที่ 30 แล้ว Insert Keyframe
3.3 ลบวงกลมออกไป แล้วสร้างสี่เหลี่ยมขึ้นมาแทน
3.4 ไปที่ frame แรก แล้วคลิ๊กขวาเลือก Create Shape Tween