Where the autistic get artistic.
[Return] [Entire Thread] [Last 50 posts] [First 100 posts]
Posting mode: Reply
Name
Email
Subject   (reply to 256)
Message
BB Code
File
File URL
Embed   Help
Password  (for post and file deletion)
  • Supported file types are: FLV, GIF, JPEG, JPG, MP3, OGG, PDF, PNG, RAR, SWF, WEBM, ZIP
  • Maximum file size allowed is 25000 KB.
  • Images greater than 260x260 pixels will be thumbnailed.
  • Currently 1085 unique user posts.
  • board catalog

File 129388921940.jpg - (54.88KB , 727x332 , flash 1.jpg )
256 No. 256 [Edit]
Thought I'd make a guide on how to make simple flash loops. This is how I've been making them but if there are better ways of doing it I'm all ears. Post any betterments you can come up with.
Might try to cram the whole guide into one picture later.

What you need:
A music file
A .gif
A version of Flash
A music editing program. I use Audacity since it's free and easy to use.
Expand all images
>> No. 257 [Edit]
File 129388942483.gif - (1.25MB , 331x233 , spidey run.gif )
257
I'm using this .gif of Spidey running. Loops go round and around so try to have an animation which is seamless. Since the camera angle changes in this animation the flow isn't abrupted.
>> No. 258 [Edit]
File 129388965595.gif - (0.97MB , 252x172 , Fatty tripping.gif )
258
This is an example of an animation that isn't seamless since you clearly see when it starts over. This does not mean you can't use it; you never know what animations and music would make a great loop together. But in general you should aim for seamless animations.
>> No. 259 [Edit]
File 129389000722.jpg - (198.74KB , 1399x715 , flash 2.jpg )
259
Let's start with the music. You should look for songs that fit the animation and vice versa. An upbeat song for a hectic animation or a cute song for a cute animation. Complete opposites might work as well. Experiment!
Using the whole song usually makes the file too big. Cut out a part of the song that loops instead. If you have a song where the chorus is repeated you can easily take one half of it and turn it into a seamless loop since that's how it sounded to begin with.
Begin by dragging the file into Audacity. Highlight the part of the song you want to use and click CTRL+T to remove everything else.
>> No. 260 [Edit]
File 129389018552.jpg - (152.91KB , 1396x717 , flash 3.jpg )
260
Now begins the trimming. Drag the part all the way to the left to make sure there isn't any empty silence before the song starts. Be careful when cutting around a drum beat since any gap in the rythm will be very noticeable.
>> No. 261 [Edit]
File 129389079584.jpg - (169.24KB , 1148x541 , flash 4.jpg )
261
To make sure you've got a seamless loop copy what you have and paste it right afterwards. Listen to it and if there are no noticeable gaps where the second part start you're good to go. Press CTRL+Z to remove the part you pasted and export your file out of Audacity.
>> No. 262 [Edit]
File 129389101869.jpg - (173.25KB , 1346x905 , flash 5.jpg )
262
Open up a new document in Flash and drag your music into the space in the middle. This will make the music appear in the first key frame of layer 1.
>> No. 263 [Edit]
File 129389123436.jpg - (202.24KB , 1344x904 , flash 6.jpg )
263
Insert as many frames as the music is long. Make sure the frames end just where the song does. Otherwise the looping will be messed up and your song might star playing over itself.
>> No. 264 [Edit]
File 129389142365.jpg - (178.09KB , 1350x902 , flash 8.jpg )
264
Now to add the animation. Click on Insert new symbol.
>> No. 265 [Edit]
File 129389177085.jpg - (292.58KB , 1345x910 , flash 9.jpg )
265
Drag the animation into the middle. This will create Symbol 1 down in the library. A symbol is an image or animation that works on its own. In this case meaning that it will loop forever.
>> No. 266 [Edit]
File 129389217390.jpg - (268.16KB , 1346x905 , flash 10.jpg )
266
Go back to the scene window and create a new layer. Drag Symbol 1 into the middle and the first keyframe of the new layer. Make sure this layer has is just as long as the first layer with the music. Meaning they both have the equal amount of frames.
Open the Align window in case it isn't already up. Click the circled buttons to put the symbol in the middle.
>> No. 267 [Edit]
File 129389235726.jpg - (283.76KB , 1346x904 , flash 11.jpg )
267
Almost done. The document is still bigger than the animation though. Click on Properties on any of the bitmap files to see what dimensions the animation has. Remember the pixel numbers.
>> No. 268 [Edit]
File 129389256270.jpg - (274.65KB , 1349x903 , flash 12.jpg )
268
Go into Modify -> Document. Write in the pixel numbers you just checked into the dimension boxes and click OK.
>> No. 269 [Edit]
File 129389305280.jpg - (274.53KB , 1347x905 , flash 14.jpg )
269
Click the align buttons again and you're done!
You can now watch your loop either by Control -> Test Movie or by pressing Ctrl+Shift+Enter.
>> No. 271 [Edit]
File 129389352173.jpg - (280.15KB , 1348x1014 , flash 15.jpg )
271
To export your loop as a .swf file go File -> Export -> Export movie. Save the file somewhere and this setting window will pop up. Worse sound quality = smaller file. I usually go with these settings. Don't forget to unclick the convert stereo to mono button.
>> No. 272 [Edit]
File 12938943525.jpg - (130.85KB , 722x619 , flash 16.jpg )
272
The size of your loop depends on how long the music and animations are and what quality they are in. Shorter with worse quality = smaller file. Try not to go above 2-3 MB in size since sites where you can upload your loops usually have a size limit somewhere around that area.
Another way to make your file smaller is to open the properties on the animation bitmaps and change the file from png to jpeg. Not necessary but small files are always nice.
>> No. 273 [Edit]
File 129389453843.jpg - (318.79KB , 1679x906 , flash 17.jpg )
273
Open up your loop in a web browser to see how it will look like once you've uploaded it to the interbutts.
>> No. 274 [Edit]
File 129389510587.jpg - (45.40KB , 704x519 , I am boss.jpg )
274
Here's how it turned out. Not great by any means but sufficient for this guide.
http://www.spchan.org/res/fr/631.swf

I've posted other loops I've made in this thread. Please excuse the moon runes.
http://www.spchan.org/fr/reply/288.html

Here's another great loop for reference.
http://www.pown.it/2256

Thanks for reading! If there's anything you think should be changed or added, please do tell.
>> No. 275 [Edit]
Pretty in-depth; I don't see anything that will really confuse people who are new to this. Just to expand on a couple things, I'm not trying to upstage you or anything:
>>267
An easier way is to align the gif to the top left corner, go the Documents Properties, and just hit the Contents tab. No need to remember pixel dimensions.
>>272
Please at least do 64 kbps. That's already ear rape; I couldn't imagine going any lower.
[Return] [Entire Thread] [Last 50 posts] [First 100 posts]

View catalog

Delete post []
Password  
Report post
Reason  


[Home] [Manage]



[ Rules ] [ an / foe / ma / mp3 / vg / vn ] [ cr / fig / navi ] [ mai / ot / so / tat ] [ arc / ddl / irc / lol / ns / pic ] [ home ]