deviant art

Deviant Login Shop  Join deviantART for FREE Take the Tour
[x]
more ▶

Featured in Groups:

Details

July 29, 2011
Link
Thumb

Statistics

Comments: 18
Favourites: 130 [who?]

Views: 7,065 (18 today)
[x]
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)
- 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):



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:



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).



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.



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.



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.
So far I've found these sites helpful:
01. Get Better at Drawing Just some helpful tips.
02.
Tips on How to ImproveMy good friend, ~DrakeSilver777, 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:
  • Mood: Tired
Add a Comment:
 
love 1 1 joy 0 0 wow 0 0 mad 0 0 sad 0 0 fear 0 0 neutral 0 0
:iconamberthesatyr:
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 Nov 19, 2012  Student General Artist
Awesome post, thanks a bunch!
Reply
:iconepic-sauce1:
~Epic-Sauce1 Nov 18, 2012  Hobbyist Digital Artist
Could you send me the download link to the flash program
Reply
:iconkhieki:
~Khieki Nov 7, 2012  Student General Artist
this has been very helpful. thank you!
Reply
:iconaniew:
Mood: Affection ~Aniew 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 Sep 28, 2012  Professional General Artist
I'm Using Flash Profiessional CS6 So idk the settings yet
Reply
:iconmitchy-haruka:
~Mitchy-Haruka Sep 28, 2012  Professional General Artist
How do i insert it in Deviantart?
Reply
:iconcuriousinferno:
~CuriousInferno 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:
brilliant, ty!
:)
Reply
Add a Comment: