Featured Worklog

Price Search



PC Apex Sponsor


PC Apex Sponsors



PC Apex RSS Feeds

RSS Feed for PC Apex Reviews & ArticlesRSS Feed for PC Apex PC Modding WorklogsRSS Feed for the PC Apex Daily DisturbanceRSS Feed for the latest PC Apex Site NewsRSS Feed for PC Apex Affiliate and Web NewsRSS Feed for PC Apex Deals and Steals

Go Back   Apex Community Forums // Other Forums // Designers Corner // Graphics / Media

Graphics / Media Discussions about graphic design, audio, video and more.

Reply
 
LinkBack Thread Tools Display Modes
Old 28-June-05, 12:29 PM   #1 (permalink)
Foe
Apex Tech God
Foe's Avatar
Post Tutorial: Rollover Music to a Image/Sig

Had many requests from people asking how to add music or sound files to signatures and/or images. Have this tutorial posted at my site, but thought I would share it with all here as well.
Enjoy!
This tutorial will show how to add rollover music or sound file to a signature, or any image.

These can be made in many different programs like Macromedia FlashMX. By far the easiest I have found is SwishMax. That is the program I will be using for this tutorial.


First you need to have an image to use to place the music into. For this I have chosen a image I made in Bryce of a drum set. Get it? Music theme, drums...Okay, never mind.

With your image ready and easy to find you open up SwishMax.
* Go to right side where you see the Movie Tab. Place the size specs of your image here. {Fig 1}
*Up at the top menu bar you should click on Insert, and then Image. {Fig 1} & {Fig 1a}





*Click the Script tab, which is next to the Layout tab {Fig 2}



* Add Script, go to Events, and then 'On Rollover' {Fig 3}

*Click Script, go to Sound, then Play Sound {Fig 3}



*
Click on the bottom Import, to get your sound file. This can be any sound file, and in any sound file format. You should see the title of your sound file appear in the lower window. {Fig 4}
*Click Script, then Events, Button and 'On Rollout'


Click Script one last time, then go to Sound, and 'Stop Sound' {Fig 5}
*Now you need to click 'Play Sound', then on your wave file
*Then click on 'Stop Sound', and then your wave file. Your windows should look similar to the ones in Fig 5.


Lastly you want to Export as a .SWF file, and you're done!

Here is the finished product: (Roll mouse over for music)




To post the image the following html has to be enabled on the site you post it on:
b,i,u,pre,embed,swf

And this is the tag to use to post (without obvious spaces):


< embed src = " http://www.xxxxx.xxx.swf" width="450" height="100" pluginspage="http: / www.macromedia.com/ shockwave /download/">

You can also make the music or sound file only play when clicked. This instruction will be added at another time.
Attached Thumbnails
Tutorial: Rollover Music to a Image/Sig-fig1.jpg  Tutorial: Rollover Music to a Image/Sig-fig1a.jpg  Tutorial: Rollover Music to a Image/Sig-fig2.jpg  

Tutorial: Rollover Music to a Image/Sig-fig3.jpg  Tutorial: Rollover Music to a Image/Sig-fig4.jpg  Tutorial: Rollover Music to a Image/Sig-fig5.jpg  


Last edited by Foe; 28-June-05 at 04:39 PM..
Foe is offline     Reply With Quote
Old 28-June-05, 12:43 PM   #2 (permalink)
Apex Master Tech
hp07's Avatar
Default

Good tut! *jabs GPN72* I use SwishMax to build entire sites. Love the program.
hp07 is offline     Reply With Quote
Old 30-June-05, 09:29 PM   #3 (permalink)
Old Skool Pimp
Digital-World's Avatar
Default

Made this thread STICKY....
GO BUNNIES!!!
Digital-World is offline     Reply With Quote
Old 30-June-05, 09:35 PM   #4 (permalink)
Apex Tech God
Enko's Avatar
Default

heh now to download some CoH tracks and actually make myself a sig finally . .. hmm i should probably make an avatar too
Enko is offline     Reply With Quote
Old 30-June-05, 10:15 PM   #5 (permalink)
Foe
Apex Tech God
Foe's Avatar
Default

Quote:
Originally Posted by Digital-World
Made this thread STICKY....
GO BUNNIES!!!

Thank you Digi!

Get busy Enko, and show us your results when done
Foe is offline     Reply With Quote
Old 30-June-05, 10:28 PM   #6 (permalink)
Apex Tech God
IcEMage's Avatar
Default

Wonderful!!! nothing like a Flash guide.....easer than my flash bible
IcEMage is offline     Reply With Quote
Old 30-June-05, 10:50 PM   #7 (permalink)
Apex Tech God
Enko's Avatar
Default

Quote:
Originally Posted by Foe
Thank you Digi!

Get busy Enko, and show us your results when done

give me two weeks in august. i'm leaving tomorrow for australia
Enko is offline     Reply With Quote
Old 30-June-05, 11:00 PM   #8 (permalink)
n00b-ass reviewer
BigAkita's Avatar
Default

One thing I'm curious about, and GlitterKill will have to answer this. We have a pretty large pipe, but what does the animation and sound do to that pipe? That has to be a bandwidth killer and I would imagine that dialup folks can pretty much forget about it.

I will be the first to say that it is OK once I learned to keep my cursor to the side of the screen while scrolling, but how does it load for our dialup and overseas brethren? I would hate it if an audio or animation file download caused the rest of the site to wait for someone who doesn't have broadband.
BigAkita is offline     Reply With Quote
Old 30-June-05, 11:04 PM   #9 (permalink)
That's Mr. Freeze to you!
Cpt.Planet's Avatar
Default

Quote:
Originally Posted by BigAkita
One thing I'm curious about, and GlitterKill will have to answer this. We have a pretty large pipe, but what does the animation and sound do to that pipe? That has to be a bandwidth killer and I would imagine that dialup folks can pretty much forget about it.

I will be the first to say that it is OK once I learned to keep my cursor to the side of the screen while scrolling, but how does it load for our dialup and overseas brethren? I would hate it if an audio or animation file download caused the rest of the site to wait for someone who doesn't have broadband.

Most likely most of them host it other places. I dont know of many people who have access to put a couple megabite file up here. The gifs and swfs with animation are alot smaller only a few hundred kb. I dont think it would prevent it from loading . I know sometimes PR loads but the sigs dont.
Cpt.Planet is offline     Reply With Quote
Old 01-July-05, 01:14 AM   #10 (permalink)
PCApex Newscaster
THRASHER2's Avatar
Talking

Are you gonna do a Macromedia FlashMX Sig Tutorial .......

Digi...Your the Sticky Koolest
THRASHER2 is offline     Reply With Quote
Old 01-July-05, 01:24 AM   #11 (permalink)
a.k.a., Frank Bullitt
Highperf15's Avatar
Default

Rep to Foe ..........I just finished my new sig ..........and guess what????.......My damn "Photobucket.com" account won't allow me to upload it (I even paid for the premium account)........geeze
Highperf15 is offline     Reply With Quote
Old 01-July-05, 01:35 AM   #12 (permalink)
PCApex Newscaster
THRASHER2's Avatar
Talking

Quote:
Originally Posted by Highperf15
Rep to Foe ..........I just finished my new sig ..........and guess what????.......My damn "Photobucket.com" account won't allow me to upload it (I even paid for the premium account)........geeze

Is it a SWF.....?
They support swf's.....
http://reg.imageshack.us/content.php?page=features
THRASHER2 is offline     Reply With Quote
Old 01-July-05, 01:37 AM   #13 (permalink)
a.k.a., Frank Bullitt
Highperf15's Avatar
Default

Quote:
Originally Posted by THRASHER2
Is it a SWF.....?
They support swf's.....
http://reg.imageshack.us/content.php?page=features

I know...but it keeps failing to upload...............and they shrink the pic size of anything over 1 mb...
Highperf15 is offline     Reply With Quote
Old 01-July-05, 01:43 AM   #14 (permalink)
PCApex Newscaster
THRASHER2's Avatar
Talking

That sucks......... I hate when they resize my pic's.....
THRASHER2 is offline     Reply With Quote
Old 01-July-05, 01:48 AM   #15 (permalink)
a.k.a., Frank Bullitt
Highperf15's Avatar
Default

Quote:
Originally Posted by THRASHER2
That sucks......... I hate when they resize my pic's.....

I know and to think I paid $25.00 extra for their damn premium account............
Highperf15 is offline     Reply With Quote
Old 01-July-05, 01:56 AM   #16 (permalink)
PCApex Newscaster
THRASHER2's Avatar
Talking

Quote:
Originally Posted by Highperf15
I know and to think I paid $25.00 extra for their damn premium account............

Beeeen there.............
I am going to find a Image Hoster that can Handle a bigger image file........1mb
The search is on..........
THRASHER2 is offline     Reply With Quote
Old 01-July-05, 02:13 AM   #17 (permalink)
a.k.a., Frank Bullitt
Highperf15's Avatar
Default

Quote:
Originally Posted by THRASHER2
Beeeen there.............
I am going to find a Image Hoster that can Handle a bigger image file........1mb
The search is on..........

Kewl....let me know.............
Highperf15 is offline     Reply With Quote
Old 01-July-05, 04:11 AM   #18 (permalink)
PCApex Newscaster
THRASHER2's Avatar
Talking

Quote:
Originally Posted by Highperf15
Kewl....let me know.............

Bam............... 2mb file Hosting....Free
http://www.thefilehut.com/index.php

I tried a 1.5mb image file....It Works
THRASHER2 is offline     Reply With Quote
Old 01-July-05, 04:19 AM   #19 (permalink)
a.k.a., Frank Bullitt
Highperf15's Avatar
Default

I found one................... http://www.ripway.com ...............But how do I get it to work??
Highperf15 is offline     Reply With Quote
Old 01-July-05, 04:35 AM   #20 (permalink)
PCApex Newscaster
THRASHER2's Avatar
Talking

Quote:
Originally Posted by Highperf15
I found one................... http://www.ripway.com ...............But how do I get it to work??



I got it to half-A$$ to work....


EDIT: DAMIT!

Last edited by THRASHER2; 01-July-05 at 05:06 AM..
THRASHER2 is offline     Reply With Quote
Reply

Bookmarks

Thread Tools
Display Modes

Posting Rules
You may not post new threads
You may not post replies
You may not post attachments
You may not edit your posts

BB code is On
Smilies are On
[IMG] code is On
HTML code is On
Trackbacks are On
Pingbacks are On
Refbacks are On


Similar Threads
Thread Thread Starter Forum Replies Last Post
Photochop tutorial Triple8 Graphics / Media 3 25-August-05 03:29 PM
Weathering Tutorial Cheshiredemon Graphics / Media 15 29-October-04 02:26 AM
Music Image swanny321 Graphics / Media 10 16-July-04 01:47 AM
Carved Stone Tutorial jinx© Graphics / Media 15 24-May-04 06:12 PM


All times are GMT -5. The time now is 05:02 AM.


Powered by vBulletin® Version 3.8.3
Copyright ©2000 - 2009, Jelsoft Enterprises Ltd.
Search Engine Optimization by vBSEO 3.3.0
Copyright PCApex.com, GameApex.com, ForumApex.com 2001 - 2008
Advertisements

Page generated in 0.33608 seconds with 10 queries