[Costume Modding Tutorial] [An Easy Visual Guide] (1 Viewer)

Synonymous

Content Creator
Joined
Jul 23, 2012
If you're stuck or get an error, post here or in the Help Board
Unfortunately I can't help immediately, but someone else might


x) General Stuff
Requirements
Flash CS/CC Dev software (1 month free trial) [Admin Note: This product nowadays goes by the name "Adobe Animate", which means this link still works properly.]
Flash Player (you likely already have this)

Konashion's Modding Template
Flash CS3, CS4 View attachment SDTModding.zip
Flash CS5, CS6, CC View attachment SDTModdingCS5.zip

What will help you
Prior Flash CS experience (maybe you've fucked around making stick figures, I don't know)

Template advantages/disadvantages
Konashion's (vanilla) Template (you are working with this)
+ Official tools from the game's creator
+ Mods will work with both SDT and the Loader
+ Ability to make Dynamic/Vector hairs (meaning that they move and don't look pixelated/blurry when you zoom in)
- Limited modding (you can't make clothes for the guy)

Loader (Faceless) Template
+ Can edit nearly everything
+ You can make costumes for the guy
~ The mods are only compatible with Modguy's Loader (not everyone has/knows/bothers to use it)
~ More lines of script you can screw up
- Mods are known to lose compatibility over time

Other things you should know
Save often
Always check that you're drawing in the right place

Useful keyboard shortcuts
Undo - cmd+z / ctrl+z
Redo - cmd+y / ctrl+y
Save - cmd+s / ctrl+s
The usual stuff

1) Setting Up
! Please note that this is just my preferred set up. You can use your own, but this will be the one used in the tutorial

First thing you wanna do is to start up Flash. Hit File > Open then find SDTmod.fla
1.jpg


Set the workspace to Animator.
2.jpg


Try to move the windows around to change it to this layout. Drag the timeline below the canvas, and click "collapse to windows".
You can move or delete the motion presets window.
3.jpg


After that Set the stroke color to Black, with 70% Alpha.
This setting is good for most situations
5.jpg


Find the Line Tool. To the left in the Properties window, set the stroke to 2.5.
6.jpg


Last step; Find the Library window and find the template that you want to use.
This tutorial will use the Bottoms Template under Template > Costume > Clothes.
7.jpg


Double click the inside Bottoms Template until it replaces the big canvas where Kona's Tutorial was. Now you're ready to draw.

2) Drawing
Now comes the hardest and most tedious part of making costumes...Drawing
I'm going to make a relatively easy mod here.

Right now Flash should look like this. In red are things that you should know.
8.jpg


Double click inside the layer that you want to mod (Right thigh).
Notice how the Main tab and Timeline change.
9.jpg


Use the Line tool and Magnet tool to draw a line. Notice how the line sticks.
10.jpg


Make a blocky polygonal shape/outline that will form the clothes.
The ends of the lines should stick together easily.
11.jpg


! Try to keep a balance between how many lines/sides you make
Not enough lines = can't cover the entire area when you bend them
Too many lines = can become uneven

Switch to the Arrow tool and bend the edges to match the reference layer. (in this case, all of them bend outwards)
12.jpg


And bam, you've created a basic outline for a costume.
13.jpg


Lets continue by adding a fill. Use the bucket tool to fill inside the outline.
14.jpg


After that, go back to the Bottoms template.
15.jpg


Double-click on her foot. I've gone ahead and did the lines and fills.
16.jpg


This costume is basically stockings and boots in one
There's no easy way to make these. Start with a polygon and mold out your costume part
You could also trace but that would be cheating smart
17.jpg


Eventually, you'll end up with something presentable
I took out part of the line.
18.jpg


19.jpg


I went back and added a little something.
20.jpg


21.jpg


Here's a cheap trick for the [Bottoms template]
When have everything drawn on one leg, you can [copy] then [paste in place] the lines and fills onto the other leg.

Once you're done, go back and delete all of the reference layers.

Good Job, now you know how to draw.
How you go from here is up to you.

3) Scripting
Make sure you've deleted all of the reference layers.
22.jpg


Delete the README layer, it just gets in the way.
23.jpg


24.jpg
4) Publishing
Drop down File... then publish.
Check your folder where the SDTmod.fla was. In this case the SDTmodding folder.
In the same folder, the SDTmod.swf file is your new mod. Test it out.

You can rename the .swf to whatever you want before distribution.
Do not rename the .fla.

Last step:
SHARE <3
Don't pull a Mike.
Someone out there will want it.
 
Last edited by a moderator:

idkmybffdave

Potential Patron
Joined
Jul 28, 2012
God damn you, I was gonna try to be productive this weekend.

Seriously though, this is awesome, can't wait to mess with it.
 

ElQonquiztador

Potential Patron
Joined
Sep 28, 2011
All bow in the glory of Synon...

But seriously, this is shaping up to be the best costume tutorial ever. You are the frikkin' MAN.
 

cookies are free

Potential Patron
Joined
Aug 10, 2012
This does look really nice :) Imma wait till you finish writing it (1 month trial, don't wanna waste it), read it thoroughly and give it a go ^.^ thanks man.

P.S. general knowledge > useful keyboard shortcuts > ctrl+s is save (on windows)
 

Synonymous

Content Creator
Joined
Jul 23, 2012
>Remembers having to complete the tutorial
>Hasn't even opened flash in 3 days

trollface-coolguy.jpg

I'll finish this weekend.
 

Shade

Content Creator
Joined
Jun 19, 2011
I look forward to seeing this finish, hopefully with your guidance Synonymous we pick up some more costume makers; I know I'll be giving it a shot as I'd liked to get involved more.

Thanks for your work.

Edit:
Okay, CS5, that's an issue... Any chance you have a CS4 copy, or can save the file as a CS4 compatible version? Please? :D
 

Synonymous

Content Creator
Joined
Jul 23, 2012
Shade said:
Okay, CS5, that's an issue... Any chance you have a CS4 copy, or can save the file as a CS4 compatible version? Please? :D

http://superdeepthroat.undertow.club/index.php?topic=6.0

Found it, it's at the bottom of the first post.

anon already showed you nvm lol
 

Shade

Content Creator
Joined
Jun 19, 2011
Synonymous said:
http://superdeepthroat.undertow.club/index.php?topic=6.0

Found it, it's at the bottom of the first post.

anon already showed you nvm lol

Thanks regardless! ;)
 

dantethedarkprince

Content Creator
Joined
Jun 15, 2012
Congratulations, You've made a loader mod. Give me a few days of tweaking and I'll have a pre-ready Costume Template ready. All you have to do is draw your mod, delete the unnecessary lines in the coding, outlines, & excess components, export, and ta-dah! No register lines required.
 

mike

Casual Client
Joined
Feb 4, 2012
Dante said:
Congratulations, You've made a loader mod. Give me a few days of tweaking and I'll have a pre-ready Costume Template ready. All you have to do is draw your mod, delete the unnecessary lines in the coding, outlines, & excess components, export, and ta-dah! No register lines required.

Not to disminish your enthusiasm but there's no difference between deleting your preactivated code or activating Faceless' commented lines. Either way you have to understand what you're doing (i.e : you have to read) or you will do crap.
 

dantethedarkprince

Content Creator
Joined
Jun 15, 2012
Finally! Now I can....get...the same error message over and over again. Crap.

Symbol 'Bottoms Template', Layer 'Settings', Frame 1, Line 10 1120: Access of undefined property ModTypes.

Okay, let me restart from the beginning and get this thing done. I'm bound and determined to make dynamic hairs.
 

Synonymous

Content Creator
Joined
Jul 23, 2012
Dante said:
Finally! Now I can....get...the same error message over and over again. Crap.

Symbol 'Bottoms Template', Layer 'Settings', Frame 1, Line 10 1120: Access of undefined property ModTypes.

Okay, let me restart from the beginning and get this thing done. I'm bound and determined to make dynamic hairs.

You most likely put the registerMod(x) line inside the actual bottoms template. Take it out.

Click MAIN to go where kona's wall of text was. The registerMod(x) goes to the Settings keyframe there.

Also you literally have to drag the template from the Library onto the Mods layer there as well. Once there you give the instance name.

I'll try to get some screens, it's hard to explain.
 

dantethedarkprince

Content Creator
Joined
Jun 15, 2012
Went in, deleted everything, EXCEPT the Assets, and body template. Colored the back red, and deleted the reference. Registered it as "back" on line 13.

registerMod(back)

Published and got this:
[attachimg=1]

I don't know what I did. This was not the intended result I wanted, but....

;D ;D ;D ;D ;D ;D ;D ;D ;D ;D I FINALLY GOT SOMETHING TO HAPPEN! ;D ;D ;D ;D ;D ;D ;D ;D ;D

Won't be too much longer till I'll figure this out and have my loader mods, become official mods. Minus the hims, but hey it's better than nothing.
 

Attachments

  • Project1.png
    Project1.png
    178.7 KB · Views: 35,238

Users who are viewing this thread

Top


Are you 18 or older?

This website requires you to be 18 years of age or older. Please verify your age to view the content, or click Exit to leave.