Advanced Search

Author Topic: [TUTORIAL] Creating a customized skin  (Read 40556 times)

0 Members and 1 Guest are viewing this topic.

June 10, 2017, 01:44:11 AM
Read 40556 times

Offline Pegg

  • MM8BDM MM9 Contributor

  • 【I AM THE MACHINE】
  • **
  • Date Registered: September 21, 2016, 03:32:00 AM

    • View Profile
[TUTORIAL] Creating a customized skin
« on: June 10, 2017, 01:44:11 AM »

So, you think you're cool enough to make your very own custom skin? This tutorial will guide you on your path to the true misery that is creating skins.

INGREDIENTS:


Section 1: Setup

Alright, first things first. We need to make the sprites, which is easier said than done.

There are a lot of specifics for skins, so here's what you'll need to know.


Colors

8BDM uses certain colors on skins in order to make sure when you pick up weapons, your skin switches to that color. The default colors are specific shades of blue and cyan, which is why in player setup all of the skins are this color.

#0078FC, or color 198 in the 8BDM palette.
#00F8FC, or color 192 in the 8BDM palette.

There are also 2 other colors, black and white.

#000000, or color 0 in the 8BDM palette.
#FFFFFF, or color 4 in the 8BDM palette.

These are important to know, because 8BDM is very picky with it's colors. An off color could mean that it wont translate correctly and it won't work in-game.

Finally, all vanilla skins use an "eye white" which is color 168 (#FCFCFC) on the palette. This only applies to the eyes of the skin. This is done so that modders can translate the white parts of a skin (i.e. in a weapon charging animation) without making the eyes flash as well. Use of it is not required, but it's nice to include if you have the time.

Now that we know the colors, we can actually start making the sprites now.

Spriting

Open your image editing software and create a new image.

I've created a template here so that it may be easier to understand what exactly you're doing.



Now, before you do anything, please note that you do NOT have to make your skin within the template. You can organize them however you want, and I'd encourage you to do so.

Back on track, you may be confused by a few things in this image, which I'll explain here.

Below each classification (Walk 1, FrontRight, etc.) is a set of numbers or letters in brackets. These are used for naming conventions when compiling your skin. Before we get into that though, we first need to make the sprites. You will need to make an equivalent for every image in the template shown above.


This is the part where you go and make the sprites. I can't really give an 'art' tutorial, but I can however give a few tips.

    Make sure everything in your rotations are consistent height-wise. You don't wanna have a character's arm be in 5 different places in just one rotation!
    If your character is completely symmetrical, you can probably get away with mirroring the Walk 1 frame to use as the Walk 3 frame.
    Try to make it look Megaman-y! Your skin will fit in with the rest of them if it does.
    If you're still stuck, ask for pointers from artists within the community. Asking for help is generally helpful.



Section 2: Compiling your skin

This is where the skin assembler comes in. Or not, depending on what you want to do with it.

There are two ways to compile a skin nowadays: Using the assembler, or doing it manually. There are advantages to each, but generally for new skin-makers I would recommend just sticking to the assembler. If you want a more technical understanding of what's going on underneath, I've included the manual method as well.

Automatic:

(click to show/hide)

Manual:

(click to show/hide)

Section 3: Testing and FAQ

If you saved your skin in your skins folder, you're all ready to go. Just check out your frames in Roll's mirror, be sure to test out different weapons.

FAQ:

Q: Can other people see my skin?
A: Only if they have it in their skin folders too. Share it with your friends!

Q: My skin doesn't change color with weapons!
A: That means you used the incorrect colors. You'll have to recolor your frames on your sheet and recompile.

Q: My skin moves around a lot while animating!
A: Go back in and tweak the offsets in SLADE3. If you used the Automatic method of compiling, check out the Manual section of Section 2 for help with this.

Q: I tried to download the Skin Assembler installer, but my browser flagged it as a virus. What's wrong?
A: Try downloading the archive version instead. You'll have to unzip it using an external program like WinRAR or 7zip, but it probably won't get your antivirus mad at you.

Conclusion

Hopefully this was a useful resource in creating your skin. As of writing in 2022, this is the first substantial update to the original thread from 2017 which contained some nasty misinformation, so I hope this is more accurate and straightforward. If you have any issues with getting your skin to work, just post a reply below. I'll see if I can get back to you.

January 16, 2018, 06:49:51 PM
Reply #1

Offline Bilete1828

  • Standard Member

  • no
  • Date Registered: December 27, 2017, 05:01:57 PM

    • View Profile
Re: [TUTORIAL] Creating a customized skin
« Reply #1 on: January 16, 2018, 06:49:51 PM »
pls help meh
this is an bad questiion but pls


what is the size (Xpixels x Xpixels

January 16, 2018, 10:33:23 PM
Reply #2

Offline Korby

  • Global Moderator

  • Benvenuto nella room italiana!
  • *************
  • Date Registered: March 04, 2010, 03:36:02 AM

    • View Profile
    • Korby Games
Re: [TUTORIAL] Creating a customized skin
« Reply #2 on: January 16, 2018, 10:33:23 PM »
The size of each individual frame can be whatever you want it to be.

February 13, 2018, 06:23:03 PM
Reply #3

Offline MattNoack

  • Standard Member
  • Date Registered: November 25, 2015, 09:09:43 PM

    • View Profile
Re: [TUTORIAL] Creating a customized skin
« Reply #3 on: February 13, 2018, 06:23:03 PM »
Thanks! I've been wanting to try making my own skin!

I do have a question though, would it be possible to have only one part of the whole skin change color when switching weapons?

February 14, 2018, 12:30:22 AM
Reply #4

Offline Korby

  • Global Moderator

  • Benvenuto nella room italiana!
  • *************
  • Date Registered: March 04, 2010, 03:36:02 AM

    • View Profile
    • Korby Games
Re: [TUTORIAL] Creating a customized skin
« Reply #4 on: February 14, 2018, 12:30:22 AM »
Yes. Only things that are colored blue or cyan will change colors, so if only one portion of the skin is that color, then it'll be the only thing that swaps.

March 14, 2018, 12:47:45 AM
Reply #5

Offline Trainer Ed

  • Standard Member

  • Just a wandering Programmer
  • Date Registered: December 02, 2017, 02:26:40 AM

    • View Profile
    • My fanfiction account!
Re: [TUTORIAL] Creating a customized skin
« Reply #5 on: March 14, 2018, 12:47:45 AM »
I need some help with my (? Well, I modified another...) skin. I pretty much followed these instructions, but when completed, my skin is invisible! Can you help me?

Skin download: https://drive.google.com/file/d/1F0zPRem_R62aXj1cRpeETERL95Cvgw5k/view?usp=sharing

Thank you.

March 14, 2018, 04:32:45 PM
Reply #6

Offline Korby

  • Global Moderator

  • Benvenuto nella room italiana!
  • *************
  • Date Registered: March 04, 2010, 03:36:02 AM

    • View Profile
    • Korby Games
Re: [TUTORIAL] Creating a customized skin
« Reply #6 on: March 14, 2018, 04:32:45 PM »
Your sprites are offset wrong.
Refer to this part of the tutorial.



You also have multiple xxxxA1 lumps in your file. Make sure to delete unwanted duplicates.

March 18, 2018, 11:51:40 PM
Reply #7

Offline Trainer Ed

  • Standard Member

  • Just a wandering Programmer
  • Date Registered: December 02, 2017, 02:26:40 AM

    • View Profile
    • My fanfiction account!
Re: [TUTORIAL] Creating a customized skin
« Reply #7 on: March 18, 2018, 11:51:40 PM »
Thank You! That's twice you've helped me...

March 20, 2018, 11:37:32 PM
Reply #8

Offline alexparr

  • Standard Member

  • Zoltion: The Totally-Not-Mega-Man of my creations.
  • Date Registered: June 05, 2016, 01:25:26 PM

    • View Profile
    • My Website
Re: [TUTORIAL] Creating a customized skin
« Reply #8 on: March 20, 2018, 11:37:32 PM »
Now we just need an updated tutorial on how to make maps...

March 21, 2018, 07:51:11 AM
Reply #9

Offline Rozark

  • MM8BDM Extender

  • Mr. Explorer
  • *********
  • Date Registered: August 28, 2011, 04:46:04 PM

    • View Profile
    • Rozark #0873
Re: [TUTORIAL] Creating a customized skin
« Reply #9 on: March 21, 2018, 07:51:11 AM »

August 11, 2018, 11:42:08 PM
Reply #10

Offline alexparr

  • Standard Member

  • Zoltion: The Totally-Not-Mega-Man of my creations.
  • Date Registered: June 05, 2016, 01:25:26 PM

    • View Profile
    • My Website

September 04, 2018, 10:45:55 AM
Reply #11

Offline Ruzma

  • Standard Member

  • darkness
  • Date Registered: August 05, 2018, 05:49:10 PM

    • View Profile
Re: [TUTORIAL] Creating a customized skin
« Reply #11 on: September 04, 2018, 10:45:55 AM »
Should I let Slade install things on my computer? Ans should I buy Paint.net? I don't trust the Internet to provide me safe downloadable stuff...

September 04, 2018, 07:08:42 PM
Reply #12

Offline Sir Anon0mos

  • Standard Member

  • Sir An0n, has it all on UHF
  • Date Registered: July 29, 2016, 02:00:58 AM

    • View Profile
    • Steam
Re: [TUTORIAL] Creating a customized skin
« Reply #12 on: September 04, 2018, 07:08:42 PM »
Should I let Slade install things on my computer? Ans should I buy Paint.net? I don't trust the Internet to provide me safe downloadable stuff...
What specific things is Slade trying to install?

As for paint.net, there are other free spriting software that work just as well (I use GraphicsGale for example).

October 28, 2018, 06:01:41 PM
Reply #13

Offline Dj Scout aka Curt.5

  • Standard Member
  • Date Registered: March 31, 2017, 12:59:56 AM

    • View Profile
Re: [TUTORIAL] Creating a customized skin
« Reply #13 on: October 28, 2018, 06:01:41 PM »
Uh, whenever i try to choose a sprite from the sheet it keeps choosing more than one, and whenever i try to put it as once sometimes its just a line and nothing there? what am i doing wrong? :shock:

October 28, 2018, 09:34:04 PM
Reply #14

Offline Rokim21

  • Standard Member

  • Obscure games deserve respect!
  • Date Registered: September 18, 2016, 01:55:11 PM

    • View Profile
Re: [TUTORIAL] Creating a customized skin
« Reply #14 on: October 28, 2018, 09:34:04 PM »
What if I want to have two differents back/side and side frames?