- สมัครสมาชิกเมื่อ
- 10-8-2008
- เข้าสู่ระบบล่าสุด
- 18-12-2020
- สิทธิ์ในการอ่าน
- 100
- เครดิต
- 8155
- โพสต์
- 1019
- สำคัญ
- 0
- UID
- 76
  
|
1. ให้เปิดโปรแกรม Flash ขึ้นมาโดยเลือกสร้างไฟล์ใหม่เป็น Actionscript 3.0
2. เปิดแฟ้มที่เก็บภาพ Image ที่เตรียมไว้ทั้ง 2 ภาพ และลากมาปล่อยที่หน้าจอโปรแกรม Flash
3. แยกภาพ Image ออกเป็นภาพละ 1 เลเยอร์ โดยให้ภาพที่เป็นสี อยู่เลเยอร์บน (ตั้งชื่อเลเยอร์ว่าอะไรก็ได้) และภาพที่เป็นเส้นสีดำให้อยู่เลเยอร์ล่าง (ตั้งชื่อเลเยอร์ว่าอะไรก็ได้)
4. จากนั้นให้คลิกที่เลเยอร์ใดก่อนก็ได้ และให้คลิกที่เฟรมี่ 10 แล้วกดปุ่ม F5 (หรือคลิกเม้าส์ขวาเลือกคำสั่ง Insert frame)
5. ทำให้เหมือนกันทั้ง 2 เลเยอร์
6. ให้คลิกที่เลเยอร์ที่เป็นภาพสี (เลเยอร์บน) และกดปุ่ม F8 เพื่อแปลงภาพ Image ให้เป็น Symbol (หรือไปที่คำสั่ง Modify > Convert to Symbol...)
7. ตั้งชื่อ Symbol ว่าอะไรก็ได้ และคลิกปุ่ม "OK"
8. ให้คลิกที่เฟรมแรกของเลเยอร์บน และคลิกเม้าส์ขวา เลือกคำสั่ง Create Motion Tween
9. จากนั้นให้คลิกเลือกที่เฟรมที่ 10 และคลิกเม้าส์ขวา เลือกคำสั่ง Insert Keyframe > All
10. จากนั้นให้คลิกที่เลเยอร์ ภาพสี (เลเยอร์บน) และเปิดพาแนล Properties ขึ้นมา (Window > Properties)
11. ที่พาแนล Properties ให้ตั้งชื่อตัวแปรว่า "Imagecolor"
12. ที่ Color Effect ให้กำหนด Style เป็น Alpha
13. เลื่อนแถบ Alpha ให้เท่ากับ 0
14. ให้สร้างเลเยอร์ใหม่ขึ้นมาอีกเลเยอร์ค่ะ
15. คลิกที่เลเยอร์ใหม่ และกดปุ่ม F9 (หรือคลิกเม้าส์ขวา และ เลือกคำสั่ง Action)
16. กรอกโค๊ดสคริปลงไปดังนี้เค่ะ
- stop();
- Imagecolor.addEventListener
- (MouseEvent.ROLL_OUT, Image_out)
- function Image_out(event:MouseEvent):void{this.gotoAndStop(1);
- }
- Imagecolor.addEventListener
- (MouseEvent.ROLL_OVER, Image_over)
- function Image_over(event:MouseEvent):void{this.play();
- }
คัดลอกไปที่คลิปบอร์ด (ตัวอย่าง...)
17. ที่เลเยอร์ใหม่... ให้คลิกที่เฟรมที่ 10 และคลิกเม้าส์ขวาเลือกคำสั่ง Insert Keyframe
18. แล้วให้กดปุ่ม F9 ที่เฟรมที่ 10 ใส่โค๊ดสคริปลงไปว่า
19. กดปุ่ม Ctrl+Enter เพื่อรันFlash
หากต้องการให้ภาพที่เฟสไปมาได้นั้นสามารถคลิกเพื่อลิงค์ไปยังที่เว็บต่างได้ด้วย ก็ให้ใส่โค๊ดเพิ่มลงไปดังนี้ค่ะ
- Imagecolor.addEventListener
- (MouseEvent.CLICK, Image_go)
- function Image_go(event:MouseEvent):void{
- var request:URLRequest = new URLRequest("http://www.thaigraph.com");
- navigateToURL(request);
- }
คัดลอกไปที่คลิปบอร์ด (ตัวอย่าง นำโค๊ดมาเพิ่มใส่ต่อท้าย)
แล้วแต่จะนำไปประยุกต์ใช้นะค่ะ 
บทความโดย NOOKFUFU2
(ขอสงวนสิทธิ์ให้เผยแพร่เฉพาะในเว็บไทยกราฟเท่านั้น!!!)
|
|