The Skinning Tutorial articles are to serve as a general how to on skinning.
If you have gone through the entire osu!skinning forums and you are certain that you cannot find that skin, then congrats, osu! doesn't have it yet. With this in mind, you can take this initiative to create the skin you dream of and make it something that everyone else may want!
Nonetheless, please, never request for a skin anywhere in the osu!fourms. Failing to follow this rule will your thread be moved to the wastelands.
First off, don't go asking this in the osu!forums, your thread will most likely be thrown into the wastelands. Secondly, your best bet is to simply ask that person for the skin they're using.
Well nice choice, but remember, skinning can be little hard for a newbie. In the beginning of making any skin, you should have:
This question may also be known as, "What's skin version 1.0 and 2.0+?".
The new and old style skinning was an option in the osu!client. It was, however, removed because the skin.ini now handles the skin versioning.
Old style skinning, now known as "version 1.0", is a style that was used by old default skin (before March 2013). After the "March 2013 update", also known as "version 2.0", peppy introduced the new default skin with its new behaviours and parts. There were few important changes like new spinner, countdown, hitbursts, ranking-panel behaviour. For a changelog of skinning updates, see Skinning.
It may not seem important to denote which version you use but know that some older features may not be available in the latest version of skinning.
Luckily, you don't need magical powers to skin.
Skinning is a simple picture changing mechanism that osu! will load upon selecting a skin in the options. Creating skins is easy (but creating elements, the images, is a little more difficult thing to achieve).
First you need to find your
Skins folder which is inside your osu! directory.
From here, you could either make a new folder and call it whatever you want then start making the skin.
(You could, instead, install the template skin, rename it, and start editing it.)
You should note that osu! has over 200 skinable elements (not counting the individual animation frames). Don’t be scared with the amount because, remember, you are not forced to change everything.
Generally, the skinning elements and the skin.ini file are important parts of your skin and should be included. Which parts you are going to add it’s completely up to you because anything you don't change, the default element will be used instead.
You are able to add different folders with alternative parts into your skin.
osu! won’t care if they are there or not.
Do note, however, the subfolder called
taiko (name is case-insensitive) is reserved for osu!taiko skins, which will override all of the osu!taiko elements (and some interface elements when playing an osu!taiko map).
Never post a skin with another user's skinning element(s) without permission!
This is an important rule of skinning. If you got permission, or user is no longer active and it’s impossible to contact with them, just remember to credit them properly.
You could do that, but—even if you do get permission—please don't share those in the osu! skinning subforums. Please keep those to yourself or post it on your profile page. This will help skinners make their original skins stand out than the remixed/mashup-ed skins.
Know that osu! allows you to animate some elements, but not all of them.
To create an animation for an animatable element, you will need the frames for that animation frame by frame.
With those, name them in order prefixed with the skinning element name then suffix with a hyphen (
-), an index number (start the count at zero), then the file extension (
Most of the animatable skinning elements do not limit you to the amount of frames. However, know that the animation rate could play the animation too slowly before the user would be able to see them. To find the balance between the animation rate and the frames, you'll need to do trail-and-error (see next section below for more details).
Lastly, while most do, not all skinning elements use the hyphen then number system for animating a skinning element. For example:
sliderbhas its frames named: sliderb0, sliderb1, sliderb2, etc.
pippidonclearhas its frames named: pippidonclear0, pippidonclear1, pippidonclear2, etc.
If your animation is too fast/slow, you have two ways to fix it
AnimationFrameratecommand in the skin.ini
Those are the three basic categories for skins:
followpoint.png, semi-transparent hit circle, and less sounds.
The skin.ini file allows you to define specific behaviors on how osu! will display your skin. The list includes but isn't limited to:
To make sharing your skin easy, you should export your skin as an
With this file, you can upload it then post about it in the skinning subfourms.
Here is how to make an
OSK file with osu!
Export as .osk
Yes, and if you do, you must add warning that your skin contains any of the below.
Probably some of you ~~perverts~~ would like to make a skin that will contain mature content. All cases are simple, if you are going to post a skin that have it, you are only allowed to post R15 or "ecchi" skins.
R15 skins may include but are not limited to:
You are NOT allowed to post skins that contains any R18 content anywhere in osu!. Period.
If you post your R18 skin anywhere in the osu!community, be aware that you will be punished for that. On the other hand, if you release it outside the osu!community walls, nobody will hunt you down.
Of course, this is the optional last step to skinning!
OSKfile (follow steps from above) and upload it somewhere
If you don't know how to make friendly looking thread you can use this template by Dragvon (modified).
[General] [b]Skin Name[/b]: Your skin name will go here. [b]Creator[/b]: Name(s) of who made it. [b]Theme[/b]: Tell us what theme your skin is based at. [b]Version[/b]: Self-explanatory [b]Tags[/b]: This can make finding your skin easier. [b]Download[/b]: Put download link here. [Data] [b]Size[/b]: Approx. size of your skin [b]Is it fully skinned? Yes/No.[/b] (Gameplay/Menu/Taiko/Catch the Beat/cursor - only?) [b]HD support? Yes/No.[/b] (does the skin use HD images (using the @2x suffix)) [b]Screenshots[/b]: Screenshots go here. (Adding a spoilerbox is useful for people with slow connections) [b]Video preview[/b]: (Optional, if you have one) [Misc] [b]Creator's comment[/b]: Self-explanatory. [b]Updates[/b]: Leave your updates here (Again, a spoilerbox could be very useful here) [b]Requests[/b]: Since no one is perfect, you can use this to request help to your skin :)
It is really important to include various screenshots of gameplay and the song selection, etc.. A lot of people will want to see your skin looks like before carelessly downloading it! You can use upppy or puush to upload them.