Shop Mobile More Submit  Join Login
×




Details

Submitted on
May 13, 2006
Image Size
803 KB
Resolution
1000×6200
Thumb

Stats

Views
292,196 (3 today)
Favourites
3,835 (who?)
Comments
1,644
Downloads
10,136
×
Dress-Up Tutorial by Andorea-Chan Dress-Up Tutorial by Andorea-Chan
:new:I am now taking commissions for dress-up games and more! [link]

Please, read the FAQ before posting any comment! I've been getting the same questions over and over for a long time now, so I've updated the FAQ. If you ask something that's already answered in the FAQ, I will just have to ignore your comment.

Thanks!



---------------


Hello! As promised, here's the dress-up tutorial I said I'd make.
It's a pretty basic tutorial, but hopefully it will help someone. ^_^

Just remember there has to be a layer for each thing: one for characters (in which you can make a little animation), one for clothes, one for BGs, another one for music and so on...

The success of your game depends on your creativity. Good luck! ^_^

FAQ:

What version of Flash do you use? And if I use a different one, will my game work with your dragging code?
I use Macromedia Flash 8. As some of you know, Macromedia was bought by Adobe some time ago. And now they work with AS3 (while Macromedia worked with AS1 and AS2). So my code works fine in any version of Macromedia Flash, but I'm "not sure" if it does in Adobe (unless you open a document and choose to work with AS2.. I think).
But fear not, since I'm posting the AS for Adobe users below. XD

Where can I get Flash?
I'm afraid you'd have to buy it, since trials only last 30 days (not to mention there are no more Macromedia trials anymore, only Adobe's.) If you still want the trial though, you can get it here www.adobe.com

Can you give me the action script for dragging the clothes? (Macromedia)
on (press) {
startDrag ("")
dragging = true
}
on (release, releaseOutside) {
stopDrag ()
dragging = false
}

What about the AS for Adobe users?
When you sart the program, choose to work with AS2 and use the code in my tutorial.


I can't find Expert Mode in the AS panel!
Well, keep in mind Macromedia 8 is not the only version of Flash. Maybe yours doesn't have expert mode, but that doesn't mean you can't use the codes. Just open the action script panel and paste the code.

Should I draw everything in Flash? Or can I use some other programs (like PS)?
I'd recommend you to draw everything in Flash. If you draw the clothes in some other program, when you import it to Flash, it's going to have a white space around it so it wouldn't fit your doll... But I guess there's a way to import the clothes correctly so that won't happen. I believe if you save them as .gif and erase the BG layer in Photoshop... Haven't tried it, though. ^_^;

~sophiroth contributed with another way of importing drawn objetc to Flash. she said: "draw in Illustrator, it's pretty much the same as Photoshop and it won't leave a white space when you copy and paste into Flash."

~IsaCrisSparda also contributed with another way to get the same effect: "If you don't want to draw in the Flash program itself, you can draw it in a transparent layer in photoshop or gimp (or any other program that works with it) and save it in the .png file format. Then only the colored parts wont be transparent."


How do I add music to my games?
Click on "File", and then "Import". A window will open. Select the song you want (which you'll find in the file you usually keep your songs) and click ok. Then make a layer called "music" (or something like that) and click in the first key-frame. Finally, open your "properties" panel, and where it says "sound" click on the arrow and choose the imported song file.

When I test my game, sometimes some clothes that should be on top (e.g. jacket) appear below other clothes that should be on the bottom (e.g. t-shirt). Why is that?
Well, that's because you are not bringing your objects (clothes in this case) back and forth as you please. To do so, simply click on the clothe (or group of clothes) you want to bring forward and press Ctrl+G.


For Mac users contributed by ~Le-Noodle
If you press F8 or F9 it affects iTunes, so to make it work it has to be fn+alt+F8/F9


--------------



That's all for now. If I notice there's an important question I have missed, I will include it in the FAQ.

Good luck~
Add a Comment:
 
:iconmytom:
mytom Featured By Owner May 11, 2014  Student Digital Artist
oh, it did. It's ok though
Reply
:iconmytom:
mytom Featured By Owner May 11, 2014  Student Digital Artist
sorry, I meant it's not working, I don't think the FAQ came up too.
Reply
:iconmytom:
mytom Featured By Owner May 11, 2014  Student Digital Artist
Not workin!
Reply
:iconlaryssaking:
laryssaking Featured By Owner Oct 9, 2013
this is on my favs !!!!!! omg!!!!!!!!!!!!!!!!!!!!! i like
Reply
:iconlaryssaking:
laryssaking Featured By Owner Oct 6, 2013
Andorea opps
Reply
:iconlaryssaking:
laryssaking Featured By Owner Oct 6, 2013
Andorra-chan this is a good one i have played it 100 times
Reply
:iconfishyfeeshy:
FishyFeeshy Featured By Owner Jun 2, 2013  Hobbyist Digital Artist
I have a question.

Well, two actually.

I got the same error as the person below, but I could still drag the object. Should I worry about those errors?

Also, should all the objects be on the same layer, or separate layers?
Reply
:iconandorea-chan:
Andorea-Chan Featured By Owner Jun 2, 2013  Professional Filmographer
I don't think you should be worried... I'm not a programmer so I can't tell you for sure what that error report means. But I'm guessing you used the drag-and-drop code on a button, a keyframe or even in the scene itself. You'd just have to find it and delete it.

And you don't "have to" use layers but I like to, because it makes the project more manageable and organized. So I have the doll in one layer, the clothes on another layer and so on.
Reply
:iconchibiyima:
Chibiyima Featured By Owner Mar 22, 2013  Hobbyist General Artist
Here is an error:
**Error** Scene=Scene 1, layer=clothing, frame=1:Line 1: Mouse events are permitted only for button instances
on (press) {

**Error** Scene=Scene 1, layer=clothing, frame=1:Line 5: Mouse events are permitted only for button instances
on (release, releaseOutside) {

**Error** Symbol=Symbol 5, layer=Layer 1, frame=1:Line 1: Mouse events are permitted only for button instances
on (press) {

**Error** Symbol=Symbol 5, layer=Layer 1, frame=1:Line 5: Mouse events are permitted only for button instances
on (release, releaseOutside) {

Total ActionScript Errors: 4 Reported Errors: 4
Reply
:iconandorea-chan:
Andorea-Chan Featured By Owner Mar 22, 2013  Professional Filmographer
Did you make the item into a button? Also, check that you're using AS2
Reply
:iconchibiyima:
Chibiyima Featured By Owner Mar 22, 2013  Hobbyist General Artist
Never mind. I did this anyway. But here's a dress-up game for my OC, Ace.
[link]
Reply
:iconandorea-chan:
Andorea-Chan Featured By Owner Mar 22, 2013  Professional Filmographer
Cute =]
Reply
:iconchibiyima:
Chibiyima Featured By Owner Mar 22, 2013  Hobbyist General Artist
Thanks!
Reply
:iconchibiyima:
Chibiyima Featured By Owner Mar 21, 2013  Hobbyist General Artist
I got an error when testing my Dress-Up game. It had 4.
Reply
:iconchibiyima:
Chibiyima Featured By Owner Mar 21, 2013  Hobbyist General Artist
Wow! I'm gonna try that!
Reply
:iconchiilovey:
ChiiLovey Featured By Owner Mar 16, 2013  Student Traditional Artist
Its just a picture...
Reply
:iconchocoiate:
chocoIate Featured By Owner Mar 13, 2013
what category?
Reply
:iconrainbow-fiedkitty:
Rainbow-fiedKitty Featured By Owner Feb 27, 2013  Hobbyist Digital Artist
Whenever I paste the action script for dragging clothes,this code "onClipEvent (load) {" shows up with it...
And also,when I tried to test the movie,an error was reported saying "on handlers may not nest within other on handlers",I tried to drag it,but it didn't work... q^q

I'm sorry if this confuses you!I'm not really good at English ^^'
Reply
:iconandorea-chan:
Andorea-Chan Featured By Owner Feb 28, 2013  Professional Filmographer
Hmm.. Yeah, I don't quiet get it because I'm not a programmer.. Have you made sure you're using AS2? And that you have the code on a movie clip (the clothes) and not on the background/scene?
Reply
:iconrainbow-fiedkitty:
Rainbow-fiedKitty Featured By Owner Feb 28, 2013  Hobbyist Digital Artist
Yes,actually I have already figured out the error,I just went to type out another type of dragging code I found around the web,which worked.So I'm all good now c:
Thank you though for your help,and also the tutorial!It helped me alot,I just finished my own dress up game [link]
It doesn't have alot of clothes selections though ._.'
Reply
:iconandorea-chan:
Andorea-Chan Featured By Owner Feb 28, 2013  Professional Filmographer
Lol you're welcome. Your character looks cute~
Reply
:iconrainbow-fiedkitty:
Rainbow-fiedKitty Featured By Owner Mar 22, 2013  Hobbyist Digital Artist
Actually it's not my character but Thank you~ >w<
Reply
:iconrachelnoeldesigns:
RachelNoelDesigns Featured By Owner Nov 12, 2012  Student General Artist
Thanks so much for making this
Reply
:iconkewppy:
Kewppy Featured By Owner Sep 30, 2012
Really usefull thank you! :)
Reply
:iconwillbeyou:
willbeyou Featured By Owner Aug 29, 2012
ohhh, good tips :D:
Reply
:iconddeactivatedd:
ddeactivatedd Featured By Owner Apr 29, 2012
How do I save my dress up games as .swf?
All I can save them as is .fla, which I can't upload to dA :(
Reply
:iconfractalbee:
FractalBee Featured By Owner Apr 1, 2012
Great tut, thank you so much! :D
Reply
:iconayubfrenzy:
AyubFrenzy Featured By Owner Feb 18, 2012  Hobbyist Digital Artist
how to see the tutorial :( i've done to click the "CLICK BUTTON"
Reply
:iconblissfulbiscuit:
BlissfulBiscuit Featured By Owner Mar 10, 2012
click download :iconbigmeowplz:
Reply
:iconxalexanderthegreatx:
xAlexanderTheGreatX Featured By Owner Jan 3, 2012  Hobbyist Traditional Artist
thanks so much! You helped me a lot with your tutorial :3
Reply
:iconsophiecyberland:
sophiecyberland Featured By Owner Dec 4, 2011  Hobbyist General Artist
can I use photoscape to o one?
Reply
:iconpinkcatstar:
Pinkcatstar Featured By Owner Nov 25, 2011
wait, wheres the tutorial?
Reply
:iconfishyfeeshy:
FishyFeeshy Featured By Owner Nov 10, 2011  Hobbyist Digital Artist
Thank you!This tutorial is easy to follow.
Reply
:iconrebel28:
rebel28 Featured By Owner Oct 17, 2011  Student Digital Artist
I would like to add to the little comments on Photoshop in your description.

Illustrator is unlike Photoshop in that it uses vectors, like Flash, which means no matter how much you zoom in, the edges stay smooth.
Photoshop however can achieve greater detail, a lot faster, but for really good quality, give the image a high resolution. For example, I use 3000+ for my backgrounds.

~IsaCrisSparda already spoke about the transparency, so that's settled.


Also, for the music, you should tell whoever reads this about 'streaming' and 'event' for sound. Although I don't know how much that would matter for this kind of game.
Reply
:iconinnocent-rebel:
innocent-rebel Featured By Owner Sep 27, 2011  Student General Artist
This really helped me a lot. Thank you for taking the time to make it. :)
Reply
:iconfuzzybutts108:
fuzzybutts108 Featured By Owner Aug 27, 2011
How much does it cost to download or buy the programm?
Reply
:iconfishyfeeshy:
FishyFeeshy Featured By Owner Nov 10, 2011  Hobbyist Digital Artist
You can download a trial for free.
Reply
:iconfuzzybutts108:
fuzzybutts108 Featured By Owner Nov 10, 2011
Cool! Thanks!
Reply
:iconeaglebuns:
eaglebuns Featured By Owner Aug 3, 2011  Student General Artist
Oh my god. I've gone on 20-30 sites to download flash player but I CAN'T FIND ONE! Does anyone know where to donwload it? :(
Reply
:iconkotomimaya:
KotomiMaya Featured By Owner Jul 31, 2011  Student Digital Artist
thank you!! XD [link]
Reply
:iconcyberthehedgehog15:
cyberthehedgehog15 Featured By Owner Jul 15, 2011
i dunno why but when i make a shirt
i drag it and just the color moves and the lineart stays on the figure?do u know what i did wrong?
Reply
:iconandorea-chan:
Andorea-Chan Featured By Owner Jul 19, 2011  Professional Filmographer
You probably only converted the color into an object. Break it apart and select everything. Then turn it into an object and paste the code.
Reply
:iconcyberthehedgehog15:
cyberthehedgehog15 Featured By Owner Jul 19, 2011
oh ok
Reply
Add a Comment: