Client LoginView your Shopping CartHelp & Frequently Asked QuestionsEmail Us
Home Services Portfolio Web Design Pricing Dreamweaver Templates Web Applications Free Tutorials About Contact Us
Services > CSS Web Design | Professional Logo Design | ASP.net, ASP & PHP Programming | Flash Animation & Programming | Reliable Web Hosting | Website Maintenance
Portfolio > Web Design Portfolio | Web Programming Portfolio | Logo Design Portfolio | Web Design Pricing > Custom Web Design | Logo Design | Business Card Design
Free Web Design Guide > Website Design w/ Dreamweaver & Fireworks | Adobe Fireworks CS4 review | Photo Effects | Text Effects | Graphic Design Ideas | Web Design Ideas
Website Navigation Ideas | CSS Styles Tutorial | Dreamweaver Template | Server Side Includes | Flash Tutorials > Flash Effects | Flash Sound Button | Sound On/Off Button
Flash Preloader | Import External Data | Promotion > SEO Tips | Google Tips & Page Rank | JavaScript > Date Validation | Email Validation | Phone Validation | Tip Boxes

Flash Sound Button

Include sound files in Flash buttons

While working with Flash buttons you will find it sometimes necessary to use sound files in them. You must have read our tutorial on creating advanced Flash buttons. In this tutorial you'll learn how to make yet another advanced button by including sound in a button's timeline.

Recommended Version: Adobe Flash CS4 Professional

Compatible Versions of Flash for this Tutorial

Flash MX 2004 & below | Flash 8 | Flash CS3 | Flash CS4
Note: For uses of lower versions of Flash some visual interface images would differ.
Recommended Version: Adobe Flash CS4 Professional

You Are Here ::: Home >> Free Tutorials >> Flash Tutorials >> Flash Sound Button

Flash Sound Button

Follow the steps given below to create a flash button with sound:

Including sound files in Flash Buttons

  1. Create a simple Button and enter into its symbol-editing mode. The timeline header changes to display four consecutive frames labeled Up, Over, Down, and Hit as shown below.


    Fig: Symbol-editing Mode of Button

  2. Insert a Keyframe (F6) in the Over frame to duplicate the contents of the Up frame and change the color of the object in the Over frame.
  3. Import the sound file (Ctrl + R), add a new layer for sound and select the imported sound file from the Sound Panel of the Properties window.


    Fig: Button showing sound in a Layer

  4. Now insert frame (F5) for the Down frame and the Hit frame (this frame is not visible, but only defines the area of the button that responds to mouse events).
  5. Save your work and test the Movie (Ctrl + Enter). That's it now your button can play music during mouse-overs.

We would love to hear your comments and any suggestions on future tutorials we can add to this section. Thanks!

Fill the below form to submit your comments (or suggestions):
Bookmark and Share this web page.
Sponsored Link(s):
Beauty Templates | Business Templates | Christian Templates | CSS Templates | Education Templates | Family Templates | Flash Templates | Free Dreamweaver Templates
Food Templates | General Templates | Government Templates | Health/Medical Templates | Hi-Tech Templates | Kids/Childcare Templates | Low-cost Budget Templates
Personal Templates | Pets Templates | Photography Templates | Profession Templates | Real Estate Templates | Sports Templates | Telecom Templates | Travel Templates
Free Tutorials > Web Design Tutorials | CSS Web Design | Fireworks Tutorials | Dreamweaver Tutorials | Flash Tutorials | SEO Tutorials | Javascript Tutorials | PHP Tutorials