forum

Skinning tutorial (+ skinning support)

posted
Total Posts
4,226
show more
OsuMe65
Add SliderTrackOverride: 0,0,0 under [Colours] section in your skin.ini (if i'm correct with that name)
That will replicate the screenshot you'd posted earlier.

Can't guarantee a 100% success though
Angelo
Did someone have the osu! logo on the osu!tablet in HD please (.png or .svg) ? :) :

Chaoslitz
Anyone know that how to make it only showing 1 dot in the default numbers@@?
Richard2q2

OsuMe65 wrote:

Add SliderTrackOverride: 0,0,0 under [Colours] section in your skin.ini (if i'm correct with that name)
That will replicate the screenshot you'd posted earlier.

Can't guarantee a 100% success though
um what do u mean? Like make a file called that? Lol im not really good at this soz :?
Angelo

Richard2q2 wrote:

OsuMe65 wrote:

Add SliderTrackOverride: 0,0,0 under [Colours] section in your skin.ini (if i'm correct with that name)
That will replicate the screenshot you'd posted earlier.

Can't guarantee a 100% success though
um what do u mean? Like make a file called that? Lol im not really good at this soz :?
Search in your skin folder a file named "skin.ini" and add what he says ;)
Rio-

Chaoslitz wrote:

Anyone know that how to make it only showing 1 dot in the default numbers@@?
HitCircleOverlap: *number*
(number is replaced with the value of Your default number width)
Chaoslitz

satriobp wrote:

Chaoslitz wrote:

Anyone know that how to make it only showing 1 dot in the default numbers@@?
HitCircleOverlap: *number*
(number is replaced with the value of Your default number width)
Oh thanks!
Problem solved :)
Zeo_old_1

Richard2q2 wrote:

OsuMe65 wrote:

Add SliderTrackOverride: 0,0,0 under [Colours] section in your skin.ini (if i'm correct with that name)
That will replicate the screenshot you'd posted earlier.

Can't guarantee a 100% success though
um what do u mean? Like make a file called that? Lol im not really good at this soz :?
In the skin.ini file which is located in your skin's folder, find SliderTrackOverride: 0,0,0. If it isn't there under the colours section, then add it. If it is there and has 2 dashes in front of it (//SliderTrackOverride: 0,0,0), remove the dashes.
Richard2q2
In the skin.ini file which is located in your skin's folder, find SliderTrackOverride: 0,0,0. If it isn't there under the colours section, then add it. If it is there and has 2 dashes in front of it (//SliderTrackOverride: 0,0,0), remove the dashes.
Thanks! worked :D
StupidBaka_old
Hey I'm trying to create an effect for my skin's scorebar like the one in this video but I can't figure it out

TouchFluffyTail
It's animated, you have to make animation frames for your health bar to get an effect like that.
Haskorion
That isn't a animation . They are the scorebar-ki elements just very wide. Check HD Neon skin for this one. t/171731 or t/155356
StupidBaka_old

ReddScorn wrote:

That isn't a animation . They are the scorebar-ki elements just very wide. Check HD Neon skin for this one. t/171731 or t/155356
Ah thank you, I see how they did it now
TanderXS
Hi

I posted this a few hours ago:
p/3158651

and a user told me to ask here.

I tried the solution he gave me and nothing. The slider ticks points won't appear.
Any ideas?

Thanks.
TouchFluffyTail

TanderXS wrote:

Hi

I posted this a few hours ago:
p/3158651

and a user told me to ask here.

I tried the solution he gave me and nothing. The slider ticks points won't appear.
Any ideas?

Thanks.
Are you sure it's in the [General] section of your Skin.ini? And it has the Proper capitalization?
mrgkevin
How do I add difficulty stars?
TanderXS

TouchFluffyTail wrote:

TanderXS wrote:

Hi

I posted this a few hours ago:
p/3158651

and a user told me to ask here.

I tried the solution he gave me and nothing. The slider ticks points won't appear.
Any ideas?

Thanks.
Are you sure it's in the [General] section of your Skin.ini? And it has the Proper capitalization?
Yep. Right after the [General] tag. "Version: 1" Is that right?
TouchFluffyTail

TanderXS wrote:

TouchFluffyTail wrote:

Are you sure it's in the [General] section of your Skin.ini? And it has the Proper capitalization?
Yep. Right after the [General] tag. "Version: 1" Is that right?
Indeed, I just tested it myself and that seems to work. Have you reloaded your skin after you committed these changes? (go to skin select, select a different skin, then go back to yours, or exit and start osu again)
[cocoa]_old

TouchFluffyTail wrote:

go to skin select, select a different skin, then go back to yours, or exit and start osu again
or you can use Alt+Ctrl+Shift+S i'm sure not many skinner know this helpfull shortcut.
TanderXS

TouchFluffyTail wrote:

Indeed, I just tested it myself and that seems to work. Have you reloaded your skin after you committed these changes? (go to skin select, select a different skin, then go back to yours, or exit and start osu again)
Nothing. I even changed it from the original old and new skin packs from the frist post of this thread and nothing. Thanks for all this help you are giving me by the way.
TouchFluffyTail

[cocoa] wrote:

TouchFluffyTail wrote:

go to skin select, select a different skin, then go back to yours, or exit and start osu again
or you can use Alt+Ctrl+Shift+S i'm sure not many skinner know this helpfull shortcut.
If I could bind that to a single button it'd be helpful, but I'm faster at reloading from skin select after all this time. :P

TanderXS wrote:

TouchFluffyTail wrote:

Indeed, I just tested it myself and that seems to work. Have you reloaded your skin after you committed these changes? (go to skin select, select a different skin, then go back to yours, or exit and start osu again)
Nothing. I even changed it from the original old and new skin packs from the frist post of this thread and nothing. Thanks for all this help you are giving me by the way.
I really can't think what the problem is. Changing my version to 1 works with sliderpoint10 and sliderpoint30 in my folder.
TanderXS

[cocoa] wrote:

TouchFluffyTail wrote:

go to skin select, select a different skin, then go back to yours, or exit and start osu again
or you can use Alt+Ctrl+Shift+S i'm sure not many skinner know this helpfull shortcut.
I solved it! Although I feel a bit stupid for this...

It seems they won't appear in the skin selection area. I played a map and there they were... all the time...

Thanks for all your help anyway. And good tip there! Im working in a skin so it'll come in handy.

Bye.
mrgkevin
Can anyone help me on how to add difficulty stars?
TanderXS

mrgkevin wrote:

Can anyone help me on how to add difficulty stars?
Hi.

Here: https://osu.ppy.sh/wiki/Difficulty#Appr ... lty_Rating

It's calculated by Osu! based on the [Difficulty] data.
Garygoh884
I think the tutorial (as written on the first post) should undergo a remake. The information provided may be obsolete.
deadbeat
i thing MLGnom is planning on updating it when i'm not distracting him of course
you'd be more than welcome to rewrite ever one part if you're up for it though!
OsuMe65
I'd tried rewriting it before but I quitted rewriting because of school work
Rika-chan
play-warningarrow is rendered as red in osu when 2.2 was introduced. Whether I'm on 2.0, 2.1, or 2.2 it still renders red. How would I remedy this?
TouchFluffyTail

CarlGel wrote:

play-warningarrow is rendered as red in osu when 2.2 was introduced. Whether I'm on 2.0, 2.1, or 2.2 it still renders red. How would I remedy this?
It's actually been that way since 2.0.

Edit: And I should have said; and you can't change the behavior unless you revert to 1.0.
Rika-chan

TouchFluffyTail wrote:

CarlGel wrote:

play-warningarrow is rendered as red in osu when 2.2 was introduced. Whether I'm on 2.0, 2.1, or 2.2 it still renders red. How would I remedy this?
It's actually been that way since 2.0.

Edit: And I should have said; and you can't change the behavior unless you revert to 1.0.
Dang. I guess I'll have to fix my taiko skin, because it breaks in 1.0.
IamBaum
Hi there, i got a small problem with my customisation.


I wanted to remove the Black borders from the Longnotes, but when i do that, then i get this annoying..... let's say bug :(
(The green longnotes is the one with the removed black border)
It seems that the "Mania-NoteSL.png"* is at the same spot as the "Mania-NoteSH.png"* and it's usually just hidden behind it, but it gets revealed once the black borders are removed. (Although this only occurs at the beginning of the longnotes, the ending is fine, even though the Beginning and Ending use the same .png file.

* Mania-NoteSL.png: (Middle part of the Longnote)
* Mania-NoteSH.png: (beginning and Ending part of the Longnote)

Does any1 knows a solution for this problem, i don't know how to fix this myself :(
[-Aphobias-]
Yo, was wondering how i can re-color a skin to a different color without overlapping/blending the colors or removing some of the reflecting light effects off it?
Kinda like making this red without losing the tones and stuff http://imgur.com/KdC6QOt
Lunachii
Someone here know how to make the spinner back ground with...normal shading?
I mean... since the update of default skin the spinner BG is darker than the spiiner metre. (saying about some that I downloaded wich the spinner metre is a part of the BG picture)
I through it was the skin itself but then I saw that this darker spinner BG is in any skin... Someone know how to make your spinner BG get the normal color?

Sorry for my bad english. D:
Rio-

Aphobias wrote:

Yo, was wondering how i can re-color a skin to a different color without overlapping/blending the colors or removing some of the reflecting light effects off it?
Kinda like making this red without losing the tones and stuff http://imgur.com/KdC6QOt
You can Use Hue/Saturation Adjustment in Photoshop

Constantine
hi

when i modify the lobby-background.jpg and matchsetup-background.jpg

It wont changing, instead of custom BG it shows the menu-background with darker image.

Can you help me?

bad english .-.
Rio-

Constantine wrote:

hi

when i modify the lobby-background.jpg and matchsetup-background.jpg

It wont changing, instead of custom BG it shows the menu-background with darker image.

Can you help me?

bad english .-.
I believe those 2 pictures are not usable anymore (It's been almost a year since It was disabled iirc)
Lirai
Can i ask a question, IF i have a software that can change background,Osu Big Logo,Solo button, Edit Button on my osu interface and i'm not a supporter,Can i get Banned with that ?
OsuMe65
Yes. You can be banned. Somebody did that one and was shot for good.
Lirai

OsuMe65 wrote:

Yes. You can be banned. Somebody did that one and was shot for good.
Oh i see thank you, I wouldn't do that if i could ,cause i might say that illegal 8-)
D e s
can we change the color of menu-button background via skin.ini?
Salamat
I'm new to skinning, but it's bugging me that my taiko-slider.png and taiko-slider-fail.png does not show up for certain songs. Why is it that it shows up on most songs but not on others? And is there a way to fix this?
Garygoh884

salamat wrote:

I'm new to skinning, but it's bugging me that my taiko-slider.png and taiko-slider-fail.png does not show up for certain songs. Why is it that it shows up on most songs but not on others? And is there a way to fix this?
Some beatmaps have storyboards, consisting of visualization sprites. To enhance storyboard visibility while playing in Taiko, slider sprites, like taiko-slider.png and taiko-slider-fail.png are made invisible. If these sprites were visible regardless of their alpha channel (transparency), it may obstruct visibility for some storyboarding sprites.
ceschierpadua
Does anyone here know where I can find the "slider follow circle" like the one in the video?
Salamat

Garygoh884 wrote:

salamat wrote:

I'm new to skinning, but it's bugging me that my taiko-slider.png and taiko-slider-fail.png does not show up for certain songs. Why is it that it shows up on most songs but not on others? And is there a way to fix this?
Some beatmaps have storyboards, consisting of visualization sprites. To enhance storyboard visibility while playing in Taiko, slider sprites, like taiko-slider.png and taiko-slider-fail.png are made invisible. If these sprites were visible regardless of their alpha channel (transparency), it may obstruct visibility for some storyboarding sprites.
Thank you very much. :)
Meepergon
Do cursor sizes affect the hitbox of the cursor?

Also, is there any way to change the color the game tints warning arrows?

Thanks in advance!
Ayesha Altugle

Meepergon wrote:

Do cursor sizes affect the hitbox of the cursor?
I think it isn't

Meepergon wrote:

Also, is there any way to change the color the game tints warning arrows?
I think no because "Version: 2" and beyond's behaviour to tint the warning arrows to color red
[cocoa]_old
Can i put default-(num) in front of hitcircleoverlay?
Garygoh884

[cocoa] wrote:

Can i put default-(num) in front of hitcircleoverlay?
Yes, for each hitcircle, you can decide whether to put these number sprites in front of its hitcircleoverlay by adding "HitCircleOverlayAboveNumber: 0" to your skin.ini, or setting this value to 1 otherwise. These numbers are always drawn on top of its hitcircle.png.
[cocoa]_old

Garygoh884 wrote:

Yes, for each hitcircle, you can decide whether to put these number sprites in front of its hitcircleoverlay by adding "HitCircleOverlayAboveNumber: 0" to your skin.ini, or setting this value to 1 otherwise. These numbers are always drawn on top of its hitcircle.png.
Haha it's work :D
Thanks~
[Pikachu]
Hey, I just got myself a new skin but how can I get rid of this bg pictures showing up in the songselection I don't like it and my last skin didn't had it. http://puu.sh/9DAwC/5332b2b8d5.jpg
Ayesha Altugle


Disable "Show Thumbnails" in options
[Pikachu]

vahn10 wrote:



Disable "Show Thumbnails" in options

Thanks!
[ Pingu ]

[Pikachu] wrote:

Hey, I just got myself a new skin but how can I get rid of this bg pictures showing up in the songselection I don't like it and my last skin didn't had it. http://puu.sh/9DAwC/5332b2b8d5.jpg
Go in skin.ini and find the version bit at the beginning of the notepad. It should be on 2.2, but change it to 2 to get rid of the pictures.
Or the other way xD
[cocoa]_old

Could someone tell me name of the new CTB when he "Panic" and when "Kiai time" came???
Ayesha Altugle
I don't know but try this

RBRat3 wrote:

Fruit-catcher-idle.png
Fruit-catcher-kiai.png
Fruit-catcher-fail.png
Hitorikko
cool ! i want to try making one..
Elzapatoverde

vahn10 wrote:

I don't know but try this

RBRat3 wrote:

Fruit-catcher-idle.png
Fruit-catcher-kiai.png
Fruit-catcher-fail.png
I don't think this is working for skinning yet, i tried and it wont recognize the elements :(

EDIT: well i just read it is working for some people so... why is this happening:


Did i wrote something wrong? I've checked 987439 times.


I tried with version 2 and 2.2 but doesn't work, it always shows the old ryuuta.
[cocoa]_old

vahn10 wrote:

I don't know but try this

RBRat3 wrote:

Fruit-catcher-idle.png
Fruit-catcher-kiai.png
Fruit-catcher-fail.png
It's work!!! Thank you vahn10 :D

Elzapatoverde wrote:

I don't think this is working for skinning yet, i tried and it wont recognize the elements :(

EDIT: well i just read it is working for some people so... why is this happening:


Did i wrote something wrong? I've checked 987439 times.

In my case, i just add
Version: latest
to the skin.ini i dunno it's work on another ppl PC
Elzapatoverde
But:

OsuMe65 wrote:

NEVER use "latest" as your Version if you have plans to share it :3
And it is my Hinanawi Tenshi skin, of course i'm gonna share it.
OsuMe65
Never use "Version: latest" to a skin if you want to distribute it here.

Use Version: 2.3 since it's the latest version as of now. That is, if you want to distribute that skin.
Elzapatoverde
Thank you so much, it works fine now using Version: 2.3
[cocoa]_old

OsuMe65 wrote:

Never use "Version: latest" to a skin if you want to distribute it here.

Use Version: 2.3 since it's the latest version as of now. That is, if you want to distribute that skin.
WOW!!! it's work, thank you very much :D
Chaoslitz

OsuMe65 wrote:

Never use "Version: latest" to a skin if you want to distribute it here.

Use Version: 2.3 since it's the latest version as of now. That is, if you want to distribute that skin.
Actually a skin without the 'version' in the skin.txt accepted now?
coz I have another skin in progress that started to edit before the ver2.3 one
Angelo

Angelo wrote:

Did someone have the osu! logo on the osu!tablet in HD please (.png or .svg) ? :) :

I finally found it :D
kiki
Is it possible to change the FPS counter from using the default-numbers?
Garygoh884

Keanulaszlo wrote:

Is it possible to change the FPS counter from using the default-numbers?
Changing default numbers affects both FPS and hitcircle numbers if you use the default prefix for hitcircles as in your skin.ini. So if you want to change these two numbers individually, these are the steps, according to what I commented on the latest release notes:

xrate56
How do I make a @x2 image without losing quality? When I double the size of an image it is very blurry.
[cocoa]_old

xrate56 wrote:

How do I make a @x2 image without losing quality? When I double the size of an image it is very blurry.
Re-make the image, or you can use photozoom pro but isn't free at all so you must buy the software first :D
Elzapatoverde

xrate56 wrote:

How do I make a @x2 image without losing quality? When I double the size of an image it is very blurry.
You should do the @2x first, so you can make it smaller later without loosing quality.
Gritoit
Does anyone know how to make it so the skip image isn't transparent? The image I am using isn't transparent but in game it is.
Elzapatoverde

Gritoit wrote:

Does anyone know how to make it so the skip image isn't transparent? The image I am using isn't transparent but in game it is.
Nope, you can't do that (I hate it too).
Gritoit
Is it possible to make it so the scorebar-ki set of images don't pulse? (how they get bigger on hit notes)
Chaoslitz

So..I am testing the version 2.3 of my skin
it seems 2.3 version do not support a full size of ranking panel? A bar left at top of my ranking panel
If not, anyone can help me to fix it :(
Garygoh884

Chaoslitz wrote:


So..I am testing the version 2.3 of my skin
it seems 2.3 version do not support a full size of ranking panel? A bar left at top of my ranking panel
If not, anyone can help me to fix it :(
Ranking panels which covers entierly the beatmap background are only supported in Version 1 skins. If you're using a Version 2+ skin, making these ranking panels would not cover backgrounds entirely due to its shifted offset.
Chaoslitz

Garygoh884 wrote:

Ranking panels which covers entierly the beatmap background are only supported in Version 1 skins. If you're using a Version 2+ skin, making these ranking panels would not cover backgrounds entirely due to its shifted offset.
well thanks :)
Dudge
Just wondering, is there a way to change the background when your in the ranking panel menu? I think it was playfield.png but its not working. The image I'm using is 1366 x 768 resolution.
Chaoslitz

Dudge wrote:

Just wondering, is there a way to change the background when your in the ranking panel menu? I think it was playfield.png but its not working. The image I'm using is 1366 x 768 resolution.
I am not sure which image you are talking about@@
but a playfield (playfield.png) is different from the ranking panel (ranking-panel.png)

A playfield appear like thse when a beatmap don't own a background photo
Dudge

Chaoslitz wrote:

Dudge wrote:

Just wondering, is there a way to change the background when your in the ranking panel menu? I think it was playfield.png but its not working. The image I'm using is 1366 x 768 resolution.
I am not sure which image you are talking about@@
but a playfield (playfield.png) is different from the ranking panel (ranking-panel.png)

A playfield appear like thse when a beatmap don't own a background photo
Don't worry, figured it out myself. Thanks for the reply.
Gritoit
Occasionally my skin won't load the hit50, 100, 300 and miss for my skin is there something that I can do to fix this?
Also Is it possible to make it so the scorebar-ki set of images don't pulse? (how they get bigger on hit notes)
MDuh
I have 2 questions

Can I relocate the current combo in the right side instead of having it on the lower left (default) ?

Can I remove this things in replay mode?


I'm trying to make a youtube video showing 2 people playing the same song in multiplayer (we can't record it cause it will hit our pc significantly) using 2 replays.
It would be awesome if I can remove those replay elements so the video will be much cleaner. Also if I can move the current combo to left or right, then I would be able to show the difference on the current combo from the 2 players.
Haskorion
simple questions with simple answers: No!

These buttons will always show up on replays and spectated plays.

The combo count also has its fixed postion in the bottom left corner. Best bet for this would be to request it as a feature and hope it gets implemented eventually.
MDuh
ok thanks for the fast reply. Don't need Feature requests for this I guess.

I'll try to edit the combo position instead in my NLE, except for those replay elements :3
Then edit some elements in the skins instead to differentiate the 2 players
aoisoraa
I've always wanted to ask. Where do skinners get there sounds from? For example, I want Kugimiya Rie saying baka as an osu combobreak sound. How do the skinners get this? Do they just rip it off the episode that you can hear it in or is there a database of sounds that are exclusive to skinners that I don't know about?
OsuMe65
Google is our Bestfriend.
Sometimes, we rip voices from anime episodes; sometimes we Google for that.
Megatron
Does anyone know where to get larger versions of these letter rankings for the ranking screen?

These are actually available on this site and were easy to find using the various tools contained within "F12" on chrome, it turns out they were at these URLs:
https://s.ppy.sh/images/XH.png
https://s.ppy.sh/images/X.png
https://s.ppy.sh/images/SH.png
https://s.ppy.sh/images/S.png
https://s.ppy.sh/images/A.png
https://s.ppy.sh/images/B.png
https://s.ppy.sh/images/C.png
https://s.ppy.sh/images/D.png

These are suitable for the small ranking during playtime for "@2x" and "regular size" (I can just downscale these), but I would really like large ones to use for the ranking screen.
Elzapatoverde
In the first page of THIS THREAD you can find two templates that contain those ranking letters.
Megatron

Elzapatoverde wrote:

In the first page of THIS THREAD you can find two templates that contain those ranking letters.
Do you mean the default skin templates? Those do not use the ranking letters I posted. If you mean another template can you please send me a link because I cannot find any others on the first page.
Elzapatoverde
Yep, those are the default ranking letters, but from the "old skin template" .
Megatron
Great! Thank you, that was precisely what I was looking for.
Bara-
What are the hit sound samples of Taiko skin?
I want to change them, but idk what they are called >.<
Ayesha Altugle
they use the same format for the taiko hitsounds (eg. normal-hitnormal) but affixed with taiko- in the beginning (eg. taiko-normal-hitnormal) [if my memory serves me right though].
Bara-
But the Big Don/Kat and Kat?
How to do those?
Ayesha Altugle
taiko-(sampleset)-hitfinish = for the big dons
taiko-(sampleset)-hitwhistle = for the big katsus

(sampleset) here refers to normal, soft, and drum samplesets.
Elzapatoverde
Are there specific elements for the spinner on taiko? or does anyone know whats happening?

Haskorion

Elzapatoverde wrote:

Are there specific elements for the spinner on taiko? or does anyone know whats happening?

you forgot the spinner-circle. it's used on Taiko spinners and old-style spinners (the set with background and metre, not the new-style ones).
Elzapatoverde

ReddScorn wrote:

Elzapatoverde wrote:

Are there specific elements for the spinner on taiko? or does anyone know whats happening?

you forgot the spinner-circle. it's used on Taiko spinners and old-style spinners (the set with background and metre, not the new-style ones).
Thanks!
mrgkevin
I can't get rid of a blue trail for my osu skin. There is no file for a cursor trail
http://puu.sh/9SZPh/687a0b2ffe.jpg
[cocoa]_old

mrgkevin wrote:

I can't get rid of a blue trail for my osu skin. There is no file for a cursor trail
http://puu.sh/9SZPh/687a0b2ffe.jpg
copy your "cursormiddle" file and rename the copy one of cursormiddle to cursortrail
[cocoa]_old
Sorry for double post but i have a question here i dunno it's double post or............ yeah whatever
- There is a element named "volume-bar" & "volume-bg-effect" where i can find that's element showing in osu!? and this still skinnable?
- And what name of these three element?
Reyvateil
How do I change the selected song font and star.png color from black? I've tried fiddling with "SongSelectActiveText:" as the wiki suggested but nothing happened at all.

I really dislike this change that was made a little while ago, specially the part about changing the stars colors too.
show more
Please sign in to reply.

New reply