Shop More Submit  Join Login
×

:iconanomalies13: More from Anomalies13


Featured in Collections

Journal by dororoandkururu

Journals by moonlit-kitty


More from deviantART



Details

Submitted on
July 29, 2011
Link
Thumb

Stats

Views
17,856
Favourites
215 (who?)
Comments
40
×
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):

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.
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, 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
  • Mood: Tired
Add a Comment:
 
: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
: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
Add a Comment: