forum

Skinning tutorial (+ skinning support)

posted
Total Posts
4,226
show more
Fahe
Thank you cocoa,

checked the files type and they are .png, tried to change the skin.ini as you suggested, none of them worked (it was already set to 2.2).
I'm really puzzled as these two buttons are the only thing not working in the skin...
[cocoa]_old

Fahe wrote:

Thank you cocoa,

checked the files type and they are .png, tried to change the skin.ini as you suggested, none of them worked (it was already set to 2.2).
I'm really puzzled as these two buttons are the only thing not working in the skin...
well did you check the name of file??? you know on v2.2 "ranking-replay,retry & back.png" it's not working again so you should re-naming the file to "pause-replay" for replay and "pause-retry" for retry, anyway can you provide the screenshot of the element who not working pls.
robin
Hello osu friends, is there a way to remove the 1st, 2nd, 3rd, ect from my screen when playing multiplayer?
deadbeat
nope
[cocoa]_old

Kasunchop wrote:

Hello osu friends, is there a way to remove the 1st, 2nd, 3rd, ect from my screen when playing multiplayer?

deadbeat wrote:

nope
Fahe
Thanks a lot cocoa, renaming the files worked, I have to rework a bit the "pause-" images but it's now working fine !
BloonZ
Hi guys,

Is there any way to fill up the blank bar at the bottom of the spinner screen (under where spinner-metre.png starts)? I was playing around with spinner-rpm.png, but that doesn't seem to work since the picture doesn't start from the left edge of the screen.
[cocoa]_old
Hi everyone just a litle question
Ayesha Altugle
Yes and it's filename is taiko-glow.png
[cocoa]_old

vahn10 wrote:

Yes and it's filename is taiko-glow.png
wow thank you for the fast answer :D
[ Zan ]
I'm trying to get the same type of blur as this:


on this:



Can someone explain how?
TouchFluffyTail

[ Zan ] wrote:

I'm trying to get the same type of blur as this:


on this:



Can someone explain how?
I only use photoshop so I can only advise on that, but to do that easily you can create a mask on the layer (button on the bottom bar of the layers window), then select the mask and use the gradient tool with it set to reflected gradient with 'reverse' checked, then you just set the gradient horizontally and you should have it.

Just a quick explanation so feel free to ask if I need to elaborate on anything.
[ Zan ]

TouchFluffyTail wrote:

[ Zan ] wrote:

I'm trying to get the same type of blur as this:


on this:



Can someone explain how?
I only use photoshop so I can only advise on that, but to do that easily you can create a mask on the layer (button on the bottom bar of the layers window), then select the mask and use the gradient tool with it set to reflected gradient with 'reverse' checked, then you just set the gradient horizontally and you should have it.

Just a quick explanation so feel free to ask if I need to elaborate on anything.
I don't know if you can answer this since it's gimp but I assume it's similar to PS:

Which setting do I choose?


Is this what you mean by reverse for the gradient?


And what colors for the gradient..?
TouchFluffyTail
Geez, I assume you can do the same thing that I mentioned in Gimp but looking at that I have no idea what the equivalent actions would be.

Sorry, haha.Gunna have to wait for someone who uses Gimp. :o
mrgkevin
I can't figure out how to change my slider colors :(
Halp
Chaoslitz

mrgkevin wrote:

I can't figure out how to change my slider colors :(
Halp
You can change it in the skin.ini file
By adding SliderTrackOverride: 'The colour you want'
Ayesha Altugle

Chaoslitz wrote:

mrgkevin wrote:

I can't figure out how to change my slider colors :(
Halp
You can change it in the skin.ini file
By adding SliderTrackOverride: 'The colour you want'

Remember this code

SliderTrackOverride: R,G,B
Chaoslitz

TouchFluffyTail wrote:

[ Zan ] wrote:

I'm trying to get the same type of blur as this:


on this:



Can someone explain how?
I only use photoshop so I can only advise on that, but to do that easily you can create a mask on the layer (button on the bottom bar of the layers window), then select the mask and use the gradient tool with it set to reflected gradient with 'reverse' checked, then you just set the gradient horizontally and you should have it.

Just a quick explanation so feel free to ask if I need to elaborate on anything.
Can anyone explain these steps with picture :o
(Bad at English :(
TouchFluffyTail

Chaoslitz wrote:

Can anyone explain these steps with picture :o
(Bad at English :(


;)
Chaoslitz

TouchFluffyTail wrote:

Chaoslitz wrote:

Can anyone explain these steps with picture :o
(Bad at English :(


;)
yay thats awesome :)
Thanks!
kiki
Could someone explain how to remove slider ends (I know how to do this) and not break 10+ combos?
Here is what I mean:


This is from Legendre's latest video, https://www.youtube.com/watch?v=5kD2JFYOqjQ.

He has the slider ends removed, which I know you edit the default numbers to look like hitcircles, but how isn't it broken for 10+ combos?
TouchFluffyTail
You have to use
HitCircleOverlap
in the [Fonts] section of the skin.ini. The exact value you have to use it dependent on your element size so you're going to have to trial and error the exact value.

I'm not exactly sure how he figured out a way to not have silly 10+ combos though, will require testing.
kiki

TouchFluffyTail wrote:

You have to use
HitCircleOverlap
in the [Fonts] section of the skin.ini. The exact value you have to use it dependent on your element size so you're going to have to trial and error the exact value.
I sort of know about the HitCircleOverlap value, and how it affects the hitcircles. However, the best I can come up with is this:
Asdran
hi,

Can you help me how to make a little picture in my skin too? :O

http://puu.sh/9k3wF/e93880dcdd.jpg

like this:
http://puu.sh/9k3z9/ed2a40f6bf.jpg
[cocoa]_old

Asdran wrote:

hi,

Can you help me how to make a little picture in my skin too? :O

http://puu.sh/9k3wF/e93880dcdd.jpg

like this:
http://puu.sh/9k3z9/ed2a40f6bf.jpg
Add this
Version: 2.2
or
Version: latest
to your skin.ini in [General] section.
Asdran

[cocoa] wrote:

Asdran wrote:

hi,

Can you help me how to make a little picture in my skin too? :O

http://puu.sh/9k3wF/e93880dcdd.jpg

like this:
http://puu.sh/9k3z9/ed2a40f6bf.jpg
Add this
Version: 2.2
or
Version: latest
to your skin.ini in [General] section.
Thank you very much *.*

And is it possible to play the background video in it? :O
That would be awesome!
Ayesha Altugle

Asdran wrote:

And is it possible to play the background video in it? :O
That would be awesome!
Request it in Feature Request subforum then.

Keanulaszlo wrote:

Could someone explain how to remove slider ends (I know how to do this) and not break 10+ combos?
Here is what I mean:


This is from Legendre's latest video, https://www.youtube.com/watch?v=5kD2JFYOqjQ.

He has the slider ends removed, which I know you edit the default numbers to look like hitcircles, but how isn't it broken for 10+ combos?
The answer is simple, you must rename your hitcircleoverlay to hitcircleoverlay-0, the hitcircle and hitcircleoverlay must be transparent.



^see combo number 10 to show that it worked

Proof Skin
AnatOWJIya
Hi there peoples.I have a question.Is it okay that i'm using parts of map's skin in my skin? (Sorry for bad English ^_^)
Rio-

STYNGY wrote:

Hi there peoples.I have a question.Is it okay that i'm using parts of map's skin in my skin? (Sorry for bad English ^_^)
It's okay if You keep It personally (not publishing It)
[cocoa]_old

vahn10 wrote:

The answer is simple, you must rename your hitcircleoverlay to hitcircleoverlay-0, the hitcircle and hitcircleoverlay must be transparent.



^see combo number 10 to show that it worked

Proof Skin
well it's solve my problem now thanks vahn10 :D
AnatOWJIya

satriobp wrote:

STYNGY wrote:

Hi there peoples.I have a question.Is it okay that i'm using parts of map's skin in my skin? (Sorry for bad English ^_^)
It's okay if You keep It personally (not publishing It)
What will be if i'll publicate it?
Rio-

STYNGY wrote:

What will be if i wanna publicate it?
I mean You can mix your skin by using some elements from other skins, but since It's not Yours... You're not allowed to posting/publishing Your mixed skin in the Skinning SF (but You can keep the link in Your userpage or signature though)

Please don't use other people's skin elements in your skin without the creator's permission.
Nobody likes it when people take your hard work and claim it for themselves, so make sure you ask permission from the original skinner and credit them in your skin when you use their skin elements.
shavit

STYNGY wrote:

What will be if i'll publicate it?
Ask the mapper if you're allowed to use the files.
AnatOWJIya

satriobp wrote:

STYNGY wrote:

What will be if i wanna publicate it?
I mean You can mix your skin by using some elements from other skins, but since It's not Yours... You're not allowed to posting/publishing Your mixed skin in the Skinning SF (but You can keep the link in Your userpage or signature though)

Please don't use other people's skin elements in your skin without the creator's permission.
Nobody likes it when people take your hard work and claim it for themselves, so make sure you ask permission from the original skinner and credit them in your skin when you use their skin elements.
Thanks for reply
AnatOWJIya

Comet wrote:

STYNGY wrote:

What will be if i'll publicate it?
Ask the mapper if you're allowed to use the files.
Thanks for reply
AnatOWJIya
But who shall i ask permission for if skin were doing by 3 peoples?
shavit

STYNGY wrote:

But who shall i ask permission for if skin were doing by 3 peoples?
Let's take an example:
1. shavit made cursor.png
2. Shavit-sama made hitcircle.png
3. Comet made sliderb-0.png until sliderb-9.png

If shavit allows you to use his elements, you can use cursor.png.
If Shavit-sama allows you to use his elements, you can use hitcircle.png.
If Comet allows you to use his elements, you can use the slider ball animation.
AnatOWJIya

Comet wrote:

STYNGY wrote:

But who shall i ask permission for if skin were doing by 3 peoples?
Let's take an example:
1. shavit made cursor.png
2. Shavit-sama made hitcircle.png
3. Comet made sliderb-0.png until sliderb-9.png

If shavit allows you to use his elements, you can use cursor.png.
If Shavit-sama allows you to use his elements, you can use hitcircle.png.
If Comet allows you to use his elements, you can use the slider ball animation.
Thanks,but what if i don't know who did each element?
shavit

STYNGY wrote:

Thanks,but what if i don't know who did each element?
Ask the mapper, if he won't answer in 3 days then I think you can post with saying that you can't contact the elements' creators and that you will remove their elements if they will contact you about that.
AnatOWJIya

Comet wrote:

STYNGY wrote:

Thanks,but what if i don't know who did each element?
Ask the mapper, if he won't answer in 3 days then I think you can post with saying that you can't contact the elements' creators and that you will remove their elements if they will contact you about that.
Thanks,i'll do that
dws123
Can someone please list all the mod files and where they are when you go to the mod selection screen? (thanks in advance)
I'm having trouble finfong out what "target" is reference here
OsuMe65
Target Practice mod is supporter only mod.
Can be probably seen after SpunOut and before Autoplay
TouchFluffyTail

dws123 wrote:

Can someone please list all the mod files and where they are when you go to the mod selection screen? (thanks in advance)
I'm having trouble finfong out what "target" is reference here
Download the updated default template here, it has all the newer mod icons like Cinema and Target Practice.
mrgkevin
I still can't change my slider color :(
My skin.ini looks like this http://puu.sh/9kkYL/8225954feb.png
TouchFluffyTail

mrgkevin wrote:

I still can't change my slider color :(
My skin.ini looks like this http://puu.sh/9kkYL/8225954feb.png
What color are you trying to change it to? From your .ini your slider should be black.
mrgkevin

TouchFluffyTail wrote:

mrgkevin wrote:

I still can't change my slider color :(
My skin.ini looks like this http://puu.sh/9kkYL/8225954feb.png
What color are you trying to change it to? From your .ini your slider should be black.
Actually when I go into a map my slider is not black. Im trying to make the slider inside black and red on the outside
dws123

mrgkevin wrote:

Actually when I go into a map my slider is not black. Im trying to make the slider inside black and red on the outside
maybe this can help? put it in colours section
SliderBorder: 255,0,0
SliderTrackOverride: 0,0,0
TouchFluffyTail
Strange, since that's what it should be showing up as. Have you re-loaded your skin since you made the changes?


Also just for reference, my sliders are black and in my .ini the line is
SliderTrackOverride: 0,0,0
Yours looks correct but maybe try copy-pasting my line in there and see if anything changes.

Edit; Sniped.
mrgkevin

TouchFluffyTail wrote:

Strange, since that's what it should be showing up as. Have you re-loaded your skin since you made the changes?


Also just for reference, my sliders are black and in my .ini the line is
SliderTrackOverride: 0,0,0
Yours looks correct but maybe try copy-pasting my line in there and see if anything changes.

Edit; Sniped.
It still isn't black. Does it have to do something with the files in my skin folder that isn't the skin.ini?
TouchFluffyTail
The only things I can think of are you either haven't reloaded your skin since saving the changes, or you aren't actually set to the skin you're editing.
mrgkevin

dws123 wrote:

mrgkevin wrote:

Actually when I go into a map my slider is not black. Im trying to make the slider inside black and red on the outside
maybe this can help? put it in colours section
SliderBorder: 255,0,0
SliderTrackOverride: 0,0,0
Didn't work either
mrgkevin
Is there a way to change the font for the numbers in hit circles?
TouchFluffyTail

mrgkevin wrote:

Is there a way to change the font for the numbers in hit circles?
They're image files.

default-0.png ~ default-9.png
mrgkevin
Where do I disable the sparkle after I hit a note in my skin
Rio-

mrgkevin wrote:

Where do I disable the sparkle after I hit a note in my skin
disable "hit lightning" in the graphic option?
mrgkevin
I want that. After I hit a note, there's fireworks PLUS the the hit lightning.
TouchFluffyTail

mrgkevin wrote:

I want that. After I hit a note, there's fireworks PLUS the the hit lightning.
particle50.png
particle100.png
particle300.png
loiso_pondohva
Hey is there any way to make hitcircles disappear instantly after hitting - without expanding and fading? Tried leaving hitcircle and hitcircleoverlay blank (used numbers instead XD) but expanding/fading remained. How can i opt this??? :?
[cocoa]_old

loiso_pondohva wrote:

Hey is there any way to make hitcircles disappear instantly after hitting - without expanding and fading? Tried leaving hitcircle and hitcircleoverlay blank (used numbers instead XD) but expanding/fading remained. How can i opt this??? :?
why not try my skin XD you can click my signature
TouchFluffyTail

loiso_pondohva wrote:

Hey is there any way to make hitcircles disappear instantly after hitting - without expanding and fading? Tried leaving hitcircle and hitcircleoverlay blank (used numbers instead XD) but expanding/fading remained. How can i opt this??? :?
You can't. Hitcircles have a set animation that isn't changeable.
loiso_pondohva

TouchFluffyTail wrote:

loiso_pondohva wrote:

Hey is there any way to make hitcircles disappear instantly after hitting - without expanding and fading? Tried leaving hitcircle and hitcircleoverlay blank (used numbers instead XD) but expanding/fading remained. How can i opt this??? :?
You can't. Hitcircles have a set animation that isn't changeable.
Then developers must fix this :?
Ace199212
Help....
Can i do few sound effects (wav/mp3) for combobursts?
If is possible to do random comboburst image, so it's working same with sounds? D:
[cocoa]_old

Ace199212 wrote:

Help....
Can i do few sound effects (wav/mp3) for combobursts?
If is possible to do random comboburst image, so it's working same with sounds? D:
Sure you can i not remember the name of sound for comboburst but for random comboburst just add this
ComboBurstRandom : 1
to your skin.ini in [General] section
Ace199212
Arigato / Thank You! :D
Puru Puru Rin
Whatever happened to selection-selectoptions.png/ selection-selectoptions-over.png?

I'm not really digging this headless body I get...
OsuMe65
'Twas removed yesterday, i bet. Not sure when though
Puru Puru Rin

OsuMe65 wrote:

'Twas removed yesterday, i bet. Not sure when though
Aww, how do we choose between ranked and nonranked maps now? (along with hover click, and whatever else there was?)
[cocoa]_old

Puru Puru Rin wrote:

Aww, how do we choose between ranked and nonranked maps now? (along with hover click, and whatever else there was?)
use this???
AnatOWJIya
Hi there guys.Can someone help me with ranking panel?I can't get it right
[cocoa]_old

STYNGY wrote:

Hi there guys.Can someone help me with ranking panel?I can't get it right
okay........ so ranking panel like what you wanna make??
Chaoslitz

STYNGY wrote:

Hi there guys.Can someone help me with ranking panel?I can't get it right

Here is one of my ranking panel (Not @2x)
To see if the size is fit for you or take a reference :3
AnatOWJIya

[cocoa] wrote:

STYNGY wrote:

Hi there guys.Can someone help me with ranking panel?I can't get it right
okay........ so ranking panel like what you wanna make??
Well first i wanna know how to position all of elements of panel.
Then which size should be playfield.png?
And thanks for reply
AnatOWJIya

Chaoslitz wrote:

STYNGY wrote:

Hi there guys.Can someone help me with ranking panel?I can't get it right

Here is one of my ranking panel (Not @2x)
To see if the size is fit for you or take a reference :3
Thanks but i wanna do myself ranking panel for my skin
Chaoslitz

STYNGY wrote:

Thanks but i wanna do myself ranking panel for my skin
It is just a reference
I know that making by yourself is better
AnatOWJIya

Chaoslitz wrote:

STYNGY wrote:

Thanks but i wanna do myself ranking panel for my skin
It is just a reference
I know that making by yourself is better
I know it too,but i can't set elements right in panel,+ i can't do myself panel
Chaoslitz

STYNGY wrote:

I know it too,but i can't set elements right in panel,+ i can't do myself panel
Those position need to adjust along those scorenumbers
so the position may not be same with other ranking panel compared @@
AnatOWJIya

Chaoslitz wrote:

STYNGY wrote:

I know it too,but i can't set elements right in panel,+ i can't do myself panel
Those position need to adjust along those scorenumbers
so the position may not be same with other ranking panel compared @@
Which programm should i use to create ranking panel?
Chaoslitz

STYNGY wrote:

Which programm should i use to create ranking panel?
I use Photoshop to create it
but it is optional
AnatOWJIya

Chaoslitz wrote:

STYNGY wrote:

Which programm should i use to create ranking panel?
I use Photoshop to create it
but it is optional
Thanks a lot of for help
Eberon

[cocoa] wrote:

Fahe wrote:

Thank you cocoa,

checked the files type and they are .png, tried to change the skin.ini as you suggested, none of them worked (it was already set to 2.2).
I'm really puzzled as these two buttons are the only thing not working in the skin...
well did you check the name of file??? you know on v2.2 "ranking-replay,retry & back.png" it's not working again so you should re-naming the file to "pause-replay" for replay and "pause-retry" for retry, anyway can you provide the screenshot of the element who not working pls.
Is there any way to have a different image for the retry button in the pause screen and in the ranking screen?
[cocoa]_old

Eberon wrote:

Is there any way to have a different image for the retry button in the pause screen and in the ranking screen?
maybe you can try add this to your skin.ini in [General] section
Version: 1
and rename the the file to "ranking-retry" for ranking and "pause-retry" for pause.
Eberon
So no way in the Version 2+ ?
[cocoa]_old

Eberon wrote:

So no way in the Version 2+ ?
nope boy sorry the ranking-retry and replay only avaiable in version: 1 :(
Sarah Katherine
Hi, can anyone help me in slider part:
I want to add sliderpoint10 and sliderpoint30 to my skin, but it don't work (the score image not appear when hit slider). I tried change the skin.ini: delete the line Version: 2, and the sliderpoint finally appeared. But other element has been appeared as old version (especially the spinner). So is there anywat to keep using skin version 2, while included the sliderpoint?
[cocoa]_old

Sarah Katherine wrote:

Hi, can anyone help me in slider part:
I want to add sliderpoint10 and sliderpoint30 to my skin, but it don't work (the score image not appear when hit slider). I tried change the skin.ini: delete the line Version: 2, and the sliderpoint finally appeared. But other element has been appeared as old version (especially the spinner). So is there anywat to keep using skin version 2, while included the sliderpoint?
No
brezals
If I just want to change one thing on the default skin, do I need to create a skin file?

The thing I want to change is the followpoints, and well just dropping files named followpoint in the skin folder didn't do much, didn't really expect it, but would be nice if it was that easy.

I saw a followpoint I liked on a song, so I just grabbed the followpoint files from that song to my skin folder, but obviously it is not that simply, so my question is what is the easiest way to be able to use that followpoint on all songs?
[cocoa]_old

brezals wrote:

If I just want to change one thing on the default skin, do I need to create a skin file?
No, just create folder "User" on skins folder and put your followpoint here

brezals wrote:

I saw a followpoint I liked on a song, so I just grabbed the followpoint files from that song to my skin folder, but obviously it is not that simply, so my question is what is the easiest way to be able to use that followpoint on all songs?
If you want always use your followpoint just enable this
brezals
Thank you, that worked, as I wanted it.
Richard2q2
Guys I have a problem, so I'm just making my own skin for my own use. My hitcircle overlay looks different to my slider overlay.

How to explain this....

How do i put a pic here :?
brezals

Richard2q2 wrote:

Guys I have a problem, so I'm just making my own skin for my own use. My hitcircle overlay looks different to my slider overlay.

How to explain this....

How do i put a pic here :?
Host your image on a image host website, like imgur.com then just copy the image adress, and press "img" and copy it between the brackets.

The brackets looks like this (img) (/img) but with [ ] instead of ( )
Richard2q2

brezals wrote:

Richard2q2 wrote:

Guys I have a problem, so I'm just making my own skin for my own use. My hitcircle overlay looks different to my slider overlay.

How to explain this....

How do i put a pic here :?
Host your image on a image host website, like imgur.com then just copy the image adress, and press "img" and copy it between the brackets.

The brackets looks like this (img) (/img) but with [ ] instead of ( )


Yay i got it! yeah so i want the have the hollow part of the hit circles for my sliders too. How do i do that?
Ayesha Altugle
remove "SliderTrackOverride:" Line in the skin.ini
Topic Starter
MLGnom

vahn10 wrote:

remove "SliderTrackOverride:" Line in the skin.ini
Aaaaand it has nothing to do with asked question...

Richard2q2 wrote:



Yay i got it! yeah so i want the have the hollow part of the hit circles for my sliders too. How do i do that?
Sadly you are unable to do that on sliders since they are unskinnable and hitcircles are just placed on them. You can only change colour of slider by using "SliderTrackOverride" in skin.ini but I don't think it helps you much.
Richard2q2

MLGnom wrote:

vahn10 wrote:

remove "SliderTrackOverride:" Line in the skin.ini
Aaaaand it has nothing to do with asked question...

Richard2q2 wrote:



Yay i got it! yeah so i want the have the hollow part of the hit circles for my sliders too. How do i do that?
Sadly you are unable to do that on sliders since they are unskinnable and hitcircles are just placed on them. You can only change colour of slider by using "SliderTrackOverride" in skin.ini but I don't think it helps you much.
wattttttt really? Cos the skin i took the elements from has its sliders the same as its hitcircles. Howw :?:

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)
show more
Please sign in to reply.

New reply