forum

Skinning tutorial (+ skinning support)

posted
Total Posts
4,226
show more
echobear_old
Is there any way to make followpoints for the sliders show up like the follow points for hitcircles? basically I want


the green squares to appear in a spaced out pattern like -dot dot dot- along the slider.
Rio-

echobear wrote:

Is there any way to make followpoints for the sliders show up like the follow points for hitcircles? basically I want


the green squares to appear in a spaced out pattern like -dot dot dot- along the slider.
You can copy Your followpoint.png and rename it with sliderscorepoint.png
Kyuunei_old
Where does the score-comma used?
I just can't find it anywhere.
Rei Hakurei
comma/dot is used based on your language/regional localisation,
i had an issue not including a comma gives a shit looking accuracy like 9999% instead 99.99%
Arctic
how do I stop the flashing hitcircles in game? I don't know if its a skinning issue but i would assume so...
Rio-

hatseducer wrote:

how do I stop the flashing hitcircles in game? I don't know if its a skinning issue but i would assume so...
It's called "Kiai Time" in-game.... You can't remove that, but to decrease the flashing You can use dark or transparent hitcircle...
Arctic
forgot to ask this, is there a way to stop the background from going black when spinning? i tried making the spinner-background transparent but it didn't work.
Topic Starter
MLGnom
First post, skin.ini part. ^^

MLGnom wrote:

SpinnerFadePlayfield: 0/1 – If this is set to 0, background of spinners will be transparent (you will be able to see map playfield/video). Example how it's work. SpinnerFadePlayfield: 1 and SpinnerFadePlayfield: 0
N88
While making followpoints, I noticed that they're spaced more apart with HR mod. Here is a screenshot to show what i mean:
I can just make the trail longer and it works quite well, but the images are overlaping without HR, in this case it's fine, because it's not so noticable. But I wonder wheter there is some way around it if you don't want the images to overlap.
darkmiz
What's the optimal resolution for "menu-button-background.png" and "menu-button-background@2x.png"?
N88

darkmiz wrote:

What's the optimal resolution for "menu-button-background.png" and "menu-button-background@2x.png"?
It's best to keep it the same size as in the default skin template. Here is a template (for @2x, small version is just 2x smaller) with approximate locations of text and stars.
Rei Hakurei

N88 wrote:

darkmiz wrote:

What's the optimal resolution for "menu-button-background.png" and "menu-button-background@2x.png"?
It's best to keep it the same size as in the default skin template. Here is a template (for @2x, small version is just 2x smaller) with approximate locations of text and stars.
well well well, i think you need to do carefully for this thing,
as this thing were used on another places...

like gameplay leaderboard, etc.
darkmiz

N88 wrote:

It's best to keep it the same size as in the default skin template. Here is a template (for @2x, small version is just 2x smaller) with approximate locations of text and stars.
Thanks a lot!

Rei Hakurei wrote:

well well well, i think you need to do carefully for this thing,
as this thing were used on another places...
like gameplay leaderboard, etc.
I just posted a feature request to separate it into different elements for song menu, score leader board panel, etc
razavana
Quick question, I have started experimenting with combo numbers and i need to make them perfectly overlap each other for combos higher then 10, I understand it's skin.ini related but can't pinpoint it.
N88

razavana wrote:

Quick question, I have started experimenting with combo numbers and i need to make them perfectly overlap each other for combos higher then 10, I understand it's skin.ini related but can't pinpoint it.

wiki wrote:

HitCircleOverlap: <number>
where <number> is the number of pixels that two images from the first font are allowed to overlap (e.g., how much the "1" and the "2" can overlap when making the number "12").
I haven't tested it, but this should do it if you set it as the width of your numbers.
razavana

N88 wrote:

razavana wrote:

Quick question, I have started experimenting with combo numbers and i need to make them perfectly overlap each other for combos higher then 10, I understand it's skin.ini related but can't pinpoint it.

wiki wrote:

HitCircleOverlap: <number>
where <number> is the number of pixels that two images from the first font are allowed to overlap (e.g., how much the "1" and the "2" can overlap when making the number "12").
I haven't tested it, but this should do it if you set it as the width of your numbers.
thanks!
quaternary
Hi, I'm having a weird problem.

My letters look like this in-game (other icons look similar, esp. when scrolling fast). They seem to have a white line on areas that border a transparent area, but only sometimes?
Here is the letter image:
I use Gimp. What can I do to fix my letters?

--

While I'm here, any antialiasing tips for gimp? The "Antialias" filter doesn't do squat, and I'm stuck with this hitcircle: http://puu.sh/72Dlu.png
Topic Starter
MLGnom

tuddster wrote:

Hi, I'm having a weird problem.

My letters look like this in-game (other icons look similar, esp. when scrolling fast). They seem to have a white line on areas that border a transparent area, but only sometimes?
Here is the letter image:
I use Gimp. What can I do to fix my letters?

--

While I'm here, any antialiasing tips for gimp? The "Antialias" filter doesn't do squat, and I'm stuck with this hitcircle: http://puu.sh/72Dlu.png
Because it still have white border. (You probably created white letter and just painted it with fill tool).
Easiest way to fix this : Select "Colours" tab and find there "Colour to alpha", select colour (white is by default) and confirm.


For creating nicer circles, use feather edges option.

Tanakinha
That Tutorial was awesome and that was very good to teach other persons.

Now i can make skins! Thanks! 8-)

~Black_Dragonite
quaternary

MLGnom wrote:

Because it still have white border. (You probably created white letter and just painted it with fill tool).
How did I not notice that? XD
Thanks for pointing it out
For creating nicer circles, use feather edges option.
Oh, did not know that was there :3

thank you so much <3
phopos
I was told to come here for help with my spinner circle and approach circles. I need some help cleaning and sharpening them. They both work but are both kinda fuzzy. Can someone pm me for assistance?
Eden333
hey guys, i need some help for my skin: ...-background.jpg

i read the thread:

MLGnom wrote:

Okay, so here is what I have done so far.
Made 3 templates that should correct any problems with missing texts on backgrounds and make things readable.
Easiest way to use them, simply put your picture under template layer. One thing, template of search-background is in 1024x768 resolution so for widescreen use, you only need to change it's width canvas (workspace) to 1229px to make it fit correctly. And download : Template Backgrounds

And of course example how they looks.

Please tell me if these are okay, maybe I missed something? If these are fine I can add them to normal skin template.

Edit: Updated template skin. Added these background templates.
the menu-background.jpg is loading but the: [search-background.jpg], [matchsetup-background.jpg] and the [lobby-background] is not loading
can you pls help me.


i want this backgrounds:




screen resolution: 1600x900 Window mode (borderless)
Rio-
If I remembered It right... those three pictures aren't supported anymore (even If You're a supporter)
Kyuunei_old

phopos wrote:

I was told to come here for help with my spinner circle and approach circles. I need some help cleaning and sharpening them. They both work but are both kinda fuzzy. Can someone pm me for assistance?
Adding outer glow will almost always make your picture less pixelated and remove sharp edges.
Eden333

satriobp wrote:

If I remembered It right... those three pictures aren't supported anymore (even If You're a supporter)
ohh maan why??

but thx
Kyouka
hi, i just have a slight skin problem with sliders. both of these screenshots are 2 different skins



in this picture above the regular single notes and sliders BOTH have black inside of them while in this picture below



the regular single notes have black inside of them but the slider does not.

can anyone tell me how to make it so both the slider and single note have the black inside of them? i can't seem to make the slider have that black inside like the single notes do.

some stuff i tried: ( played around with both skins)
1.) "approachcircle" same in both
2.) "playfield" same in both
3.) "sliderb0" same in both
4.) "hitcircle" same in both
5.) "hitcircleoverlay" same in both
6.) "hitcircleselect" same in both
7.) "lighting" is same in both

**skin.ini text is the exact same in both

thanks to anyone who can help me ^_^
Smilepool

Kyouka wrote:

hi, i just have a slight skin problem with sliders.



in this picture above the regular single notes and sliders BOTH have black inside of them while in this picture below



the regular single notes have black inside of them but the slider does not.

can anyone tell me how to make it so both the slider and single note have the black inside of them? i can't seem to make the slider have that black inside like the single notes do.

some stuff i tried: ( played around with both skins)
1.) "approachcircle" same in both
2.) "playfield" same in both
3.) "sliderb0" same in both
4.) "hitcircle" same in both
5.) "hitcircleoverlay" same in both
6.) "hitcircleselect" same in both
7.) "lighting" is same in both

**skin.ini text is the exact same in both

thanks to anyone who can help me ^_^
Maybe the black inside is because that area is transparent, don't you think?. I can see that in the first picture the slider color is black, then being the hitcircle transparent its have that color. But in the second picture the slider color isn't black. You can change the slider color of your skin in the ini with the SliderTrackOverride, that force a slider track to a certain colour. I'm pretty sure that's the problem.
Kyouka

Smilepool wrote:

Kyouka wrote:

hi, i just have a slight skin problem with sliders.



in this picture above the regular single notes and sliders BOTH have black inside of them while in this picture below



the regular single notes have black inside of them but the slider does not.

can anyone tell me how to make it so both the slider and single note have the black inside of them? i can't seem to make the slider have that black inside like the single notes do.

some stuff i tried: ( played around with both skins)
1.) "approachcircle" same in both
2.) "playfield" same in both
3.) "sliderb0" same in both
4.) "hitcircle" same in both
5.) "hitcircleoverlay" same in both
6.) "hitcircleselect" same in both
7.) "lighting" is same in both

**skin.ini text is the exact same in both

thanks to anyone who can help me ^_^
Maybe the black inside is because that area is transparent, don't you think?. I can see that in the first picture the slider color is black, then being the hitcircle transparent its have that color. But in the second picture the slider color isn't black. You can change the slider color of your skin in the ini with the SliderTrackOverride, that force a slider track to a certain colour. I'm pretty sure that's the problem.
but like i said" **skin.ini text is the exact same in both "
both of these screenshots are different skins. if that helps at all.
Topic Starter
MLGnom
It must be SliderTrackOverride, nothing else can change colour of slider.

Make sure that in skin.ini it doesn't have "//" before.

And if it still doesn't work, provide both skins or something.
Kyouka

MLGnom wrote:

It must be SliderTrackOverride, nothing else can change colour of slider.

Make sure that in skin.ini it doesn't have "//" before.

And if it still doesn't work, provide both skins or something.
thanks! it was the // before. didn't notice
DaGi

N A L U wrote:

MLGnom wrote:

Let's leave that to the skinner because it's only information for players if there were any updates ("oh, I have v0.5 of skin xxx but there is already v0.73) , but commonly v1.0 should be version of skin where skinner made everything that he/she wanted to do (after all it should have some parts skinned, for example - all gameplay parts).
Thanks.
mugasha
Is the spinner background supposed to be dimmed in-game?
Kyuunei_old

mugasha wrote:

Is the spinner background supposed to be dimmed in-game?
Yes.
dionzz99
What is the source code to:
1. making the spinner glow. i see the default osu! skin can make them.
2. insert another picture to the spinner instead only one spinner-circle. the default osu! skin can make those too
Hatsune Chiyo
What's exactly the taiko-bar-right dimensions? I tried something and it's always stretched in-game..

here-'s in-game look

1280x800 (16:10)
Did that part only works with standard resolution, e.g. 4:3?
Nathanael
Haven't you checked the default template? Its 845x200.

Edit: Kotori <3
Hatsune Chiyo
Just remembered the reason why I made my taiko-bar-right wider than the template:
because of my stretching issue :p


does it means taiko-bar-right isn't widescreen-compatible?
OsuMe65
Maybe it's because that's the default behavior of that element.
Hatsune Chiyo
you mean, filling out the bar by stretching it?
OsuMe65
Possibly

I won't test it out yet since I'm using a 4:3 monitor.
show more
Please sign in to reply.

New reply