Skinning is one of the fundamentals of all osu! game modes. It enables users to derive from the original skinning elements to create their own!
Over the years of osu!, skinning has changed dramatically in style. There are various ways that you can skin osu!
Skins vary from for-fun to a central theme (e.g. anime or group of people) to those that are nigh impossible to play with (e.g. oversized hitbursts, invisible followpoints, ). Another type of skin are pro skins, where they maximize play field visibility and minimize visual obtrusions (e.g. replacing hitbursts with blank images).
See Skinning Tutorial.
If your beatmap uses a skin and has any of the elements included in here, all elements of the set should be included even if you need to use default skin elements to complete it. If all sets are included, then you may alternatively just force default skin.
The individual sets can be found on these pages divided into each game mode. The user interface and the sounds shared by most game modes:
Images should always be in the
menu-background.jpgis the expection, this one can use
Trim or crop your images whenever possible.
Compress images whenever possible.
Certain elements face a certain direction.
Note that osu! can be played at different resolutions. Because of this, some skinning elements may overlap or be farther apart than what is expected.
It is best to keep the following resolutions in mind while skinning.
Images will be adjusted by the game itself to fit resolutions derivating from the ones mentioned above. Most of them will be rescaled to fit the playfield or repositioned on different aspect ratios.
HD sprites are used in place of the normal sprites on higher resolutions, when present.
Compared to normal sprites, HD sprites look much sharper and cleaner on these larger resolutions.
They get scaled by the game itself automatically to fit the resolution used.
Resolutions supporting HD sprites begin at a minimum of 800 pixel in height.
HD sprites are tagged with
@2x at the end of their names.
HD sprites have doubled dimension sizes.
hitcircle.pngsprite has the dimension sizes of 128x128 pixels.
email@example.com, has the dimension sizes of 256x256 pixels.
Every sprite has an HD counterpart, even all frames in an animation can have HD counterparts. As a result, the filesize of the folder or archive will increase due to having more images than normal.
All HD sprites may also be bigger in filesize due to the fact that the canvas size used is four times bigger compared to the normal sprite. There are essentially two resolution modes osu! is using. Each of them prefers one set of sprites. The first mode is LowResolution while the second mode is HighResolution.
Currently, only 2 sprites and 2 sounds can only be modified if the user is an osu!supporter; otherwise, the default one will be used. Those skinning elements are as follows: