วันนี้ได้ทำการรวบรวมวิธีการใช้ Flash ทำงานขั้นสูง มีดังนี้คับ
โดยผมหาจากเน็ตแล้วเอมมาใส่ Word เพื่อให้ได้ศึกษากันแต่ไม่มีภาพประกอบ ก็ขออภัยครับ
จะทำ Bar Slider ลักษณะคล้าย Bar ปรับ Volume เสียงใน winamp
1. สร้างเอกสารใหม่ขึ้นมาขนาด200x150ดังรูป
2. ใช้เครื่องมือtext toolวาดtextboxขึ้นมา
3. คลิกที่textboxที่เราสร้างขึ้นมา แล้วไปที่propertiesเลือกเป็นแบบDynamic Text และตั้งชื่อinstance name ว่า ratio
4. ใช้เครื่องมือ line toolวาดเส้นกว้าง 100 pxลงไป
5. คลิกขวาที่เส้นที่เราเพิ่งวาดลงไป แล้วเลือกconvert to symbol
6. เลือกTypeเป็นแบบMovie Clipตั้งชื่อว่าlineและตรงRegistrationเลือกให้จุดสีดำอยู่กึ่งกลางด้านซ้าย
7. จากนั้นคลิกที่movie clipที่เราสร้างขึ้นแล้วไปที่propertiesตั้งชื่อinstance name ว่า line
8. ใช้เครื่องมือRectangle Toolวาดสี่เหลี่ยมลงไป
9. คลิกขวาที่สี่เหลี่ยมที่เราสร้างขึ้น แล้วเลือกConvert to Symbol...
10. เลือกเป็นmovie clipและตั้งชื่อว่าdraggerแล้วเลือกRegistrationให้อยู่ตรงกลาง
11. หลังจากนั้นคลิกที่movie clipที่เราสร้างขึ้นแล้วไปที่propertiesตั้งชื่อinstance ว่า dragger
12. นำmovie clipที่สร้างขึ้นทั้งสองวางไว้ด้วยกัน
13. นำเม้าส์ลากคลุมmovie clipทัี้งสองที่สร้างขึ้นแล้วคลิกขวา เลือกConvert to Symbol...
14. ตั้งชื่อว่าsliderเลือกTypeเป็นMovie ClipและเลือกRegistrationให้อยู่กึ่งกลางด้านซ้าย
15. หลังจากนั้นคลิกที่movie clipที่ชื่อsliderที่เพิ่งสร้างขึ้นมา แล้วไปที่propertiesแล้วตั้งชื่อinstance ว่า mySlider
16. ดับเบิ้ลคลิ๊กที่movie clipชื่อsliderและคลิกขวาที่เฟรมแรกเลือกActions
17. ใส่ action script ลงไป
this.ratio=0 ;
dragger.onPress=function(){
this.startDrag(true,0,0,line._width,0);
this.onEnterFrame=function(){
ratio=Math.round(this._x) ;
}
}
dragger.onRelease=dragger.onreleaseOutside=stopDrag;
18. กลับไปที่Scene 1หลังจากนั้นคลิกขวาที่เฟรมแรกเลือกActions
19. ใส่ action script ลงไป
this.onEnterFrame=function(){
ratio.text=mySlider.ratio;
}
20. ทดสอบด้วยการกดCtrl + Enter
การทำ ลิ้งค์ และ เมาส์ hover จาก Flash
1 . สร้างรูปร่าง Button ที่ต้องการขึ้นมา
2. ใช้Selection Tool (V)ลากคลุม Button ที่สร้างขึ้นมา แล้วกด F8 เพื่อ Convert to Symbol เลือก Button
3. เพื่อความสวยงามของภาพอาจadd filtersเพิ่มได้ตามใจชอบ
4.จากนั้นดับเบิ้ลคลิ๊ก ที่ Buttonที่เราสร้าเพื่อเข้าสู้ Button symbol
5. กด F6 เพื่อInsert Key Framesที่ Over
6.จากนั้นกลับไปทำการเปลี่ยนแปลงอะไรที่ Button เพื่อเมื่อเมาส์ มา over แล้วจะเปลี่ยนแปลงตามต้องการ
7. จากนั้นเลือก Down คือเมื่อปล่อยเมาส์ จาก Button แล้วจะเป็นอย่างไร และ Hit พื้นที่ที่สามารถคลิกเมาส์ได้
8. จากนั้นออกมาด้านนอกกด Shift + F3เพื่อเลือกฟังชั่นBehaviorsขึ้นมา
9. เมื่อเราทำการเปิดBehaviors Panelขึ้นมาแล้วให้เรา Click ไปที่เครื่องหมายบวก (+) แล้วเลือกไปที่Web -> Go to Web Pageดังรูป
10. เมื่อเราเลือกไปที่Go to Web pageแล้วโปรแกรมจะทำการเปิดหน้าต่าง Go to URLขึ้นมาให้เราทำการกำหนดค่าต่าง ๆ ได้ ดังรูป
11. เมื่อเราได้ทำการกำหนดค่าต่าง ๆ เสร็จสิ้นแล้วก็ทำการกดที่ปุ่ม OK ของหน้าต่าง Go to URL ได้ทันที
จากนั้นทำการ Export Movie ของเราเพื่อนำไปใช้ภายใน web page เพื่อทำการทดสอบดูผล
วันนี้ก็ลองเอาไป 2 สูตรก่อนนะครับ
