การสร้าง Transition 10 แบบ

การสร้าง Transition หรือการเพิ่ม Effect ให้กับ Movie โดยปกติ Transition เป็น Function ที่การสร้าง Transition ของ Screen เมื่อใช้ Flash Slide Presentation อย่างไรก็ดี Code ที่ได้มานี้สามารถนำมาแก้ไข และใช้กับ Movie ใน ไฟล์ Flash ธรรมดาอีกด้วย ดังนั้นจึงมี 2 ขั้นตอนหลักฟของการสร้าง คือ 1) การได้มาซึ่ง Code 2) การนำ Code มาใช้กับ Movie clip ใน Flash Document

ขั้นที่ 1 การได้มาซึ่ง Code
1. สร้างไฟล์ใหม่ประเภท Flash Slide Presentation กำหนดให้ขนาดกว้าง และยาวของ Stage ตามความต้องการ

2. โดยปกติโปรแกรมจะให้ screen ชื่อ Presentation และ slide 1 มาโดยอัตโนมัติ เลือกที่ slide 1 ไว้ แล้วไปกด ที่ Behaviors เลือก Screen > Transition ดังภาพ

3. หน้าต่างของ Transition จะปรากฏขึ้น ใน Flash MX Professional 2004 นี้จะมี transitions อยู่ 10 แบบ ได้แก่ Iris, Wipe, Pixel, Dissolve, Blinds, Fade, Fly, Zoom, Squeeze, Rotate และ Photo ซึ่งสามารถเลือกได้จากช่อง สี่เหลี่ยม ด้านซ้ายมือ ทางด้านขวามือ เป็น Function ต่างๆ ของ Transition แต่ละแบบ เริ่มจาก

3.1. กำหนดทิศทาง (Direction) ให้ปรากฏแบบ in หรือ out
3.2. กำหนดเวลาแสดงเป็น วินาที
3.3. ลักษณะการปล่อย Easing ซึ่งในแต่ละแบบจะแตกต่างกันกัน เช่น Regular in หมายถึงเข้ามาแบบปกติ Elastic หมายถึงยืดได้เหมือนยาง และ Bounce หมายถึงเด้งไป เด้งมาได้ เป็นต้น
3.4. ตำแหน่งที่จะเริ่ม เช่น ศูนย์กลาง ซ้าย ซ้ายล่าง ขวา ขวาบน เป็นต้น
3.5. รูปร่าง เช่น เป็นวงกลม สี่เหลี่ยม


4. เมื่อกำหนดลักษณะของ transition แล้ว ตัวอย่างจะปรากฏที่ช่องซ้ายล่างซึ่งมองเห็นเป็นตัวอักษร A อยู่ เมื่อกด OK แล้ว ให้เลือกที่ slide1 ไว้เปิด Panel Actions จะเห็น Script เกิดขึ้น ดังภาพ ขณะนี้ขั้นตอนของการได้มาซึ่ง Script ได้จบลงแล้ว


5. ตัวอย่าง Script ที่โปรแกรมเขียนให้โดยอัตโนมัติทั้งหมด ปรากฏอยู่ด้านล่าง

ขั้นที่ 2 การนำ Code มาใช้กับ Movie clip ใน Flash Document

1. การที่จะนำ Script นี้ไปใช้สร้าง transition ให้กับ Movie ของ Flash document ทำได้โดย ใช้ Script บางส่วนที่ได้มา ตั้งแต่ mx.transitions จนถึง empty}); (ซึ่งมองเห็นอยู่ในพื้นที่แรงเงา)
2. ระบุชื่อของ Movie clip ใหม่แทนที่ eventObj.target ทดลองทำตาม Work shop ต่อไปนี้เพื่อความเข้าใจที่ดีขึ้น
3. สร้าง Flash Document ขึ้นมาใหม่ แล้ววาดสี่เหลี่ยมสีทึบขึ้นมา 1 รูป เลือกรูปสีเหลี่ยมไว้แล้วกด f8 เพื่อ Convert เป็น Movie clip กำหนดชื่อตามความต้องการ
4. นำ Movie clip รูปสี่เหลี่ยมนี้มาไว้ที่ Scene 1 กำหนดชื่อของ Movie clip นี้ที่ Properties ว่า mc1
5. ใส่ actions ที่ได้มาแล้วที่เฟรม ซึ่งมี Movie clip อยู่ว่า ( Script นี้ใส่ ณ เฟรม ที่มี Movie clip ซึ่งอาจจะเป็นเฟรมเดียวกัน แต่คนละ Layer ก็ได้)

6. สังเกตว่า script ด้านบน เปลี่ยน eventObj.target เป็น mc1 แล้ว
7. ลองกด Ctrl + Enter เพื่อดู Transition ของ mc1

 

http://se-ed.net/plearn • Last updated on 26-Aug-2005 • poonsri.vate@gmail.com
?????????????????? 3.1. 3.2. 3.3. 3.4. 3.5. 3. Preview