-== Cartoonst's Blog ==-

ขออนุญาตินิดนึง เนื่องด้วยมีคนอยากให้สอน flash (ใครฟระ!!!) เลยต้องทำ how to ลงที่นี่

ใครที่ไม่ชอบเรื่อง flash ก็ปิดไปเลยก็ได้นะ ^ ^

ต่อไปนี้คงจะมีเรื่อง flash มาปนอยู่ด้วย ใครมีจะลองทำดูก็ไม่เสียหายนะ

===============================

Flash Workshop : ทำเมาส์คลิ๊กในแฟลซ (cursor)

Cursor คืออะไร???

ก็คือรูปไปทำเป็นเมาส์นี่เอง (สั้น ๆ)

สิ่งที่ต้องเตรียม + ทักษะ :

• รูปเมาส์ที่วาดเอง / เตรียมไว้ 2 รูป (คลิ๊ปปกติ และ รูปเมื่อกดคลิก) [แนะนำวาดเองบน flash ดีกว่า เพื่อขยายจะได้ไม่แตก]
• ทักษะการเพิ่มเฟรม (frame 1 ปกติ / frame 2 รูปเมื่อกดคลิก) <--- อยู่ในเรื่อง Convent to Keyframe
• ทักษาการเพิ่ม layer (เรื่อง Insert Layer)

::: How to :::

1. เลือกการสร้างงานแบบ Flash File (Actionscript 2.0)
   
   
2. Insert -> New Symbol (หรือ Ctrl+F8) ตั้งชื่อ cursor เลือกเป็น Movie Clip แล้วกด OK
   
   
3. (frame 1 : ภาพปกติ) วาดรูปหรือใส่ภาพลงไป
   คำแนะนำ : ควรให้ภาพอยู่ติดกับหัวเมาส์ (มุมเครื่องหมายบวก)  เพื่อจะได้คลิกสะดวก เช่น
   
   
4. เพิ่มเฟรมใหม่ โดยการคลิกขวาที่เฟรม 2 กด Convert to Keyframes (ถ้าต้องการคัดลอกเฟรมเก่า) หรือ กด Insert Blank Keyframe (สร้างเฟรมใหม่)
   
   
5. (frame 2 : ภาพเมื่อกดคลิ๊ก) วาดรูปหรือใส่ภาพลงไปในเฟรมที่ 2
   คำแนะนำ : สามารถกดปุ่ม Onion Skin Outlines เพื่อเทียบกันระหว่าง 2 เฟรมได้นะ (กดที่ปุ่มเดิมเพื่อกลับโหมดนี้)
   
   
   
   
   ตัวอย่าง
   
   
6. เพิ่ม layer ขึ้นมา กดที่ปุ่ม Insert Layer แล้วตั้งชื่อว่า action
7. คลิกขวาที่เฟรมที่ 1  layer : action ใส่คำสั่งลงไปว่า stop();
   
   
8. กดที่ Scene 1 ด้านบน (หรือ Scene หลักที่ตัวเองต้องการวางเมาส์)
   
9. เปิด Library ขึ้นมา (หรือ F11) ลาก mc(movieclip) ชื่อ cursor วางบน stage หลัก (พื้นงานนั่นแหละ)
   
   
10. คลิกขวาที่วัตถุเมาส์กด action
    
11. ใส่คำสั่งลงไปดังนี้ (copy ไปวางเลยก็ได้)
    Actionscript :
    onClipEvent (enterFrame) {
        Mouse.hide()
        this._x = _root._xmouse;
        this._y = _root._ymouse;
    }
    onClipEvent (mouseDown) {
        this.gotoAndStop(2);
    }
    onClipEvent (mouseUp) {
        this.gotoAndStop(1);
    }
12. Test Movie (Ctrl+Enter) ถ้าได้ผลก็เสร็จแล้ว เย่!!!
    

ตัวอย่าง

เมื่อประยุกต์จะได้แบบนี้ (แต่น แตน แต๊น~~)

Download Source File

 คำแนะนำ : เราสามารถให้รูปเมาส์ขยับดุ๊กดิ๊กได้ โดยให้เฟรมแรก convert เป็น movie clip แล้วทำ animate อีกที

ลองไปประยุกต์ใช้กันนะครับ ^ ^

กลับมาบ่นอีกครั้ง