Shop Mobile More Submit  Join Login
Click download to view the tutorial full screen if you need to.

Shows you how to create small swf background files that look sweet :D

CLICK HERE for examples. Files loading are from 1kb to 22kb and viewable from 800X600 up to 1280X1024+

The smallest file is *s0nkite's Spiderman pattern :D

You can download the FLA files here.

Comments are always appreciated :D
Add a Comment:
 
:iconcola013:
COla013 Featured By Owner Nov 17, 2012
very helpful ;) thank you a lot :D
Reply
:iconaellostriker2:
Aellostriker2 Featured By Owner Oct 11, 2011  Hobbyist Digital Artist
the tutorial seems to just end up making moreover like 'background3.swf'; I thought it would teach me how to make exactly like the end product provided by your link-->[link]
Reply
:iconjay26warna:
jay26warna Featured By Owner Aug 16, 2011
i like tutorial..
Reply
:iconmixhar:
mixhar Featured By Owner Oct 15, 2010
graciassssss
Reply
:iconfuzzywuzzywuz:
FuzzyWuzzyWuz Featured By Owner May 25, 2010
I have been searching for something like this for LITERALLY days--you wouldn't have happened to figure out the AS3 part by now, would you? (I'm hoping possibly yes since this was posted a while ago...!)
Reply
:icontecwzrd:
tecwzrd Featured By Owner May 26, 2010
Sorry, never bothered mostly because it's so easy to combine AS2 and AS3 files just by loading the AS2 file. I'm old school also using Flash just before Flash 4 came out so I still code in AS2 O_o
Reply
:iconfuzzywuzzywuz:
FuzzyWuzzyWuz Featured By Owner May 26, 2010
No worries--I've barely dabbled in actionscript--do you have any tips for a beginner shifting from AS2 to AS3?
Reply
:iconsammetry:
sammetry Featured By Owner Jun 23, 2009  Hobbyist Digital Artist
great tuto. cheers.
Reply
:icontecwzrd:
tecwzrd Featured By Owner Jul 12, 2009
Thanks Sam and thanks for the :+fav: :boogie:
Reply
:iconsammetry:
sammetry Featured By Owner Jul 12, 2009  Hobbyist Digital Artist
you're very most welcome. i'm really worried about the visual side of my web projects and i started a personal one recently - your informative tutorial was a good step so thank you actually! cheers.
Reply
:icongraphicvs-maximvs:
Graphicvs-Maximvs Featured By Owner Dec 8, 2008
Very nice, i like it
Reply
:icontecwzrd:
tecwzrd Featured By Owner Dec 8, 2008
Thanks :D
Reply
:iconyualynn:
YuaLynn Featured By Owner Oct 31, 2008
Nope didn't work for me.
I have the newest flash so...
Reply
:icontecwzrd:
tecwzrd Featured By Owner Nov 1, 2008
Works in the newest version of Flash but you have to create a new AS2 and not AS3 Flash Movie. I assume you downloaded the fla files as well and that did work.

I haven't worked out the effect using AS3 yet but either way the file can still be used in conjunction with AS3 swf movies.
Reply
:iconmafarioch:
MafaRioch Featured By Owner Aug 15, 2008   Digital Artist
Wow, this is realy COOL, SIMPLE tutorial! thanks :)
Reply
:icontecwzrd:
tecwzrd Featured By Owner Aug 15, 2008
Glad you liked it, I always loved the effect on static HTML pages but didn't care for the huge file size for the background image & knew that Flash could tile and use gradient masks so I'd thought I'd share :D
Reply
:iconmafarioch:
MafaRioch Featured By Owner Aug 15, 2008   Digital Artist
yeah, file size it's important thing :)
Reply
:iconcherryflip:
Cherryflip Featured By Owner Jan 27, 2008  Hobbyist Digital Artist
ohhh thanks for add the .fla amazing tutorial!
Reply
:icontecwzrd:
tecwzrd Featured By Owner Jan 28, 2008
You're quite welcome :hug:
Reply
:iconcherryflip:
Cherryflip Featured By Owner Jan 27, 2008  Hobbyist Digital Artist
loveeee!!!!!
Reply
:icontecwzrd:
tecwzrd Featured By Owner Jan 28, 2008
I need to create some more, just been busy with real life slowing me down :slow:
Reply
:iconsolaris07:
Solaris07 Featured By Owner Jan 24, 2008
wow, great stuff. this reminds me of i should make some tutorials. no free time though.

Do you think you could make a tutorial on how you acieved the "fuild" design of the site. Like how when the window expands or shrinks the "elements"/buttons adjust to the center?

That's something I'd LOVE to know.

Cheers!
Reply
:icontecwzrd:
tecwzrd Featured By Owner Jan 25, 2008
Thanks :D The centering is all handled by the swfobject script when you use the 100% code. The zip with the fla/swf/html/js files has the 100% script in the html which is why it centers automatically. Also notice in the html code that so.addParam("scale", "noscale"); within the swfobject is set to "noscale" which keeps the movie a constant size. Only downsize to this is you have to mask out your movie if you go beyond the document bounds like you do with your porfolio with the menu outside of the bounds popping up.

It's also important if using the 100% script to keep your movie height/width at a decent size since you do away with the scroll bars also.
Reply
:iconmarthig:
marthig Featured By Owner Jan 24, 2008  Hobbyist General Artist
Great effect Micah and the tutorial looks great too. I don't get along too well with Flash though I love what can be done in it :love: (at least not with the newest versions, loved flash 4 though) :sigh:
Reply
:icontecwzrd:
tecwzrd Featured By Owner Jan 24, 2008
Thanks Martha :hug: Flash is much easier than people think IMO. Really for web design at least you only need to understand basic principals of movie clips and buttons with minimal action scripting to create amazing work. The ability to reuse images without increasing file size is a huge bonus as well.

Main reason I use it is for quick loading sites with 98+% compatibility across all platforms/browsers.
Reply
:iconmarthig:
marthig Featured By Owner Jan 24, 2008  Hobbyist General Artist
Ha ha !! You must be a hell of a good sales guy, I feel like going out and buying two versions of Flash :rofl:
Seriously I know what you mean and someday will try to retake the flash thingy, I really love what you can do with it and agree with the compatibility stuff. :hug: :blowkiss:
Reply
:icontecwzrd:
tecwzrd Featured By Owner Jan 24, 2008
Whenever you do tackle Flash again drop me a note ;)
Reply
:iconmarthig:
marthig Featured By Owner Jan 24, 2008  Hobbyist General Artist
:D Will do that, and thanks for the offer :hug: :rose:
Reply
:iconmichaelmknight:
michaelmknight Featured By Owner Jan 24, 2008  Professional General Artist
Very cool :)
Reply
:icontecwzrd:
tecwzrd Featured By Owner Jan 24, 2008
Thanks for the comment and :+fav: :boogie:
Reply
:iconcalgarc:
calgarc Featured By Owner Jan 23, 2008  Professional Artist
this is very interesting :)
Reply
:icontecwzrd:
tecwzrd Featured By Owner Jan 24, 2008
Flash is so fun :boogie: Glad you liked it and thanks for the fav :#1:
Reply
:iconchorney:
Chorney Featured By Owner Jan 23, 2008
when my exam week is over i am going to start making more flash and ill take the time to try this tutorial out :D

great tutorial (good instructions) and nice job!
Reply
:icontecwzrd:
tecwzrd Featured By Owner Jan 24, 2008
Thanks, glad you like it :D Took me about 30 minutes (between my regular job :roll:) and hopefully will be helpful to others :nod:
Reply
:iconaxertion:
Axertion Featured By Owner Jan 23, 2008  Professional Interface Designer
thats a cool tut :D
Reply
:icontecwzrd:
tecwzrd Featured By Owner Jan 24, 2008
Thanks, I LOVE keeping things small file size wise :slow:
Reply
Add a Comment:
 
×




Details

Submitted on
January 23, 2008
Image Size
362 KB
Resolution
720×700
Link
Thumb
Embed

Stats

Views
74,637 (3 today)
Favourites
121 (who?)
Comments
35
Downloads
2,392
×