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)
*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.
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 ) such as setting up graphics to fade in and out. You can actually do that in Flash!
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:
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.
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.
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! 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.
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
essaylengthy 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! " 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.
Other helpful stuff I've written:
You want to make a Flash Dress Up Game? by Anomalies13Tips on How to Improve by Anomalies13