forum

Skinning tutorial (+ skinning support)

posted
Total Posts
4,226
show more
Nathanael
You should use a transparent star2.png instead of deleting it (the default template will be used in that case).
DeletedUser_4041880

Kazniu wrote:

i have the star2 deleted but it still drops stars from my cursor :?
Just make a transparent 1x1 png file and name it star2.png. Delete star2@2x.png if you have it.
Alpha_00
Is it possible to make hit lighting behave like it did in version 1.0? Several elements of my skin use version 2, but I prefer how the lighting expands in version 1 more.
Tangerine
Is there any way to prevent this from happening when the combo goes higher than 9? Those are the default numbers. Hitcircles and hitcircleoverlay are invisible.

Rundas-Slash

Rundas-Slash wrote:

Hi !

I was wondering if there is a way to show the actual 7 keys of Osumania while playing in 4,5 or 6k? (Even if no notes appears in the non-used collumns)

Thank you in advance for the answers :)
Reposting my question :3
Gritoit

Tangerine wrote:

Is there any way to prevent this from happening when the combo goes higher than 9? Those are the default numbers. Hitcircles and hitcircleoverlay are invisible.
You need to change or add this line to your skin.ini : HitCircleOverlap: 70 (should find or add it under [Fonts])
Change the number to = the pixel size of your default number.

Mind you since you inlaid numbers in yours it will still look a bit sloppy but at least it will be playable.

Alpha_00 wrote:

Is it possible to make hit lighting behave like it did in version 1.0? Several elements of my skin use version 2, but I prefer how the lighting expands in version 1 more.
You are basically stuck with how each version handles things differently with the only exception I know of being the spinner.

Rundas-Slash wrote:

Rundas-Slash wrote:

Hi !

I was wondering if there is a way to show the actual 7 keys of Osumania while playing in 4,5 or 6k? (Even if no notes appears in the non-used collumns)

Thank you in advance for the answers :)
Reposting my question :3
Never skinned for mania however just by looking briefly it does not look to be possible.
Gritoit
Just noticed the volume background got changed does anyone know if this is able to be skinned?
Chiisai
So I'm making my own version of a 3 skins combined, but one of the skins uses dots instead of numbers (Nikko+(Dots+v3)https://osu.ppy.sh/u/Salochin) How do I change the dots on the hit circles back to numbers?
Thanks!
vexingpresence
So what are the rules about submitting a skin with images used that you didn't create?
I made a skin for myself, and it doesn't have any elements from other people's skins, but it does have images made from probably 30-50 artists once its complete.

Am I allowed to post this skin to the forums? Do I have to credit every single artist?
Thankyou.
deadbeat
if the elements aren't taken from other users, it's fine
uSgViPeR
hey guys!
I want to animate bikkos followpoint, as they appear instantly between the notes (or close to instantly). How do i do this?
Moecho
Is the "welcome.wav / welcome.mp3" supposed to change the default welcome sound? I can't seem to get it work :(
Same as well to other related sounds like "seeya.wav / seeya.mp3".

I'm using cuttingedge version, it didn't work for stable version either :/

Any clues?
DeletedUser_4041880

Moecho wrote:

Is the "welcome.wav / welcome.mp3" supposed to change the default welcome sound? I can't seem to get it work :(
Same as well to other related sounds like "seeya.wav / seeya.mp3".

I'm using cuttingedge version, it didn't work for stable version either :/

Any clues?


Check if that's enabled
Haskorion
also important: you need supporter to change the sounds.
Moecho
Yes I had it enabled~

Thanks for answering the question ReddScorn, but isn't that kind of wierd? because the game starts and doesn't recognize me as supporter as long as I'm not logged in, so it feels like welcome sound is pointless if it works like that owo
-makoto yuki
Hi guys! may i asking something.

I have a problem in my thread someone wrote this

ApinkPlsNotice wrote:

Hey, it is a great skin but when i open it my screen turns dark. Then when i restart osu i can select the skin but after a game osu crashes. Can you please help me because the skin for Osu!Mania is the best i've ever seen, i really want to use it!. (I'm using the mac client btw).

Thanks in advance!
i know the problem it's on colour profile then my question is. it's posible to make a png with mac colour profile on windows
OsuMe65
Got a PM says like this
First post here sorry, love the skin NeOsu GRAN (NeOsu 6) however there has been some errors. The client crashes everytime a song is failed and it takes more than a minute just to load a single song.

The problem probably is because I'm using a Mac.
Hope this gets fixed and thanks for making awesome skins
I assume that MAC "rejects" Version: 2.0+ skins for whatever reason :3
Kindly correct me if this assumption is false :3/
iShibura
Thank You For Your Tutorial To how to make a skin

I Tried to make my own and it was a success!! :)
deadbeat

OsuMe65 wrote:

Got a PM says like this
First post here sorry, love the skin NeOsu GRAN (NeOsu 6) however there has been some errors. The client crashes everytime a song is failed and it takes more than a minute just to load a single song.

The problem probably is because I'm using a Mac.
Hope this gets fixed and thanks for making awesome skins
I assume that MAC "rejects" Version: 2.0+ skins for whatever reason :3
Kindly correct me if this assumption is false :3/
MAC support is just dead. it's really bad. it's hard to tell what even works anymore :(
peppy did say he was going to work more on cross-platform support at some point, so hopefully it'll be fixed sometime in the future, can't confirm though.
NippoChan
I Will Making osu! skin armakoma
osu! CTB Taiko Mania had skin complete ok
skin.ini have editor by NippoChan
now begin with nippochan
Mei-mizuki
I did my skin but by playing a few songs, the spiner changed to the skin "osu new template" for no reason. What could be the problem?
PS: I wanted to know if there is any way to make the circle hit could see no color that takes on the circle hit overlay.
autoteleology
What happens when I use 300ppi images in osu! as opposed to 72ppi? Do I get better scaling / anti aliasing?
Oddwel
Hey there people!

A friend gave me some skin. Though I made some tweaking on the taiko elements that were displaying unproperly for some reason (took me a while to correct it. Still don't know what was wrong, but I couldn't tell you what changes could have been made to that skin before it came to me), I didn't touch the sliderball.

I can undoubtedly certify that skin.ini defines
SliderBallFlip: 1
Yet the slider ball does not flip when reversed.

To confirm: I changed the cursor rotation in the ini file and it changed in the game so my file is without doubt being read by osu.
Any ideas as to how I can troubleshoot that?

That'd be great.

PS: For info my osu version is the latest cutting edge (check out the last version in the beta changelog and it's mine)
HoukiHorizon
How do I find the skin Menu to choose my other skins?
I am stuck from last update.
domSaur
what file do i invisible to remove the slliderend which has been common lately.. i just can't seem to know what image am i looking for
DeletedUser_4041880

HoukiHorizon wrote:

How do I find the skin Menu to choose my other skins?
I am stuck from last update.
Go to options and scroll down. Just click on "current skin" and look around to find the skin you want to use.

Rio-

domSaur wrote:

what file do i invisible to remove the slliderend which has been common lately.. i just can't seem to know what image am i looking for
Replace default-0.png - default-9.png with a hitcircle combined with number 0-9 on it (default-0.png has number 0), and use blank hitcircle.png and hitcircleoverlay.png

some skins that using this:
t/222615
Narril or Xilver skin
Takeshi Kida
Alpha_00
How do you make the 4 menu buttons look as in the picture below?


Whenever I try to make a skin, the buttons are always separated.

EDIT: nvm figured it out
Pegasius
Hello, is it possible to animate ranking letters (ranking-A)? I tried it and followed instructions by adding -0...-n where n was number of frames, but it didn't work -.-" any help would be much appreciated.
DeletedUser_4041880

Pegasius wrote:

Hello, is it possible to animate ranking letters (ranking-A)? I tried it and followed instructions by adding -0...-n where n was number of frames, but it didn't work -.-" any help would be much appreciated.
It's not possible to animate ranking letters
Ayesha Altugle

Pegasius wrote:

Hello, is it possible to animate ranking letters (ranking-A)? I tried it and followed instructions by adding -0...-n where n was number of frames, but it didn't work -.-" any help would be much appreciated.
No.

Edit: HINEWPAGE!
JESSFLOW
please help...i tried to resize but it still like that...

https://osu.ppy.sh/forum/t/232060

sorry for my bad English ..
Haskorion

JESSFLOW wrote:

please help...i tried to resize but it still like that...

https://osu.ppy.sh/forum/t/232060

sorry for my bad English ..
I will say it again, you can't use full widescreen images for spinner-metre.png.

This time I will give you the dimensions you should work with: 1024x692 for spinner-background.png AND spinner-metre.png
Fleuret
Is there any word if widescreen support for spinner-metre is going to happen? I tried searching but couldn't really find anything on it. Been out of loop for quite a long time.
KeNooby
ive gotten pretty much everything to work like i would want it to other then spinner-osu for somereason its not showing up after i clear a spinner any ideas?
Haskorion
spinner-osu.png won't work in skins using version 2 or higher.
yericho1996
is anyone have raw file of taiko-bar-left?
I'm really need it for my skin
and sorry if i don't read the previous post
sorry, i mean from latest original osu skin
-Chitose-

KeNooby wrote:

ive gotten pretty much everything to work like i would want it to other then spinner-osu for somereason its not showing up after i clear a spinner any ideas?
Try changing the skin version?

Haskorion wrote:

spinner-osu.png won't work in skins using version 2 or higher.
yes is it because version 2.0+using new spinner version
please read section "Skin Version"



Anyway did anyone know new mod icon file name?
Haskorion

-Chitose- wrote:

Anyway did anyone know new mod icon file name?
Got its name freshly from deadbeat:

selection-mod-keycoop.png

Co-Op simply splits every key count into 2 playfields right now and also enables 10K, 12K, 14K, 16K, and 18K.
So you can maybe start skinning for this keycounts aswell.
IamBaum

Haskorion wrote:

-Chitose- wrote:

Anyway did anyone know new mod icon file name?
Got its name freshly from deadbeat:

selection-mod-keycoop.png

Co-Op simply splits every key count into 2 playfields right now and also enables 10K, 12K, 14K, 16K, and 18K.
So you can maybe start skinning for this keycounts aswell.
Thanks alot, i also tried to figure out the name for it :D
Plutooooo
Anyone know if you can make it so that the reverse arrow changes color based on the combo color?
ExVeemon
I really have no idea if someone already posted this, but how does one change this:

So that it turns blue instead of red?
I have tried looking in the skin.ini, and changing things around, but it doesn't do anything at all.

Thanks in advance!~
Hinei
I'm maked default in photoshop. When i began creating that note, i put a transparent background. Just look at screenshot and tell me how to fix that white pixels.
dws123

MasterSonic10 wrote:

I really have no idea if someone already posted this, but how does one change this:

So that it turns blue instead of red?
I have tried looking in the skin.ini, and changing things around, but it doesn't do anything at all.

Thanks in advance!~
Is the .png file already blue in colour or...?
(And BTW which one are you referring to? the circle or the midpoint?)

Hinei wrote:

I'm maked default in photoshop. When i began creating that note, i put a transparent background. Just look at screenshot and tell me how to fix that white pixels.
Where is the white pixel? I don't see any (or is it that I gotta change my glasses? ._.)
Hinei

dws123 wrote:

MasterSonic10 wrote:

I really have no idea if someone already posted this, but how does one change this:

So that it turns blue instead of red?
I have tried looking in the skin.ini, and changing things around, but it doesn't do anything at all.

Thanks in advance!~
Is the .png file already blue in colour or...?
(And BTW which one are you referring to? the circle or the midpoint?)

Hinei wrote:

I'm maked default in photoshop. When i began creating that note, i put a transparent background. Just look at screenshot and tell me how to fix that white pixels.
Where is the white pixel? I don't see any (or is it that I gotta change my glasses? ._.)
look at left and rigth side
DeletedUser_4041880
Open up the file named hitcircleoverlay.png and erase the pixels in any program that supports transparency. Make sure to save as a .png file when you're finished.
Hinei
I havent pixels when open this files with graph redactor...
DeletedUser_4041880
Make a new layer under the file you opened and fill it with black. You should be able to see the pixels after this, though check hitcircle.png and make sure there aren't any stray pixels on it too.
Hinei
No, i cant see that pixels in the layers
oreNa_
https://www.youtube.com/watch?v=pecDzaGxR1M like in this video, how do you make the slidertrackoverride the same color as your combo color?

thx
Supairo

Im Black wrote:

https://www.youtube.com/watch?v=pecDzaGxR1M like in this video, how do you make the slidertrackoverride the same color as your combo color?

thx
In the skin.ini file, there should be this line:
SliderTrackOverride: 196,146,202
Simply remove it or write it like this:
//SliderTrackOverride: 196,146,202
This will remove the SliderTrackOverride color and change it to the current combo color.
AussieEvil
Has the playfield been removed?
OsuMe65
It's done for, yes
Gumpy

AussieEvil wrote:

Has the playfield been removed?
it has been for some time.
DarkHenrych
I've been trying for a while now to make my own mania skin. I made my keys using Paint.net, basically drawing over a key I copied from another skin. The problem is that once I set the key and key@2x in the .ini file, it doesn't load properly. Namely, the color and design works, but the key doesn't scale to the right height. It covers the lower half of the key space, and actually shrinks to it, but the top half is black. I've been looking for some info on key height/width, but haven't found anything online. I'm stumped.

Haskorion
Don't assign HD elements in the skin.ini. Remove the "@2x" from every line. The game is coded for 1024x768 resolutions so you need to assign SD elements in the skin.ini.
JapanYoshiTheGamer
I checked and I think the new scorebar offset is 12x13 (24x26 @2x).
Haskorion

JapanYoshiTheGamer wrote:

I checked and I think the new scorebar offset is 12x13 (24x26 @2x).
We already had this cleared up and it's [12,12] for scorebars with marker and [5,16] for scorebars with ki.
Haganenno
Hello,

What is the file name for hit lightning?
Inori

Haganenno wrote:

Hello,

What is the file name for hit lightning?
lighting.png

Mania:
lightingN.png
lightingL.png
Haganenno

Inori wrote:

Haganenno wrote:

Hello,

What is the file name for hit lightning?
lighting.png

Mania:
lightingN.png
lightingL.png

Thanks
giiiuls
SpinnerNoBlink: 0/1
why this thing doesn't work?
Angelo
Someone knows where I can download the new default menu sounds please ? (see below)
Storb

Angelo wrote:

Someone knows where I can download the new default menu sounds please ? (see below)
This thread might be useful for you. Has the default skin as a template, which includes a few of those sounds.

Does anyone know the fonts used in the various elements for osu? Things like:
  1. Logo (the new one used in-game, not the site logo which has Verdana)
  2. Chat (not Tahoma)
  3. Hitmarkers (50's, 100's, Geki, etc.)
  4. Score
69653863
The font used in logo, chat, and hitmarkers should be Aller. No idea about score but I think it looks p similar to EXO2
Sanxu_old
Not sure if this has been answered, but I can't seem to enable song select thumbnails for custom skins. I have them enabled in the options and I have the skin's .ini version 2.2, but the thumbnails still don't show up.
Haskorion

Sanxu wrote:

Not sure if this has been answered, but I can't seem to enable song select thumbnails for custom skins. I have them enabled in the options and I have the skin's .ini version 2.2, but the thumbnails still don't show up.
Make sure you wrote it under the [General] section and start 'Version: 2.2' with a capital letter. Missing capitalization is a major mistake I often see on skin.ini-files.
Angelo

Storb wrote:

Angelo wrote:

Someone knows where I can download the new default menu sounds please ? (see below)
This thread might be useful for you. Has the default skin as a template, which includes a few of those sounds.
I already know this topic and the sounds I was searching for are not there, but thanks anyway for trying to help :/
If someone else knows how to get the hitsounds mentioned above, please tell me :)
Sanxu_old

Haskorion wrote:

Sanxu wrote:

Not sure if this has been answered, but I can't seem to enable song select thumbnails for custom skins. I have them enabled in the options and I have the skin's .ini version 2.2, but the thumbnails still don't show up.
Make sure you wrote it under the [General] section and start 'Version: 2.2' with a capital letter. Missing capitalization is a major mistake I often see on skin.ini-files.
I could have sworn the v was capital, could barely tell the difference in notepad. Thanks mate.
OsuMe65

Angelo wrote:

Someone knows where I can download the new default menu sounds please ? (see below)
Tried to make *all* of those and *all* files listed there do work. (not sure for other formats)
It's not bundled in the template though.
Esty
:?: Hello mates, how to fix it? I have a problem w/ stacking numbers after >9 combo in a row~
Rio-

Kripparium wrote:

:?: Hello mates, how to fix it? I have a problem w/ stacking numbers after >9 combo in a row~
open your skin.ini and change the value of "HitCircleOverlap: *numbers*"
i believe the value is more than 20, change it to 0 or between 1-10
Esty

Rio- wrote:

open your skin.ini and change the value of "HitCircleOverlap: *numbers*"
i believe the value is more than 20, change it to 0 or between 1-10
This is not help. On picture HitCircleOverlap: 0 (1, 2, 3 etc. tryed it all).
OsuMe65
That method (HitCircleOverlap: *image width, height) works on dots perfectly, not on numbers
The overlap at 10 onwards is inevitable.
Fatal3ty
Method for Kripparium:

Hitcircleoverlay-0.png make a Hitcircle
default-0.png - default-9.png make a numbers without Circle!
Change Skin.ini - Hitcircleoverlap: 0
Change Skin.ini - HitcircleAboveNumbers: 0 to 1

Esty

Fatal3ty wrote:

Method for Kripparium:

Hitcircleoverlay-0.png make a Hitcircle
default-0.png - default-9.png make a numbers without Circle!
Change Skin.ini - Hitcircleoverlap: 0
Change Skin.ini - HitcircleAboveNumbers: 0 to 1

This not what I want, but thank you anyway :D
Or I dont understand you...
What to do with item 1? Item 2 - only numbers 1-9 in 160-160 pngbox?
Fatal3ty

Kripparium wrote:

Fatal3ty wrote:

Method for Kripparium:

Hitcircleoverlay-0.png make a Hitcircle
default-0.png - default-9.png make a numbers without Circle!
Change Skin.ini - Hitcircleoverlap: 0
Change Skin.ini - HitcircleAboveNumbers: 0 to 1

This not what I want, but thank you anyway :D
Or I dont understand you...
What to do with item 1? Item 2 - only numbers 1-9 in 160-160 pngbox?
Only Numbers 1-9, see it in Peppys Template Skin (Numbers is not 160x160px!!)

HitcircleAboveNumbers: 1 is right. (0 is disable, 1 is enable)
Esty

Fatal3ty wrote:

Only Numbers 1-9, see it in Peppys Template Skin (Numbers is not 160x160px!!)

HitcircleAboveNumbers: 1 is right. (0 is disable, 1 is enable)
Ah, okay, thank you! :lol:
LoveMePlz
Hello everyone im making an own skin but i have a problem, the parts, menu-button-background, fail-backgroun and ranking panel dont work and i dont know why, can anybody maybe help me?
Fleuret
Are they in .png format? Are you playing widescreen? If so then add @2x at the end of the name, like menu-button-background@2x.
xDesmond
I want to make this skin without sliderends: http://puu.sh/fEX5t/bbd2f6944f.osk
Can someone do this for me or tell me how?
This skin is not mine, I just found it on reddit. All credits go to him.
Ty :)
incelost
The sliderend-stuff has been explained so often :roll:

Take a look here.
xDesmond
the problem is I dont know how to create a circle around the number.
I have no experience with this. :/
manjumochi

Fatal3ty wrote:

Method for Kripparium:

Hitcircleoverlay-0.png make a Hitcircle
default-0.png - default-9.png make a numbers without Circle!
Change Skin.ini - Hitcircleoverlap: 0
Change Skin.ini - HitcircleAboveNumbers: 0 to 1

This helps me a lot, thanks.
Storb

xDesmond wrote:

I want to make this skin without sliderends: http://puu.sh/fEX5t/bbd2f6944f.osk
Can someone do this for me or tell me how?
This skin is not mine, I just found it on reddit. All credits go to him.
Ty :)
Here you go. Really easy using the alternative method from Franzium--wherein you replace hitcircle.png and hitcircleoverlay.png with an invisible picture, and make hitcircleoverlay-0.png your regular hitcircle.

One caveat, however--hitcircles will no longer show the proper combo colors. This is the one unavoidable catch with having removed slider ends.


Can anyone tell me the default resolution of multi-skipped.png? And is there a limit to the amount of frames usable in elements that can be animated (e.g. play-skip, menu-back--can these have an infinite amount of frames for an animation)?

EDIT: In addition, is there a way to remove the desaturated effect that occurs when you fail a song in multiplayer? Disabling in-game shaders does disable the near-failure red overlay, but this effect is otherwise unaffected.
xDesmond
Ty for helping me but is there another method where I can use proper combo colors?
manjumochi

xDesmond wrote:

Ty for helping me but is there another method where I can use proper combo colors?
From what I know, probably no. You'll have to use hitcircle.png to use proper combo colors but this also kills the effect of "no slider end circles".
Genius
Greetings

So, I am in the middle of making a skin, which I want to be quite minimal. I managed to make some hitbursts (the 300s to be exact) invisible but that also made them invisible on the ranking board. My question being, is it possible to make them invisible in-game without altering their rank board visibility ?
deadbeat
yes. it is. you can use both 300.png and 300-0.png
300.png will appear on the ranking panel and 300-0.png will appear while playing
I Have Autism
Sorry if i posting in wrong place, pls notice me.
Do somebody still keep the SAO II health bar .psd file ? Since the OP has been banned but i very like that health bar. I need that psd file so i can self-edit my own.
Thanks
Genius

deadbeat wrote:

yes. it is. you can use both 300.png and 300-0.png
300.png will appear on the ranking panel and 300-0.png will appear while playing
Thank you very much!
autoteleology
Does anyone have a complete list of which menu audio elements are skinnable? And why can I not skin whoosh.wav? I thought supporters had that ability.
Keihyan
I want to make life gauge which has my name like skin of rafis. how can i make it? and what software do i needed for?
Storb

Philosofikal wrote:

Does anyone have a complete list of which menu audio elements are skinnable? And why can I not skin whoosh.wav? I thought supporters had that ability.
Not 100%, but in regards to just menu-related elements (referring to Global section of Sounds in the Skinning article on the wiki), I've only ever seen the following in other skins and working:
  1. welcome.wav
  2. seeya.wav
  3. menuhit.wav
  4. menuback.wav
  5. menuclick.wav
  6. applause.wav
I believe multiplayer elements (match-join.wav, match-leave.wav, etc.) are also modifiable. Everything else I don't think can be changed--haven't tested it myself yet though. The only thing being a supporter allows you to modify that you otherwise wouldn't be able to is welcome.wav and seeya.wav (in terms of sounds).


Kei1koh2 wrote:

I want to make life gauge which has my name like skin of rafis. how can i make it? and what software do i needed for?
The file you're looking to modify is scorebar-bg.png. This contains the background of the HP bar and you can put whatever you want on it, including your name. You can also modify scorebar-colour.png to have your name as well (if you want your name to fill with color instead of being static in the background for example).

Free tools to modify / create mage files include Paint.NET and GIMP. A more professional alternative is Photoshop, provided you obtain a copy in some way.
YAOshine
so !good !
Alexjust16

Kei1koh2 wrote:

I want to make life gauge which has my name like skin of rafis. how can i make it? and what software do i needed for?
LyAyvnture
Thank you for this tutorial, I now can make my own skin... heheheh :D :)
DannieKun
What's with the files with @2x at the end of the name? Some skin have it, and some doesn't. Can someone explain this to me? And what is the file name of the part in osu standard where it shows what key / mouse button the player is pressing, on the right side of the screen. Thanks!
Szymek
show more
Please sign in to reply.

New reply