First time here? First time here? Newsletter Signup Newsletter
Search tutorials
Author: SONI | Website: http://www.streetimport.bravehost.com/

This tutorial is won't teach you how to design, because no matter how effort I give into it, taste can't be taught. The site design is a thing you have to do for yourself. This tutorial is about making a site that has low file size and fast loading time.

First thing's first, the buttons should never be GIFs or JPGs, reason 1 they are not vector graphics, meaning that every pixel has a lot of information, where a vector graphic button(button's made and drawn alike in flash) has few mathematical informations and even when you zoom in it still shows the crispy quality.

Now, for the background, this is the place where you can actually input JPGs because, first... they save design time, second they are usually constructed out of one image. Meaning they wouldn't take much space anyway. If you want to make animation for background then I would advise you to use vectors again, because tweening JPGs and BMPs make the movie slow to run on computers older then 4 that are at high FPS. Keep in mind, FLASH files(.swf) run entirely on the power of the CPU, and not the GPU(Graphics Card such as GeForce).

For photos(not background images) of course we can't use vector, so it's either JPG or BMP. For best results you should edit your images with photo editing program such as Adobe Photoshop CS2(earlier versions should do good) and save the images with quality up to 7(PS users) if you put it up to 12 the eye can't tell difference from JPG images smaller then 400x400px.

Lastly, for music. If you want to run music in your background the best way is to import it from another .swf file to your main movie with the call action loadMovie("/name.swf");. The best way to go is with MP3 files they are usually(always) smaller then waves and are also supported by Flash. The only thing you have to make shure is that the web server host has support for MP3 upload.

I haven't put up info on text because text never takes up much space, I can only tell you what's the best time saving feature of flash for updating the site. It's called the dynamic text box, you can insert Action Script to load external vars. from a .txt file into .swf and once you upload it to the web along the text all you have to do to update your site is change the content of the text file.

This tutorial was more of a advice 'n' tips. Flash kit has a great library of tutorials you can find on how to make the Dyanmic Text boxes and inserting other external files.

Please excuse any mistakes I have made in the spelling, English is not my first language.

I hope this will be good help for people who are new to the world of digital design and Flash works.

Thank You
Soni Romanov - SONIWORKS®

» Level Intermediate

Added: 2008-02-26
Rating: 6 Votes: 5
» Author
Born in Macedonia, 1985. Studying Software Engeneering at the European University. Worked in flash for more then 6 years.
» Download
Download the files used in this tutorial.
» Forums
More help? Search our boards for quick answers!
Featured Flash FLA
» Author: Inocreato
» Title: RaiseTheBlocks
» Description: Raise all the blocks to win the game
Featured Sound Loops
Image for equalize

Audio Player

» Author: TomCat Carty
» Title: The Wood
» Description: Just a little game ending or it can maybe be looped. Recorders with music box and percussion to give the feel of well, I don't know, the woods? Free to use, just credit me. thank you
Latest Font
» Author: Fábio FAFERS
» Description: I created this font for free use. Everyone can apply it in personal or business texts. Its free, but I want to be communicated in case of business use. Donations are accepted to keep the project of free fonts alive! Thank you all
Featured Sound Fx
Image for equalize

Audio Player

» Author: Davisigner
» Description: Hmm... what to say about this one? It's reminiscent of the closing notes of the opening music from the Three Stooges done in a church organ style with a closing cymbal crash. I'll give this one away gratis, but feel free to check out my free loops and potential upcoming license-mandated ones over in the respective part of Flashkit.