1. This site uses cookies. By continuing to use this site, you are agreeing to our use of cookies. Learn More.

- [Costume Modding Tutorial] [An Easy Visual Guide]

Discussion in 'Tutorials' started by Synonymous, Sep 21, 2012.

  1. Synonymous

    Synonymous Swell Supporter Content Creator

    Joined:
    Jul 23, 2012
    Messages:
    309
    Likes Received:
    22
    [​IMG]
    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)
    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

    ! Dante has a tutorial for the Loader template here
    Undertow

    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
    [​IMG]


    Set the workspace to Animator.
    [​IMG]


    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.
    [​IMG]


    Mine looks like this.
    [​IMG]


    After that Set the stroke color to Black, with 70% Alpha.
    This setting is good for most situations
    [​IMG]


    Find the Line Tool. To the left in the Properties window, set the stroke to 2.5.
    [​IMG]


    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.
    [​IMG]


    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.
    [​IMG]


    Double click inside the layer that you want to mod (Right thigh).
    Notice how the Main tab and Timeline change.
    [​IMG]


    Use the Line tool and Magnet tool to draw a line. Notice how the line sticks.
    [​IMG]



    Make a blocky polygonal shape/outline that will form the clothes.
    The ends of the lines should stick together easily.
    [​IMG]


    ! 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[/i]


    Switch to the Arrow tool and bend the edges to match the reference layer. (in this case, all of them bend outwards)
    [​IMG]


    And bam, you've created a basic outline for a costume.
    [​IMG]


    Lets continue by adding a fill. Use the bucket tool to fill inside the outline.
    [​IMG]


    After that, go back to the Bottoms template.
    [​IMG]


    Double click on her foot. I've gone ahead and did the lines and fills.
    [​IMG]


    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
    [​IMG]


    Eventually, you'll end up with something presentable
    I took out part of the line.
    [​IMG]


    [​IMG]


    I went back and added a little something.
    [​IMG]


    [​IMG]

    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.

    [​IMG]


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

    [​IMG]

    [​IMG]


    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: Nov 29, 2015
    SyntaxTerror and nemoperas like this.
  2. idkmybffdave

    idkmybffdave Potential Patron

    Joined:
    Jul 28, 2012
    Messages:
    27
    Likes Received:
    0
    God damn you, I was gonna try to be productive this weekend.

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

    ElQonquiztador Avid Affiliate

    Joined:
    Sep 28, 2011
    Messages:
    309
    Likes Received:
    0
    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.
     
  4. cookies are free

    cookies are free Potential Patron

    Joined:
    Aug 10, 2012
    Messages:
    5
    Likes Received:
    0
    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)
     
  5. FRADOW

    FRADOW Potential Patron

    Joined:
    Feb 22, 2012
    Messages:
    41
    Likes Received:
    0
    Hell yeah! You are my inspiration to make costume mods!!
    I hope someday create some too...
     
  6. dantethedarkprince

    dantethedarkprince Club Regular Content Creator

    Joined:
    Jun 15, 2012
    Messages:
    2,625
    Likes Received:
    58
    *Twiddling my thumbs, and waiting patiently.*
     
  7. Synonymous

    Synonymous Swell Supporter Content Creator

    Joined:
    Jul 23, 2012
    Messages:
    309
    Likes Received:
    22
    >Remembers having to complete the tutorial
    >Hasn't even opened flash in 3 days

    [​IMG]

    I'll finish this weekend.
     
  8. ModGuy

    ModGuy Club Regular Content Creator

    Joined:
    Feb 17, 2011
    Messages:
    1,754
    Likes Received:
    22
    This is why so much karma.
     
  9. Shade

    Shade Swell Supporter Content Creator

    Joined:
    Jun 19, 2011
    Messages:
    363
    Likes Received:
    25
    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
     
  10. Synonymous

    Synonymous Swell Supporter Content Creator

    Joined:
    Jul 23, 2012
    Messages:
    309
    Likes Received:
    22
    http://superdeepthroat.ryonani.com/index.php?topic=6.0

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

    anon already showed you nvm lol
     
  11. Shade

    Shade Swell Supporter Content Creator

    Joined:
    Jun 19, 2011
    Messages:
    363
    Likes Received:
    25
    Thanks regardless! ;)
     
  12. dantethedarkprince

    dantethedarkprince Club Regular Content Creator

    Joined:
    Jun 15, 2012
    Messages:
    2,625
    Likes Received:
    58
    You here yet?
     
  13. Synonymous

    Synonymous Swell Supporter Content Creator

    Joined:
    Jul 23, 2012
    Messages:
    309
    Likes Received:
    22
    Yes what now
     
  14. dantethedarkprince

    dantethedarkprince Club Regular Content Creator

    Joined:
    Jun 15, 2012
    Messages:
    2,625
    Likes Received:
    58
    It should look like this


    Come back to the chat box when you are ready
     

    Attached Files:

  15. Synonymous

    Synonymous Swell Supporter Content Creator

    Joined:
    Jul 23, 2012
    Messages:
    309
    Likes Received:
    22
    Oh my Gahh
    [​IMG]

    [attachimg=1]
     

    Attached Files:

  16. dantethedarkprince

    dantethedarkprince Club Regular Content Creator

    Joined:
    Jun 15, 2012
    Messages:
    2,625
    Likes Received:
    58
    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.
     
  17. mike

    mike Avid Affiliate

    Joined:
    Feb 4, 2012
    Messages:
    353
    Likes Received:
    3
    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.
     
  18. dantethedarkprince

    dantethedarkprince Club Regular Content Creator

    Joined:
    Jun 15, 2012
    Messages:
    2,625
    Likes Received:
    58
    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.
     
  19. Synonymous

    Synonymous Swell Supporter Content Creator

    Joined:
    Jul 23, 2012
    Messages:
    309
    Likes Received:
    22
    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.
     
  20. dantethedarkprince

    dantethedarkprince Club Regular Content Creator

    Joined:
    Jun 15, 2012
    Messages:
    2,625
    Likes Received:
    58
    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.
     

    Attached Files: