ขออนุญาตินอกเรื่องอีกวันเนื่องจาก (แถวๆนี้) ใกล้ส่งงานแล้ว เลยต้องรีบ ๆ อัพเหมือนกัน - -''

(หมายเห็ด : บางรูปเอาเอนทรี่เก่ามาใช้ ไม่ต้องแปลกใจ หากว่ารูปถูกต้องรึเปล่า ทำตามขั้นตอนได้เลย )

Flash Workshop : ทำปุ่ม sound on/off ในหน้าเว็บ

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

  • รูปภาพปุ่มเสียง on และ off ที่วาดเอง
  • ทักษะการเพิ่มเฟรม (frame 1 ปกติ / frame 2 รูปเมื่อกดคลิก) <--- อยู่ในเรื่อง Convent to Keyframe
  • ทักษะการเพิ่ม layer (เรื่อง Insert Layer)
  • เสียงที่จะมาเป็นพื้นหลัง

::: How to :::

  1. เลือกการสร้างงานแบบ Flash File (Actionscript 2.0)
  2. Insert -> New Symbol (หรือ Ctrl+F8) ตั้งชื่อ mc_sound เลือกเป็น Movie Clip แล้วกด OK
  3. (frame 1 : Sound ON) วาดรูปหรือใส่ภาพที่เตรียมลงไป (ภาพเสียงเปิด)
  4. เพิ่มเฟรมใหม่ โดยการคลิกขวาที่เฟรม 2 กด Convert to Keyframes (ถ้าต้องการคัดลอกเฟรมเก่า) หรือ กด Insert Blank Keyframe (สร้างเฟรมใหม่)
  5. (frame 2 : Sound Off) วาดรูปหรือใส่ภาพลงไปในเฟรมที่ 2
  6. คลิ๊กที่ Frame 1 (เพื่อเลือกทั้งเฟรม) แล้วคลิกขวาที่วัตถุกด Convert to Symbol

    ( ปุ่มแรกชื่อ bt_soundon

    คลิ๊ก frame 2 : ปุ่มสองชื่อ bt_soundoff)
  7. คลิ๊กขวาที่ปุ่ม bt_soundon ก่อน-> เลือก Action ใส่คำสั่งดังนี้

    สำหรับปุ่ม bt_soundon
    //script of Sound On
        on (release) {
            stopAllSounds();
            gotoAndStop(2);
        }
  8. คลิ๊กขวาที่ปุ่ม bt_soundoff -> เลือก Action ใส่คำสั่งดังนี้  

    สำหรับปุ่ม bt_soundoff
    //script of Sound Off
        on (release) {
            gotoAndStop(1);
        }
  9. เพิ่ม layer ขึ้นมา กดที่ปุ่ม Insert Layer แล้วตั้งชื่อว่า action
  10. ลิกขวาที่เฟรมที่ 1  layer : action ใส่คำสั่งลงไปว่า stop();
  11. เพิ่ม layer ขึ้นมา กดที่ปุ่ม Insert Layer แล้วตั้งชื่อว่า sound
  12. File -> Import -> Import to Library... เลือกเสียงที่ต้องการ
  13. ลากเสียงมาวางบน Stage

    (สังเกตว่าจะมีคลื่นเสียงปรากฎบนเฟรม)


    คลิ๊กที่ frame 1 : Layer frame || เลือก Sync: เป็น Event : Loop ด้วย (ถ้าต้องการให้วนต่อเมื่อหยุด)
  14. กดที่ Scene 1 ด้านบน (หรือที่ Scene หลักที่ตัวเองต้องการวางปุ่ม)
  15. เปิด Library ขึ้นมา (หรือ F11) ลาก movieclip ชื่อ mc_sound วางบน stage หลัก
 
!!~~ เสร็จแล้ว ~~!!
 
ถ้าเสียงมันเงียบ กว่าจะดังก็นาน ต้องการให้มันเปิดปุ๊ปดังปั๊ปทำไง ??
คลิ๊กไปที่ frame sound  (วิธีการเข้าไปคือ double click เข้าไปแก้) -> คลิ๊ก Edit
แล้วลากแทบตรงกลางไปยังจุดที่มีเสียง (ลักษณะเดียวกับตัดต่อเพลง)
  
แนะนำ??!!
  • ถ้าต้องให้ทำปุ่มแบบว่าปุ่ม on เวลาเลื่อนไปโดน (Over) ก็มีปุ่ม off ขึ้นมาประมาณนี้อ่ะ ก็เพิ่มส่วนหน้า over ทั้งสองปุ่ม
  • ใส่เสียงคลิ๊กปุ่มก็ได้นะ
  • ถ้าเวลาสร้าง animate แล้วมันวนรอบให้ใส่คำสั่ง stop(); ไว้เฟรมสุดท้าย
  • นึกไม่ออกว่าจะเอาเสียงจากไหน ตัวอย่างผมก็เลือกเว็บนี้ http://www.flashkit.com/loops/ (Sound Loop) เสียงมีให้เลือกเยอะดี
บ่นประจำเอนทรี่
  • พักนี้ไม่มีเวลาอัพบล็อกเลย.. ยุ่งมาก
  • ปวดแขน - ขายกเครื่องบ่อยเกิน
  • แต่เล่นไม่ได้ (ให้ยกทำไรฟระ)
  • สุดท้าย.. เลยไม่มีแรงจะกดคีย์บอร์ดซะละ
  • เตรียมเอนทรี่ไว้หลายเรื่องนะ แต่ไม่เคยเขียนให้เสร็จ - -*
  • เห็น head แล้วเป็นไงบ้างเน้อ~
    (อาจจะได้เลื่อนอีก.. เนื่องจากข้อความข้างบน)
Relate Link:
(ตามต่อกันที่ -: BlogM@p :- )

Comment

Comment:

Tweet

Hot! Hot! Hot! Hot!
ขอบคุณนะค่ะ อยากรู้อยู่เลย

#15 By quiineung on 2010-10-02 22:17

ขอบคุณอย่างมากมายค่ะ
กำลังฝึกทำ Flash เหมือนกัน
จะลองเอาไปใช้ใน CAI นะค่ะ
ขอบคุณจริงๆ
big smile big smile big smile

#14 By meball on 2009-10-03 13:24

เอนทรี่นี้ดีมากๆเลยค่ะ ว้าว
กำลังอยากจะลองทำเวบที่ใช้แฟลชพอดี
แต่ตัวเองดันเล่นไม่เป็นซะอย่างนั้น
ขอเก็บไว้เป็นความรู้ Hot! จัดไปค่ะ ขอบคุณนะคะ

ปล.ชอบแถบดำๆข้างล่างอ่าค่ะ ดูไฮโซbig smile

#13 By Jinny^-^ on 2009-10-03 11:25

ตามมาเอาวิชา ขอบคุณฮะopen-mounthed smile

#12 By ~@!BukKen-Ito!@~ on 2009-10-02 18:16

ขอบคุณค่ะ Hot!
แต่ไม่แตะเฟลชตั้งนานเป็นเดือนเลย

#11 By ICEgotcha! on 2009-10-02 17:05

เจ๋งเจ้าค่ะ ไว้จะหาแฟลชมาลองใช้ทำบ้าง
Hot! Hot!

#10 By elRion on 2009-10-02 02:21

ดีครับ ผมจะทำเป็นก็คราวนี้ละนะ big smile

#9 By หมีบ้า on 2009-10-01 21:31

confused smile โอ้วววววววววว

อยากได้เฟลชมาใช้บ้างงงงงงงงงงconfused smile

#8 By mini-teddy on 2009-10-01 20:28

ขอบคุณค่า

เทคนิคใหม่อีกแว้วว

Hot! Hot! Hot! Hot!

#7 By .. * Ar๋tist ♥ on 2009-10-01 17:52

สุโกยยย


แต่ไม่มีโปรแกรม Flash File (Actionscript 2.0)

orzzzz...... sad smile sad smile sad smile sad smile



Hot! Hot! Hot!

#6 By Kcoz ' on 2009-10-01 11:41

แหล่ม เป็นประโยชน์มากครับ confused smile confused smile
Hot! Hot! Hot! Hot! Hot!

#5 By Nai Cookies on 2009-10-01 09:48

Hot! Hot! ตามมาเก็บสาระอีกเอนทรี่ อิอิ open-mounthed smile

#4 By Noar Wolkins on 2009-10-01 08:53

รู้สึกดี มีประโยชน์

#3 By GooTarn on 2009-10-01 01:09

โอ้ว เป็นประโยชน์มาก
และถ้าอยากทำเสียงเป็นเพลงพอกดหยุดเสียงก็หายพอกดเปิดอีกครั้งให้มันเล่นต่อ(แบบไม่เริ่มต้นใหม่) ทำยังไงอ่ะคับ
big smile Hot!

#2 By นายโยจิ^_^ on 2009-10-01 00:54

โอวววว

ขอบคุณมากค่ะ

สาระๆๆ
Hot! Hot! Hot! Hot!

#1 By MeLi X MeLi on 2009-09-30 23:45