forum

Skinning tutorial (+ skinning support)

posted
Total Posts
4,226
show more
h3oCharles

GemmaKujo wrote:

I have a little problem with my spinner.. I wanted to make one myself but the default spinner always shows up and idk how to change that.


set Version to latest in skin.ini

vanessahime wrote:

tell us too about converting .osk file into another format such as .zip or .rar


CTRL+O -> Skin -> Export as .osk


Dwoldy wrote:

Can i use score numbers and hitcircle numbers from other skin and post my skin on forum with them?


Mixed skins are not allowed on the forum. You can post it on /r/osuskins or on your userpage if you have one
-Deer Lu-
how to update the theme with my skin,so that the subject was visible on the forum?
h3oCharles

-Deer Lu- wrote:

how to update the thread with my skin,so that the subject was visible on the forum?

There should be a button on the post that says edit or sth like that
Katxu
This topic should be updated, some features doesnt work anymore like the "SongSelectActiveText".
Reply me if it does work but i don't know how to use it properly.
Haskorion

IFT Seb wrote:

This topic should be updated, some features doesnt work anymore like the "SongSelectActiveText".
Reply me if it does work but i don't know how to use it properly.

It does work.

Often made mistakes in the skin.ini-file are:
  1. lowercases where they should not be: (e.g.: version instead of Version.
  2. incorrect spelling (e.g.: Colors instead of Colours)
  3. having spaces before or after the line
  4. using a variable that is not supported
  5. not putting a line under their correct header (e.g.: ComboPrefix: must be put under the [Fonts] section)
  6. forgetting to put the headers into brackets (these -> ["Header"] )
  7. the file is not an .ini-file (skin.ini.txt instead of skin.ini)

In short: the skin.ini-file is very case sensitive and uses UK english for most parts.

While it is true this tutorial should have been updated long ago, it's not the main topic and with lazer in development writing a new one is pointless since most of today's elements might no longer work like they do now in the lazer client.
h3oCharles

Haskorion wrote:

While it is true this tutorial should have been updated long ago, it's not the main topic and with lazer in development writing a new one is pointless since most of today's elements might no longer work like they do now in the lazer client.

I'll let RockRoller know about this
EDIT1: He's working on it along with the wiki. I hope he gets Contributor badge for this
EDIT2: Yay 1000 posts!
Miwaa
Uuh Cool thanks mate
Acchu
Someone have the default skin?
s n a k e
all i want to do is take some parts of some skins i like and put them in other skins , why is everything so complicated .
Goompaolo95Beat
Spinerr-spin - Text that simply tells you to spin through spinner.


Correct spelling:spinner-spin
Death

Goompaolo95Beat wrote:

Spinerr-spin - Text that simply tells you to spin through spinner.


Correct spelling:spinner-spin
Fix'd
Ashuri-Chan
What is the name of the stars that come out of the sides when the song is going through a critical moment in the ctb? And the lights that come out when you dunk the fruit in the bar?
RockRoller
star2 is the stars
Not totally sure on the lights, but I dont think they are skinnable
Mathia
hi, i know that this may be a stupid question, but i can't seem to find a solution anywhere.

i'm creating a skin by making small changes to the Seouless used by shigetora on twitch and when trying to change the background of the spinner i cannot manage to fit the backgroung, which has an outer glow, with the spinner meter, that contains the image i want to show when spinning.

https://osu.ppy.sh/ss/11534383 <-- this is what i'm talking about

then i noticed that the images used in the original use different resolutions and the spinner metre is always cut by few pixel.

https://i.imgur.com/6Bqoyh7.png spinner bg
https://i.imgur.com/ErHRxqF.png spinner metre

i'm new to skinning but i hope you can help
saucegodd_old
how do i use a skin, it doenloads as a .osk file and i put it in osu skins and it doesnt work
RockRoller

saucegodd wrote:

how do i use a skin, it doenloads as a .osk file and i put it in osu skins and it doesnt work
Dont put it in your skin folder. You need to open it with osu
TG4X
Too sad that the Osu!Skins is going to close in 1st/January/2019 :(
NekoHaxor
How does one get the difficulty stars to work more as a bar instead of getting smaller? I find the scaled version very difficult to read, but when I change the version of the skin, nothing changes about the difficulty stars.
Matt2e2

NekoHaxor wrote:

How does one get the difficulty stars to work more as a bar instead of getting smaller? I find the scaled version very difficult to read, but when I change the version of the skin, nothing changes about the difficulty stars.

The version of skin.ini must be 2.1 or lower.
rivai45
How to change size of LightingN???
After I change the version to lastest (on skin.ini), LightingN change to big .-.
Nyantastic
THX xD
DD_33
So I have a skin I REALLY LIKE, however, it has no numbers and some maps can get really confusing how can I edit it so it does have numbers?
RockRoller

DD_33 wrote:

So I have a skin I REALLY LIKE, however, it has no numbers and some maps can get really confusing how can I edit it so it does have numbers?
If you want dots you need to remove default-0 till default-9 (and the @2x versions if they exist) from your current skin and then you just drop the default- images from a skin in that has dots. Then you just need to copy the value of HitCircleOverlap from the skin.ini from the skin you took the dots from and put it into the skin.ini of the skin you're using.

If you want blank circles just go to the skin.ini of your skin and put
HitCirclePrefix: Something
under [Fonts]
madjon
Hey just got a skin but I want to tinker with it and adjust it to my liking, the thing is that I want the circles and numbers after I click to fade away quick, but for some reason one of the skins I got has a weird option set up as I click the circle will fade away faster than the number which is kinda distracting and messing up with my reading ability.
Gregor
thanks m8
Exclesa
So, i have a 3440x1440 monitor and Osu works beautifully, but obviously nobody makes skins for 21:9 (at least not that i can find).

The skins i use mostly work, but there are a few that are my favorites, but some elements are off, mainly any parts of the Skin that cover the big OSU button on the Map Selection screen in the bottom right.

Is there a way to manually move this so it covers the button like its intended to?

Spoiler box as image is big.


Another question is how to remove the Boxed area on some skins, as on 21:9 its not centered and very distracting, and some skins don't come with optional elements to replace them to get rid of em.
RockRoller

Exclesa wrote:

The skins i use mostly work, but there are a few that are my favorites, but some elements are off, mainly any parts of the Skin that cover the big OSU button on the Map Selection screen in the bottom right.
Is there a way to manually move this so it covers the button like its intended to?

Could be kinda hard to move it on this particular one, but it shouldn't be a problem in general. You would just need to edit selection-mode or selection-options.

Exclesa wrote:

Another question is how to remove the Boxed area on some skins, as on 21:9 its not centered and very distracting, and some skins don't come with optional elements to replace them to get rid of em.

You need to edit scorebar-bg
Isshiki Kaname
Are we allowed to copy such stuff as hitcircle.png or taikobigcircle.png?
They are literally just white colors.
Matt2e2

KatouMegumi wrote:

Are we allowed to copy such stuff as hitcircle.png or taikobigcircle.png?
They are literally just white colors.

No, unless the elements are too simple and can be debated if it counts as mixing or not. Though I would recommend you do not copy them regardless of their simplicity.
Isshiki Kaname

Matt2e2 wrote:

KatouMegumi wrote:

Are we allowed to copy such stuff as hitcircle.png or taikobigcircle.png?
They are literally just white colors.
No, unless the elements are too simple and can be debated if it counts as mixing or not. Though I would recommend you do not copy them regardless of their simplicity.
Yes, they are too simple. Literally white color circle.
Isshiki Kaname
I have a skin that I allow people to freely fork (if character images are replaced)
But given the new subforum rule that does not allow mixed skin even if having aurhor's permission (me). In this case, can I allow people to host forks of my skin in my skin thread?
RockRoller

KatouMegumi wrote:

I have a skin that I allow people to freely fork (if character images are replaced)
But given the new subforum rule that does not allow mixed skin even if having aurhor's permission (me). In this case, can I allow people to host forks of my skin in my skin thread?

Hmm, that is a good question. It should be fine, eventho no one probably would read the comments, which is why you may just wanna add a spoilerbox with versions other people made in the OP. (but please checj then if those are entirely made out of your elements and don't steal some from other skins)
Paiktpro
no entendí ni vergas, no se ingles. :v
Akazukin-MK2
Do you know if it's possible to use different textures for sliderscorepoint in different modes? taiko and standard share the same file by default, I'd rather avoid making 2 skin folders just to change that.
Matt2e2

Akazukin-MK2 wrote:

Do you know if it's possible to use different textures for sliderscorepoint in different modes? taiko and standard share the same file by default, I'd rather avoid making 2 skin folders just to change that.

Sadly, no. There's no easy way to make osu! use a different slider score point file for standard/taiko.
ItsTheZenith
I was wondering, i want to change something in a skin where the circle disappears but the number disappears a little bit later, how do i change this?
Matt2e2

ItsTheZenith wrote:

I was wondering, i want to change something in a skin where the circle disappears but the number disappears a little bit later, how do i change this?

I don't think you can do that, since the only time the numbers expand is when skin.ini version 1.0 is used, and there's no way of doing the fast fading hitcircle trick on that version
ItsTheZenith

Matt2e2 wrote:

ItsTheZenith wrote:

I was wondering, i want to change something in a skin where the circle disappears but the number disappears a little bit later, how do i change this?

I don't think you can do that, since the only time the numbers expand is when skin.ini version 1.0 is used, and there's no way of doing the fast fading hitcircle trick on that version

If u wanna look into it is idke's skin
ADelicateOrange
So, I'm looking at the skins that I have currently, and with the score numbers do I need to have them within the skin folder at small resolutions like 32x54 or 40x60?

If so, does anyone have any tips on making those small numbers not look pixelated when I do it? I currently use Paint.Net (because I don't have money for CorelPainter or Photoshop) I have done some things like going from the most usable non-pixelated resolution then resizing down to those small resolutions. I have tried using "small-preferred fonts" like Tahoma (much to my chagrin) to no avail. I tried doing the largest font possible at those small resolutions and increasing the sharpness and toying with anti-aliasing to have a non-pixelated image. Helpppp.
Integers
I tried to make a cursor trail like this but using a different color and failed miserably. Any tips? I use paint.net



Matt2e2

Integers wrote:

I tried to make a cursor trail like this but using a different color and failed miserably. Any tips? I use paint.net




Think you just need to add a cursormiddle.png file. It's size doesn't matter and you can leave it blank if you want.
aryads5651
can i change the osu! logo which is below the beatmap list?
Matt2e2

aryads5651 wrote:

can i change the osu! logo which is below the beatmap list?

No.
iSandRocks
any tips on getting a taiko-slider look continuous?
here is my banner but i get the hard cut at the end when it loops. im not to sure how to make it look like it loops smoothly

here is a pic of the taiko-slider im working on

RockRoller

blackbird333 wrote:

any tips on getting a taiko-slider look continuous?
here is my banner but i get the hard cut at the end when it loops. im not to sure how to make it look like it loops smoothly

here is a pic of the taiko-slider im working on


It might work by getting them to fade into eachother with a gradient
Neimex23
I need help


how to fix the problem that the combo max and accuracy do not keep together
they test accuracy and max combo is from ranking panel
RockRoller

neimex23 wrote:

I need help


how to fix the problem that the combo max and accuracy do not keep together
they test accuracy and max combo is from ranking panel
What exactly do you mean? I don't undferstand your problem
AkumaOnigiriKa
Thanks bro!
Top1NoobMyst
del
Matt2e2

Top1NoobMyst wrote:

Hello! I just can not solve my problem, maybe someone knows the solution? I have a skin from www, in which I did everything for myself except one, this is the color of the circles. I went through several other color skins and did not understand how they were painted ... the only thing I found and tried to change the skin.ini, put the necessary colors in combo1-5, but the colors changed only in Approach Circle. how to make a colored combo skin from this ? here's the skin, if that https://drive.google.com/file/d/1g17RdcfMJ6E-qcBgph1zWjCtyULCtiOO/view


The "hitcircles" on WWW's skin are placed on the hitcircle combo numbers (default-n), instead of the usual hitcircle and hitcircleoverlay files, meaning they never get tinted.
Axonious
Hi some of my skins have the image preview and some not even if thumbnails all always on. Can somone explain to me what makes it dissaper in some of them and how to edit the settings of the skin or skin itself in order have them visible.
Thanks in advance :)
Matt2e2

Axonious wrote:

Hi some of my skins have the image preview and some not even if thumbnails all always on. Can somone explain to me what makes it dissaper in some of them and how to edit the settings of the skin or skin itself in order have them visible.
Thanks in advance :)

skin.ini versions 1.0 to 2.1 do not have thumbnail support. All later versions do support them but I recommend using 2.5 out of all of them. Beware though, that this might break other things in the skin such as the thumbnail being positioned outside of the menu-button-background or the star indicator not working the same way.
Axonious
Thanks big time
Izaky
Aww
I came by the sounds.
ok thanks you for post
perplexity7
In the skining basic what do you mean by download template ?
Sawanz
It's so Good :<
Connecticut
Can you show me how to put dots instead of numbers in my hit circles
RockRoller

BluSapphireYT wrote:

Can you show me how to put dots instead of numbers in my hit circles

remove the files that start with "default-" from your skin, then you take some "default-" files with dots from another skin and place them into your skin
I CAN FC
have gap here
how fix

i add one black bar at 80% alpha on ranking-lv
but fail

my ranking-panel
https://imgur.com/PYgDAEC

ideal effect (my old skin, but its .ini not latest version, i am updating)



sorry for my bad eng
karo_karo
Can someone make a newer version of this post? Some thing aren't added yet and I don't think that the creator still plays osu! because he was online 3 years ago :/
Matt2e2

karo_karo wrote:

Can someone make a newer version of this post? Some thing aren't added yet and I don't think that the creator still plays osu! because he was online 3 years ago :/

There is, in fact, a newer skinning tutorial. As of now, it's still work in progress, though.
DevilVih
Can someone help me? I'm trying to make a spinner bottom work... but I can not
Matt2e2

DevilVih wrote:

Can someone help me? I'm trying to make a spinner bottom work... but I can not

If you want to use the new spinner format (spinner-top/bottom/middle/middle2/glow), you need to not have spinner-background present in the skin's folder (else osu! will use the old format (spinner-background/metre/circle)) and to have "Version" in skin.ini set to any version from 2.0 to 2.5.
niranbrumskine
Thx for this post!😊
D7A
wheres the skin template?????????
RockRoller

D7A wrote:

wheres the skin template?????????

They are there, just click on the broken images https://puu.sh/DogJb/3d76959b71.png
karo_karo
what about the mode section? (the little box where you can select osu!standart, CTB, mania and taiko)
Matt2e2

karo_karo wrote:

what about the mode section? (the little box where you can select osu!standart, CTB, mania and taiko)

This tutorial is pretty old so don't count on that. Though, there is a new tutorial in the making, you can check it out here.

Edit: Oops, I've already linked it for you in an earlier post, my bad. I generally don't pay attention to who the person I'm responding to is xd.
VibeDemon
So i wanted to spice up my mania skin (merging skins in my case) and i saw something i wanted to implement in my skin but problems arose.

Starting off the skin showed below has 0 Mania images, their all deleted.
Example :

But the glow when hitting the key lights the blue/green color(which is the thing i want to add to my skin)
But since i have nothing to copy/paste in my folder im kinda stuck lol
If you are wondering or need to know this is BeastTrollMC's 2017 Skin would give DL if i could find it, Thanks!
KenLovesCheese
one question, WHAT THE FUCK IS A TEMPLATE
pupp3ts
Can anyone help? This happens when I put the image into the mode selection menu and I don't really know how to fix it. It lines up fine in Paint.net.
https://imgur.com/V84Lswy
Matt2e2

pupp3ts wrote:

Can anyone help? This happens when I put the image into the mode selection menu and I don't really know how to fix it. It lines up fine in Paint.net.
https://imgur.com/V84Lswy

Check if the height of your mode-meds is 256px HD or 128px SD. Also it's better to just put the whole overlay on mode-fruits-med and not have to worry about the height of each mode-med, like this: https://imgur-archive.ppy.sh/5fkAHUa.png.
pupp3ts

Matt2e2 wrote:

pupp3ts wrote:

Can anyone help? This happens when I put the image into the mode selection menu and I don't really know how to fix it. It lines up fine in Paint.net.
https://imgur.com/V84Lswy

Check if the height of your mode-meds is 256px HD or 128px SD. Also it's better to just put the whole overlay on mode-fruits-med and not have to worry about the height of each mode-med, like this: https://imgur-archive.ppy.sh/5fkAHUa.png.


Thank you very much! Changing it to 256 px instead of 260 px fixed it.
Roccoboy
How do I have a character to the side?
Matt2e2

Roccoboy wrote:

How do I have a character to the side?

Usually, it's done by extending selection-mode's canvas to the right and upwards. Then after that you can place your character wherever you want.
Zlacker
Can I ask which skin cookiezi used for the 2016 freedom dive hdhr?
I have searched on the internet for two days and still can't find the correct one.
G8D
any chance move score top right to bottom?
and move score meter: hit error to mid up?
Liftyfied
can be pause-overlay animated?
RockRoller

Liftyfied wrote:

can be pause-overlay animated?

no
Ananda
can someone tell. what Color Purple circle on Skin.ini
Matt2e2

Ananda wrote:

can someone tell. what Color Purple circle on Skin.ini

For that just edit the Combo1 value to your desired purple and delete the other combo colours. If you don't know what RGB values to use just type on Google "colour picker".
Also if you want more than one combo colour, add Combo2,3,4... (up to 8) to your skin.ini.
xxdinorabbitxx
is there a list of supporter exclusive skinning elements i can consult?
RockRoller

Shima Luan wrote:

is there a list of supporter exclusive skinning elements i can consult?

Menu-background.jpg
Welcome_text.png
Seeya.wav
Welcome.wav
Roccoboy

Matt2e2 wrote:

Roccoboy wrote:

How do I have a character to the side?

Usually, it's done by extending selection-mode's canvas to the right and upwards. Then after that you can place your character wherever you want.

Thx ;P
AlKerTin03
So in my skin there's a file named "scorebar-bg.png" that says "Your name here" (inside the pic). Considering its a picture, does that mean i can't really edit it into my actual username?


Also yes that's nicki minaj you're staring at, pls dont ask why
45Traeath

AlKerTin03 wrote:

...
You should be able to.
Maybe the file you have isn't made easy to edit.
Matt2e2

AlKerTin03 wrote:

So in my skin there's a file named "scorebar-bg.png" that says "Your name here" (inside the pic). Considering its a picture, does that mean i can't really edit it into my actual username?


Also yes that's nicki minaj you're staring at, pls dont ask why



45Traeath wrote:

You should be able to.
Maybe the file you have isn't made easy to edit.

You usually need to have the project file to be able to easily edit your name in (like a .psd). Otherwise you have to remove and replace it by hand.

Also if your skin has a scorebar with a custom name on it, you're likely to have a .psd inside the skin's folder in a subfolder.
DoubleHplus
How to make the score fonts aligned in middle like in the current OWC? :<
Matt2e2

DoubleHplus wrote:

How to make the score fonts aligned in middle like in the current OWC? :<

There's no way of doing that in the current client without having to mess up another part of the game sadly.
DoubleHplus

Matt2e2 wrote:

DoubleHplus wrote:

How to make the score fonts aligned in middle like in the current OWC? :<

There's no way of doing that in the current client without having to mess up another part of the game sadly.

Owww, okay then.
RIN KUROYOSHI
Thx, I really want to make my own skin
GenerationGhost
Hi, i recently faced a pretty interessting problem, don't know if this is explained somewhere else (i couldn't find any simular problems related to that).

So when i want to install a skin lets say i have the folder with properties, i just drop the folder in 'Skins' and should then find the name of the folder under the Skinsselection right?

For me it doesn't show up... instead i can only see 'Default' and 'User' if i click on 'Skin file' its opens the folder 'User' under '[Volume where i installed Osu!]\osu!\Skins\User' draging properties of skins there makes them possible to load via selecting the 'User' under Skins but thats just making stuff over obnoxious...

How can i fix this problem? Am i just too stupid to understand what i did wrong? I never have seen this kind of problems in years of playing osu! before and i just recently returned...
RockRoller

GenerationGhost wrote:

Hi, i recently faced a pretty interessting problem,[...]

So, it doesnt import skins properly when you manually add them to your skins folder? That doesnt make too much sense, osu! should read every existing folder in the Skins folder and show them ingame, even if they dont have anything in them or are invalid. So please make sure that you installed the skins in the right directory.
Opening an .osk normally should just open it with osu, which does the extraction itself.
m i r a i e
can somone make a book out of this
Queen Viola
This is great! Awesome work
dem1se
Hi there! I'm making a skin but i have a little problem: the approach circle is the same for standard and taiko, but i want them to be different, one for taiko and one for standard. Is this possible?
RockRoller

-Akyra wrote:

Hi there! I'm making a skin but i have a little problem: the approach circle is the same for standard and taiko, but i want them to be different, one for taiko and one for standard. Is this possible?

No its not
dem1se

RockRoller wrote:

-Akyra wrote:

Hi there! I'm making a skin but i have a little problem: the approach circle is the same for standard and taiko, but i want them to be different, one for taiko and one for standard. Is this possible?

No its not

Okay, thanks!
ElectroBeast
Sup guys, I'm pretty new to skinning and recently I've began playing mania with YUGEN skin. How can I delete key-press highlighters?
dem1se

ElectroBeast wrote:

Sup guys, I'm pretty new to skinning and recently I've began playing mania with YUGEN skin. How can I delete key-press highlighters?

Just download this and it extract it in your skin folder.
show more
Please sign in to reply.

New reply