ขออนุญาตินิดนึง เนื่องด้วยมีคนอยากให้สอน 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 อีกที

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

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

  • พรุ่งนี้ลงการ์ตูนช่อง
  • มะรืน.. ลง iT (หลายจากดองเรื่องนี้ไปนาน)
  • ปวดขาโว้ย~~~ (ได้ยามา 5 เม็ด = =") 
  • เฟลคะแนน T^T
  • แง้ว~ แถก ภาพเหมือนยังไม่เสร็จ แกเลื่อนไปกี่อาทิตย์แล้ววะ
  • ใครอยากเล่น(แถกนี้)เพิ่มบอกมาแล้วกัน
  • ไปดีกว่า =3=

Comment

Comment:

Tweet

* 0 *


สวยอ่าตูน ..
อยากลองทำดู
แต่ไม่มีเวลาละ
ต้องไปอ่านการ์ตูน (?)
555555555

ตูน .. บลอคเค้าไม่ร้อนซะหน่อย ^w^

#25 By ` k2xiiah - - - - -PARKYUCHAN on 2009-09-01 18:06

ขอบคุณเหลือแสน อยากทำflash แต่มะถนัด คงต้องฝึกบ้างแล้ว

#24 By Praab on 2009-09-01 13:49

เยี่ยมครับ ความรู้ดีๆ big smile Hot!

#23 By Noar Wolkins on 2009-08-31 19:47

เยี่ยมครับ ความรู้ดีๆ big smile

#22 By Noar Wolkins on 2009-08-31 19:46

confused smile

#21 By mini-teddy on 2009-08-31 11:23

*-*

#20 By gamenews on 2009-08-31 09:53

อยากเอาไปใช้กับทั้ง webpage เลยbig smile

#19 By PoY on 2009-08-31 05:56

Hot! Hot! Hot!

#18 By น้ามชา on 2009-08-31 02:35

กำลังเรียนเรื่องนี้อยุ่พอดีเลยอ๊ะ มึนตรึ๊บบบบ

#17 By WYWY on 2009-08-30 22:17

เด็ดเลย กำลังลืมวิธีทำอยู่พอดี =w=!!

#16 By Boldblade on 2009-08-30 21:43

ขอแอดเป็น FAV นะคะ

Hot! Hot! Hot! Hot! Hot!

#15 By แวนด้า on 2009-08-30 17:57

น่ารัก

#14 By shimeatsky on 2009-08-30 17:27

แจ่มHot!

#13 By HiKURE on 2009-08-30 17:07

น่าสนใจจัง ไว้จะลองทำสักตั้ง
น่ารักอ่าาาาาา
น่าทำมากมาย surprised smile

#11 By kokoro ~ tan on 2009-08-30 14:41

อยากลองทำดูแต่โปรแกรมยังไม่ได้โหลดเลย question Hot!

#10 By Zeedprogram on 2009-08-30 08:01

สนใจมานานแต่ไม่เป็นสักที คราวนี้น่าจะได้แล้ว..มั๊ง open-mounthed smile
เยี่ยม * *

เคยลองทำเล่นอยู่ แต่ไม่เคยใช้จริงๆ

ทำไม่เป็น ฮ่าๆHot! Hot!

#8 By myjevil on 2009-08-29 23:54

Hot! ชอบ แต่ทำแฟลชไม่ค่อยจะสำเร็จเลย ไว้จะลองทำดูนะคะ

#7 By ZynE` on 2009-08-29 21:36

ชอบเล่นแฟลชเหมือนกัน
แต่ตั้งแต่ขึ้นม.5 ไม่ได้เล่นนานแล้ว
sad smile sad smile sad smile

...เอาดาวไป Hot! Hot! Hot!

#6 By Prae on 2009-08-29 21:27

แจ่มแจ๋วbig smile

#5 By นายโยจิ^_^ on 2009-08-29 20:56

ขอบคุณมากนะตูนนน

จุ๊บ จุ๊บ
\T.T/

#4 By EinniF™ on 2009-08-29 20:09

จะลองเอาไปทำดูค่ะ confused smile

Hot!

#3 By .. * Ar๋tist ♥ on 2009-08-29 20:08

ไว้จะลองทำดูค่ะ cry Hot!

#2 By qb on 2009-08-29 19:21

สุดยอด!!!!
จะลองเอาไปทำดูนะคะ!
Hot! Hot!