Shop Mobile More Submit  Join Login
But you're not entirely familiar with Flash? WELL FEAR NOT! Deviantart supplies A VAST AMOUNT OF TUTORIALS from people who know and have some fair amount of understanding of what to do.

So I'll help you get started by supplying some information and also recommending a couple very nice and informative tutorials about Flash. Plus don't be discouraged if you suck at drawing in Flash, I provided a fair amount of information for an alternative solution at the end!  

What you need:
- Flash* (any kind of Flash where you can write Action Script 2.0... NOT Action Script 3.0, these tutorials cover AS 2.0. Flash is not a free program (legally). You can obtain Flash at Adobe.com.)
- Time
- Patience

*If you're wondering what kind of Flash I use, I'll tell you. I use a super old school Flash that does the job juuust fine. It's called Macromedia Flash MX, also known as "Flash 6.0 r25" Yuuuup, really old. I've had it since junior year in high school (approx. 5 years). I have Flash Professional CS5, and it looks pretty much the same as Flash 6, so don't worry.

OKAY!

So before you get started, you need to know the different types of Flash games there are. Basically, there are two types:

Drag: This type of dress up game is the simplest of the dress up games but can also become very cluttered and messy. Basically, this is the type of game where you open it, you see all the items and you drag and drop them onto your doll base. Drag can become even more complex when you input snap-to options. Snap-to Drag dress up games allow the user to drag their item and drop it onto the character and as soon as the item is within a specified targeted area (i.e. a shirt close to the character's chest), once the user lets go of their drag (releasing their mouse click), the item will automatically snap into place. This is really nice because then you assure that the items you created go specifically where you intended them to. But this type of Drag dress up game requires a little more coding and always knowing the coordinates of your items and character doll base.

Buttons: Also known as "Select," this type of Flash Dress Up Game is a bit more complex to set up than the Drag flash game because it involves a bit more of a thorough understanding of using buttons, coding frames, and setting up images as "movie script" items and whatnot. If you know what I'm talking about, awesome! If not, that's fine too, I'll be listing some tutorials to help you out soon enough. These games can be set up in so many ways, it's not even funny. There's a lot of different ways to approach it, some people set up buttons to change the colors of items, or set up buttons to change items in general. So this type of Flash Dress Up Game is much more organized than Drag dress up games, but again, it's got a lot more to code.

...Unless I'm mistaken and totally can't think of a third one...

Anyway, I'll share some nifty tutorials for you to use. I wouldn't call myself a beginner with Flash since I learned it fair enough in high school. However, don't worry, I have this nice tutorial to get you up to speed with the basics of Flash in general (mostly for Animation use but it will definitely wet your feet and help you learn the language of Flash and where to find things much quicker then if you're a total newbie going straight to those dress up game tutorials):

Flash Tutorial for Newbies by madelief


This tutorial was more like an Overview for me when I was interested in making a Flash Dress Up Game since I had previously learned how to use Flash but long since used it so I needed a few reminders. Aside from that, this tutorial also taught me things I never knew (and totally abused the crap out of in my next games :XD:) such as setting up graphics to fade in and out. You can actually do that in Flash! :D

Now if you're using a newer version of Flash, you may have to do a little searching around for some of the settings, however I don't believe Flash has changed all too dramatically. I also have Flash Professional CS5, and the layout and accessibility of items didn't look to much different from Flash 6. If you're really struggling, consult your Adobe Online manuals to help you find tools and commands you're looking for.

Okay, so now that you're brought up to speed in Flash basics, it's time to learn some dress up game stuff! I have found (not written, lol) a lot of tutorials and step-by-step processes that help you get from point A to point B. I'll give you some fairly easy ones to start:

Dress up tutorial by Rose-Layon


This tutorial is a little confusing at times, but one thing I like about it is that it's a lot like the tutorial for Flash Newbies in that it'll explain different things you have to understand to create a dress up game.  It also tries to explain the logic of Action Script 2.0, which I think is an effort worthy of being pointed out. It's a nice and easy read in the sense that it's not essays long (like this journal is).

How to Make a Dress-Up by theWALRUSwasMONICA


This tutorial is also a good tutorial for beginners. I believe this is one of the tutorials I found most helpful when I was trying to create my first Drag dress up game because it gives you pretty clear steps.

Advanced DressUp Game Tutorial by BonnieMcBop


Now this tutorial by BonnieMcBop is one of my personal favorites. Recommended to me by Ammotu, this tutorial was my biggest aide in creating this pretty awesome flash game. Now while my game is unfinished, this tutorial certainly set me on the right track to creating a Button dress up game. This tutorial is a bit more Advanced, so I highly recommend you get familiar with a Drag dress up game first because the Button dress up game is a really difficult thing to manage, so make sure you're well aware of how to use Flash. But this tutorial supplies a lengthy easy-to-follow step-by-step process on both Drag and Button dress up games.

Dress up tutorial by Hapuriainen


This tutorial is something I was recently directed to by Neipy and found equally helpful as BonnieMcBop's tutorial. This tutorial goes even further in depth with the possibilities of Drag dress up games and also introduces Button game organization such as "drawers" and "pages." It can be pretty opinionated at times, but the creator raises some pretty valid points all the same. This tutorial is a pretty fun and easy read, so once you've familiarized yourself with Flash a bit, be sure to check this tutorial out, it'll send you along your way as well.

There's obviously a lot of great tutorials and resources for Flash dress up games out there, these are just the ones I found extremely helpful. :) To look at Flash games and more helpful tutorials that I've found and favorited, visit this collection.



...Oh... one last thing... you're probably thinking now "But I suck at drawing in Flash. ;n;" Again, FEAR NOT!

You can read these helpful tutorials about how to get images like JPG, BMP, GIF, or PNG* all into your Flash game:

1. Importing Graphics and/or Sound into a Flash Movie - This is just what you need to understand importing files to Flash!
2. Importing Photoshop Files Into Flash - This is a bit more complex, but if you're a Photoshop pro and want to set up your layout in Photoshop and import it into Flash, this piece shows you how.

*Pro Tip: If you're drawing your stuff in whatever program you like using and save the items to later import into Flash, you should save them as PNG files with transparent backgrounds, because PNG maintains the image's quality and also allows one to save images with no background, which is exactly what you need for little clothing items.

When you go about exporting your game as a SWF file, please go to File > Publish Settings... and go to the "Flash" (or possibly "SWF") tab and adjust the JPG quality to maximum (100) if you want your images to maintain as much of their pristine quality of your images as possible. Otherwise they start looking sad and pixelated. :(

What I'm talking about is indicated with a red box here:





:star: SO I HOPE THIS HELPS YOU GET STARTED. IF IT DOES, PLEASE LINK YOUR RESULTS BACK HERE (and maybe even on some of those tutorials) SO I KNOW I HELPED YOU OUT IN SOME WAY OR AT LEAST POINTED YOU IN THE AWESOME DIRECTION. :star:

Lol, sorry for the lengthy read, but I just love writing and journals are for exactly that. ;)

---------

Other helpful journals I've written:

If You've Got an Art BlockI've had an art block since May 2010 and it's finally starting to defrost.
I've found that one thing that's helping me defrost my art block is just forcing myself to draw. :XD:
I set up a 17x11in canvas in Photoshop CS5 and start doodling. I tell myself "Fill this blank page with stuff." I experiment with new brushes, brush sizes, and colors. I also experiment with color application. So if you have an art block, just open a Photoshop doc and force yourself to draw. (Or um, if it's easier or you don't have a tablet to work with, bust out a piece of paper and doodle little sketches.) Anything that comes to mind. It also helps if you maybe narrow yourself to limitations if you're feeling stumped. For example, I limited myself to Anomalies characters so I've been drawing them a lot and focusing on my story as a result giving me inspiration to draw and create more.
It's pretty fun. I don't think about anatomy errors and issues. I don't focus too much on sticking within the lines of my doodl
Drawing ResourcesHey people,
I started this journal because I had been dissatisfied with my art skills so since May 28, 2011, I've been on the hunt for material to help me out. PLEASE NOTE: This journal gets UPDATED! So check back every few months or so for anything new! And if you find something useful, please suggest it! If you have your own collection of resource links, please share them! :D And if you're browsing this list and encounter a site link that no longer works, let me know. :)
ANNOUNCEMENT! My journal is becoming too big. So soon in the future, I will be making a PART 2 to this journal. Some of these sections will be moved there, and the ones left behind will be expanded upon!!! Please continue to leave suggestions. Let me know what has helped you out. I would love to know.
UPDATE!  December 29, 2014: Instead of making a PART 2, I will be moving all current information found here and will be making all future updates on my website, 
Tips on How to ImproveMy good friend, Draethius, had posted a DA journal a long time ago (almost a whole year) that he has long since removed that was about how he didn't feel like a real artist and wasn't sure how he could improve. So I wrote him an essay lengthy Note in reply. And I kind of forgot about it since it happened along the time when I was throwing a tantrum over that one chick I call Otto.
But I was going through some documents from my Back Up files and found the document I wrote to Drake and decided "Hey, I should post this! :D" Granted, there's moments when I kind of go off on a tangent, but I think this could be helpful to someone...maybe?
Here it goes:
I can't tell you how to feel like a real artist, but most cases, artists are never satisfied with their work and are constantly pushing themselves to get better. This is a good thing, otherwise we'd never improve. But it can also be a bad thing, if you push yourself too much, you can essentially burn out. So
My Color TutorialsHey guys,
I spent a few days writing these tutorials for you so I hope you take the time to read them and maybe even learn some stuff from them:

You can download both tutorials in a ZIP here: http://www.megaupload.com/?d=VMMVW7HA
I also shared some helpful resources in the comments, so be sure to try them out:

Lastly, I shared some extra material, some tutorials that helped me figure out my own path:

Again, I hope all this is helpful to you. :)
Anomalies13
Other helpful stuff I've written:
You want to make a Flash Dress Up Game? by Anomalies13Tips on How to Improve by Anomalies13


A donation is not required to utilize this resource, but would surely be appreciated! Donate here [if you want]!
  • Mood: Tired
Add a Comment:
 
:iconletsplaygirls:
letsplaygirls Featured By Owner Edited Apr 12, 2015  Hobbyist Interface Designer
LetsPlayGirls website offers a dress-up game source code for free. Visit this page to download it: letsplaygirls.com/webmasters/

You can download it and adapt it to your project. Edit the graphics, add new ones and so on...
Reply
:iconanomalies13:
Anomalies13 Featured By Owner Apr 23, 2015  Professional
Well, that's cool and all, but I tend to find it easier to do stuff from scratch than trying to figure out someone else's code. Plus it should come with a warning that the zipped folder is 313MB, that's HUGE! But thanks for sharing. 
Reply
:iconimfragrance:
imFragrance Featured By Owner Apr 4, 2015   General Artist
I want to change the clothes with buttons. but at the start, i don't want my character to have a clothes on it. How can i do this? 
Reply
:iconanomalies13:
Anomalies13 Featured By Owner Apr 6, 2015  Professional
Make the first keyframe empty for your clothes keyframes. :)
Reply
:iconimfragrance:
imFragrance Featured By Owner Apr 8, 2015   General Artist
Oh! i will try that 
Reply
:icontmntshoujo:
TMNTShoujo Featured By Owner Jan 31, 2015  Hobbyist General Artist
Where can I get or download "Flash" to make a dress-up game with?
Reply
:iconanomalies13:
Anomalies13 Featured By Owner Feb 17, 2015  Professional
You get it at Adobe.com. It's not free. But if you're a student and have proof of that (class schedule/student id) you can get it for 80%. 
Reply
:iconmikegfx:
mikegfx Featured By Owner May 17, 2014
Do you know these "show" buttons that usually dress up games have in the end? Like to show the player what he had done, the complete outfit, hair and make up in a different scenery. How can I do that? Is it hard?
Reply
:iconanomalies13:
Anomalies13 Featured By Owner Jul 15, 2015  Professional
Sorry for the late reply. Unfortunately I don't know how to set that up. You can probably search deviantart or google for something to help you out though.
Reply
:iconmovieword:
movieword Featured By Owner Nov 5, 2013  Hobbyist Filmographer
Hey, I like Hapuriainen's Dress up tutorial.
Reply
:iconwolfwarrior1000:
wolfwarrior1000 Featured By Owner Aug 12, 2013
But where do you find the flash thing tho?
Reply
:iconanomalies13:
Anomalies13 Featured By Owner Aug 12, 2013  Professional
Flash is an Adobe program. It's not free, unfortunately. But, if you're a student you can get a really nice discount on it. www.adobe.com/products/flash.e…
Reply
:iconjaunebug:
jaunebug Featured By Owner Aug 4, 2013  Hobbyist Digital Artist
I used Flash Pro CS6 for the first time today and managed to perfect the "Button" style dress up game my first time through. It really depends how patient you are and how much time you want to put into the project, because I've never made a dress up game until today and I got it the first try.
Reply
:iconmeulinmobile:
MeulinMobile Featured By Owner Jul 7, 2013  Hobbyist Traditional Artist
Is it Flash professional CC? Omg im so confused??? V_V I feel like a failure...Great tutorial tho! I will figure this out!
Reply
:iconanomalies13:
Anomalies13 Featured By Owner Aug 8, 2013  Professional
Well, I use Flash CS5. I didn't write the tutorials though, so you should check them out and see. See, Flash was not originally an Adobe program. It was originally a Macromedia program but Adobe then bought up the company, which covered Flash, Dreamweaver, Fireworks, and Freehand. I actually have a copy of the old Macromedia Flash, but it's all pretty much the same in Adobe Flash CS5. But yeah, these tutorials are mostly for ActionScript 2.0, which is just a manner of coding which you have to do in order to get things to work. I would suggest looking at some tutorials that cover the basics of Flash so you can get a more thorough understanding of it if you don't already know how Flash works. But as far as different versions of Flash goes, you can have an old version or a new version, it doesn't matter. Just older versions use ActionScript 2.0 and newer versions have that AND ActionScript 3.0 (which is a little different in the formatting and setting up of things in your code than ActionScript 2.0 is). 
Reply
:iconmoonrise09:
Moonrise09 Featured By Owner Jun 21, 2013  Student General Artist
Still dunno what flash is O3O
Reply
:iconanomalies13:
Anomalies13 Featured By Owner Aug 8, 2013  Professional
Flash is a creative program that Adobe owns. Essentially it works a lot with vector works. Now vector works are images that are created with mathematical points (which is all a bunch of complex nonsense that I do not even bother to try to get) so basically they enable you to resize an image, like you can make it an entire 50 times bigger than the original and it doesn't lose its crispness. 

Unlike a photo or something like that, which is just an assembly of various pixels (the tiny dots that display your screen at their most rudimentary shape, a tiny square), so when you stretch a photo, it loses it's crispness and you can't really make it much sharper. You can actually bring in bitmap images into Flash, however they'll still have the same issue of sharpness if you try to stretch them. 

But Flash is just a program where even professionals use to create all sorts of things like animations, games, interactive media, websites, all sorts of things. Unfortunately, a lot of newer technology like the iPad and whatnot do not have Flash Player automatically installed (but it's free to download) so Flash is kind of a dying program as far as it's practical universality goes. But it's still used for a lot of things, like games and animation, as I said before. 

If you're still confused about what Flash is, then I recommend you Google it to find someplace that describes it in words you do understand. 
Reply
:iconmoonrise09:
Moonrise09 Featured By Owner Aug 8, 2013  Student General Artist

I only got through "Flash is a creative program that Adobe owns."

Then I was like ":iconwhutplz::iconsaysplz: Whaaaaat?:iconsaysendplz:" Maybe I should google it...

Reply
:iconanomalies13:
Anomalies13 Featured By Owner Aug 8, 2013  Professional
Yeah, maybe. :XD: 
Reply
:iconspiceprincess:
SpicePrincess Featured By Owner Jun 26, 2013  Student General Artist
It's a program from Adobe.
You can do frame by frame animations, graphics and all kinds of things, add audio and links if you like as well.
Most online computer games (like the dress up ones) were made using Flash.
Unfortunately it's not free but you can download a free trial on the Adobe website.
It's kind of confusing but after a while of using it you get used to it.
Reply
:iconmoonrise09:
Moonrise09 Featured By Owner Jun 27, 2013  Student General Artist
I made it through "It's a program from Adobe."
Then my mind exploded.
Reply
:iconspiceprincess:
SpicePrincess Featured By Owner Jun 27, 2013  Student General Artist
Frame by frame animation is when you animate something one picture at a time.
Then those pictures get played together so fast, it looks like it's moving on it's own.
Like you icon! It's not really dancing...it's a series of images(or frames) moving so fast,it looks like the hamster is dancing.

The dress up games you see on sites like [link] and [link] were made using Flash.

It's not a hard program to use but in order to make the really cool things, you have to have basic knowledge about the program's lingo and terms for things(like what Action Scrips are and such).
Reply
:iconmoonrise09:
Moonrise09 Featured By Owner Jun 27, 2013  Student General Artist
Now I will paste the things you said that got me confused.
"It's not a hard program to use but in order to make the really cool things, you have to have basic knowledge about the program's lingo and terms for things(like what Action Scrips are and such)."
Reply
:iconspiceprincess:
SpicePrincess Featured By Owner Jun 27, 2013  Student General Artist
Well, Flash is not like most digital art programs.

You can add audio and even link to other sites on a piece of art or animation that is made in Flash.

This takes special codes that Flash calls "action scrips". They tell the program what to do with certain things you draw, make or import(open from your computer files)to Flash.
Reply
:iconmoonrise09:
Moonrise09 Featured By Owner Jun 28, 2013  Student General Artist
I get confused easily.... A little too easily.....
You might not want to waste time by replying to me....
I understand none of this.
:s
Reply
:iconspiceprincess:
SpicePrincess Featured By Owner Jun 28, 2013  Student General Artist
No, no it's okay xD
Basically...

Adobe Flash is the name of a program that you can make games and animations in.

But the only way to make these games and animations work the way that they should, is to use special codes (that are a bunch of words and symbols).

And that is pretty much it.
Reply
(1 Reply)
:iconamberthesatyr:
AmberTheSatyr Featured By Owner Dec 19, 2012
Whoaaa, this is really cool, I've always wanted to make a dress up game * Q *

Now if only I had flash ||DDD
Reply
:iconwellspring-station:
Wellspring-Station Featured By Owner Nov 19, 2012  Professional General Artist
Awesome post, thanks a bunch!
Reply
:iconepic-sauce1:
Epic-Sauce1 Featured By Owner Nov 18, 2012  Hobbyist Digital Artist
Could you send me the download link to the flash program
Reply
:iconkhieki:
Khieki Featured By Owner Nov 7, 2012  Student General Artist
this has been very helpful. thank you!
Reply
:icondagon-the-enderman:
dagon-the-enderman Featured By Owner Oct 20, 2012
I cant find Flash
Reply
:iconaniew:
Aniew Featured By Owner Oct 8, 2012  Hobbyist Digital Artist
Thanks for posting this! I'll most definitely be back to reference this material.
Reply
:iconmitchy-haruka:
Mitchy-Haruka Featured By Owner Sep 28, 2012  Professional General Artist
I'm Using Flash Profiessional CS6 So idk the settings yet
Reply
:iconmitchy-haruka:
Mitchy-Haruka Featured By Owner Sep 28, 2012  Professional General Artist
How do i insert it in Deviantart?
Reply
:iconcuriousinferno:
CuriousInferno Featured By Owner Aug 1, 2012  Hobbyist General Artist
Hi! I'm a total noob at flash. Like...I just downloaded it last night >_>...

I've got my whole deal set up, but whenever I try to publish it, it gives me all these "errors" that make it so I can't export it.

But I don't see how that's possible because I copied codes from 3 different sources and none of them work.

This is some of what it says: Can you help? D:


Scene=Scene 2, Layer=Shirt1, Frame=1: Line 1: Statement must appear within on/onClipEvent handler
stop();

Scene=Scene 2, Layer=Shirt1, Frame=1: Line 2: Statement must appear within on/onClipEvent handler
this.onPress = function() {

Scene=Scene 2, Layer=Shirt1, Frame=1: Line 5: Statement block must be terminated by '}'
this.onRelease = function() {

Scene=Scene 2, Layer=Shirt1, Frame=1: Line 6: Operator '=' must be followed by an operand
stopDrag();

Scene=Scene 2, Layer=Shirt1, Frame=1: Line 5: Statement must appear within on/onClipEvent handler
this.onRelease = function() {

Scene=Scene 2, Layer=Shirt1, Frame=1: Line 1: Statement must appear within on/onClipEvent handler
stop();
Reply
:iconthefulkrum:
TheFulkrum Featured By Owner Feb 6, 2012
brilliant, ty!
:)
Reply
:iconanomalies13:
Anomalies13 Featured By Owner Feb 19, 2012  Professional
No problem :D
Reply
:iconnach4ever:
Nach4ever Featured By Owner Aug 11, 2011
Hi there! Wow, this is really helpful! So, I'm having problems saving a flash dress up game for Deviant Art. Do you happen to know what to save it as to post? Thank you :D
Reply
:iconanomalies13:
Anomalies13 Featured By Owner Aug 11, 2011  Professional
You save it as a SWF file. Go to File > Publish Settings and check "Flash (.swf)" It should save the SWF file in the same place as your FLA (the editable flash file) is in. Once you check off "Flash (.swf)" you can click "Publish" and the SWF will be in the folder you have your flash file in. Upload the SWF to DA, you shouldn't have any problems. :) In the same location as "Publish Settings" is the "Publish" button, so for future reference, you can just click that if you want to publish a SWF without having to go through Settings if you know it's already checked off for publishing. ;) Hope this helps!
Reply
:iconnach4ever:
Nach4ever Featured By Owner Aug 11, 2011
Thank you very much! Another question I have is about the size of games. I keep posting a dress up game I'm making but it keeps being to big. I know I need to make it smaller, but I'm confused because I've seen large dress up games around DA. Thank you for your time!
Reply
:iconanomalies13:
Anomalies13 Featured By Owner Aug 11, 2011  Professional
What do you mean it looks too big? I'm not entirely sure I understand what you're talking about.
Reply
:iconnach4ever:
Nach4ever Featured By Owner Aug 11, 2011
I mean, I can't make my dress-up game large on Deviant Art without things getting cut off.
Reply
:iconanomalies13:
Anomalies13 Featured By Owner Aug 11, 2011  Professional
Oh so you mean you want to make the canvas size bigger? That's no problem. You go to Modify > Document, and change the size of your Flash document just like you would edit a canvas size in Photoshop or some other program. ;) Just keep pixel sizes in mind. I hope that's what you meant for making it bigger.
Reply
:iconnach4ever:
Nach4ever Featured By Owner Aug 13, 2011
Ok, thank you! Yup. :D
Reply
Add a Comment:
 
×

:iconanomalies13: More from Anomalies13



More from DeviantArt



Details

Submitted on
July 29, 2011
Link
Thumb

Stats

Statistics are temporarily unavailable

×