forum

Skinning tutorial (+ skinning support)

posted
Total Posts
4,226
show more
[Pikachu]

Innosense wrote:

sorry if it has already been asked, but do you know if there is a way to turn off the "lightning" on the numbers?
I tried using black numbers so I wouldn't see them, but because of it, I get some weird white parts :
http://puu.sh/698eb.png
I want to have the score and combo appear on the result panel, but not during gameplay :x
If you use complete black numbers, then how can there appear to be white parts?
Maybe try this ones

http://puu.sh/69adL.rar
Rei Hakurei

Innosense wrote:

sorry if it has already been asked, but do you know if there is a way to turn off the "lightning" on the numbers?
I tried using black numbers so I wouldn't see them, but because of it, I get some weird white parts :
http://puu.sh/698eb.png
I want to have the score and combo appear on the result panel, but not during gameplay :x
make score-.png into 1x1 thing, and let default-.png as normal size
nah, the score-.png affects the result screen, idk then , sorry
Rio-
I just kinda want to know... Can We disable the default-(number).png by instead showing 10,11,12... it will only show 0,1,2?

SPOILER


Problem is... It shows 2 dots instead of 1 dots, I want them only shows 1 dots in bigger combo (like 10, 11, 12, etc)
Ellana

[Pikachu] wrote:

If you use complete black numbers, then how can there appear to be white parts?
Maybe try this ones

http://puu.sh/69adL.rar
It doesn't work : http://puu.sh/69aUR.jpg
It seems like osu! add some white stuff around the numbers, I tried adding/deleting gray but it doesn't work, so I guess I'll just put 1x1 points, the result screen isn't important anyway.

satriobp wrote:

I just kinda want to know... Can We disable the default-(number).png by instead showing 10,11,12... it will only show 0,1,2?

SPOILER


Problem is... It shows 2 dots instead of 1 dots, I want them only shows 1 dots in bigger combo (like 10, 11, 12, etc)
I don't know if there is a way to do that, but I'm interested too. I don't want to reduce the size of my butterflies just so 2 of them will fit in the circle :[
Rei Hakurei

satriobp wrote:

I just kinda want to know... Can We disable the default-(number).png by instead showing 10,11,12... it will only show 0,1,2?

SPOILER


Problem is... It shows 2 dots instead of 1 dots, I want them only shows 1 dots in bigger combo (like 10, 11, 12, etc)
earlier page said that, increase the HitCircleOverlap i think the value will fit as the image width
Rio-
8-)

Rei Hakurei wrote:

earlier page said that, increase the HitCircleOverlap i think the value will fit as the image width
I don't really understand about that either... What number should I use? I tried using 10 and it results nothing...

Nevermind, already solved It... thanks
[Pikachu]
I had something weird when I'm using my last skin the images I made look like they have been cut out something by showing a white border around them and it kinda look like a mess
I didn't had this before and I used the same program to skin now
But I just don't like it anyway

I use photoshop CS6 to make my skins and on there they look fine without border but when i apply them to osu! they have a border around them sometimes

Anyone any tips how I can fix this?

Here are how some of them look in game
http://gyazo.com/953041b16a0681e14e0ffc0066905007
http://gyazo.com/b08e3ad0456f090c1f73408a518aad6b
http://gyazo.com/6749245a91360a52a9e71b810b290e8e
http://gyazo.com/3545497c0db1ac7899432936530d5b4a

I've never really had this before
And I am a pretty good photoshop user, I retried doing them but it's still the same.
Ellana
Look like someone found before me satriobp.
If you're interested, I changed the value from 3 to 75, and it works perfectly.
Before : http://puu.sh/69d5K.jpg
After : http://puu.sh/69d3y.jpg

PS : I had to go to option>skin and reselect the skin every time so the change would be taken into account, otherwise it would not work.

[Pikachu] wrote:

I had something weird when I'm using my last skin the images I made look like they have been cut out something by showing a white border around them and it kinda look like a mess
I didn't had this before and I used the same program to skin now
But I just don't like it anyway

I use photoshop CS6 to make my skins and on there they look fine without border but when i apply them to osu! they have a border around them sometimes

Anyone any tips how I can fix this?

Here are how some of them look in game
http://gyazo.com/953041b16a0681e14e0ffc0066905007
http://gyazo.com/b08e3ad0456f090c1f73408a518aad6b
http://gyazo.com/6749245a91360a52a9e71b810b290e8e
http://gyazo.com/3545497c0db1ac7899432936530d5b4a

I've never really had this before
And I am a pretty good photoshop user, I retried doing them but it's still the same.
It seems similar to the problem I have with my numbers. There is nothing around them in photoshop, but then in game there are some white borders...
[Pikachu]

Innosense wrote:

I've never really had this before
And I am a pretty good photoshop user, I retried doing them but it's still the same.
It seems similar to the problem I have with my numbers. There is nothing around them in photoshop, but then in game there are some white borders...[/quote]


Have you found anything on it yet? I don't like it if it looks this way it looks like it's been done in 10 minutes while it took me a couple hours to create these things.
Ellana

[Pikachu] wrote:

Have you found anything on it yet? I don't like it if it looks this way it looks like it's been done in 10 minutes while it took me a couple hours to create these things.
Well for the numbers, I thought I could fix it using some anti-aliasing, as the parts with the borders were the one that had no gray around the black. However, I only managed to make it worse....
[Pikachu]
Well for the numbers, I thought I could fix it using some anti-aliasing, as the parts with the borders were the one that had no gray around the black. However, I only managed to make it worse....[/quote]


Hmmmm there must be some way to get that border away I checked them again in PS and went over the whole border of the pictures and applied them again sadly enough it's still the same.
So it's not that it's me who just have facked up eyes I think
Garygoh884
You might have misread it. These white artifacts were camouflaged with the white-grey checkered background. It's best to put a black background behind your working image, then remove that background after you've done. This is the method used to detect white artifacts.

In summary: Add a black background layer behind the layer you're working on, then remove that layer after you've done.
kernymi

Rei Hakurei wrote:

you guys.

(this sample: ScoreNumberOverlay = 30)
this is happens if you ScoreNumberOverlay with such high number = =
Definitely didn't screw with that.

[Pikachu] wrote:

kernymi wrote:

How do I make sure the numbers aren't overlapping?
Currently it appears like this.

Maybe you should try make them some smaller
Might help
I'll see what I could do.
Dreaming
this is great help thank you!
Garygoh884
While oversizing the taiko-bar-left sprite beyond 181px in width, it seemed that it overlaps with the old spinner. I did this while testing with sprites.
Kohle_old
Hello!

Sorry for bothering you but I just can't understand why the result board looks like that:
https://fbcdn-sphotos-h-a.akamaihd.net/hphotos-ak-prn2/1501540_1413526242219387_1848119362_o.jpg
-even if I just create empty new folder in "Skins" so all should be default, position of some elements do not fit. Any ideas why?
OsuMe65
Tick on Prefer new default under Skins tab
Kohle_old
It works! Thanks a lot broo. :)

But now the spinner is default despite I threw there a spinner-metre, spinner-approachcircle, spinner-circle.
It's possible to change it?
[ Zan ]
Does having a darker coloured cursor trail make it shorter?
Inori

Kohle wrote:

It works! Thanks a lot broo. :)

But now the spinner is default despite I threw there a spinner-metre, spinner-approachcircle, spinner-circle.
It's possible to change it?
With New Default Skin behaviour, the spinner elemeents are changed to spinner-top, spinner-bottom, spinner-middle, spinner-middle2, and spinner-glow
Rei Hakurei

[ Zan ] wrote:

Does having a darker coloured cursor trail make it shorter?
it just looks like shorter due to it's "addition blend?" if i remember,
OsuMe65

Inori wrote:

Kohle wrote:

It works! Thanks a lot broo. :)

But now the spinner is default despite I threw there a spinner-metre, spinner-approachcircle, spinner-circle.
It's possible to change it?
With New Default Skin behaviour, the spinner elemeents are changed to spinner-top, spinner-bottom, spinner-middle, spinner-middle2, and spinner-glow
If you keep both of them, you can switch spinners by ticking off/on Prefer new default.

(I haven't tried this yet but I have doubts.)
Kohle_old
The most I wanted is a spinner-metre but in "New default" I don't see anything equivalent. Well, I can live without it at least.
Mystrian_old
I see some skins that have the spinner background transparent. How would I do this?
dws123

Mystrian wrote:

I see some skins that have the spinner background transparent. How would I do this?
erase all of the stuff you dont want in spinner-circle and erase the entire spinner-background
Topic Starter
MLGnom

Mystrian wrote:

I see some skins that have the spinner background transparent. How would I do this?

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
Mystrian_old

MLGnom wrote:

Mystrian wrote:

I see some skins that have the spinner background transparent. How would I do this?

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
Guess I overlooked it. My bad

I also noticed that even when "Ignore beatmap hitsounds? is turned on, some maps still include their hitsounds like this one.
AskonNox
Ok guys its me again
Im stuck at the ranking panel. In the Section for the ranking panel are some examples how it could look like.
I don't get how i can position the scores and everything else. For example MLGnom Skins:
This is show in the ranking section:

http://puu.sh/1UZIE

and this is how it looks on my screen

http://puu.sh/6ghSc.jpg

So is that normal?
Topic Starter
MLGnom
Yup, Alice's skin is old and after widescreen/new skin update it have changed size and position. I would need to fix that for few resolutions. (16:9, 16:10, 4:3 etc.)
AskonNox

MLGnom wrote:

Yup, Alice's skin is old and after widescreen/new skin update it have changed size and position. I would need to fix that for few resolutions. (16:9, 16:10, 4:3 etc.)
So i can't have it look like that? That means i have to fiddle around till i get the right position huh :/
RBRat3
Just to shed some light on this change

All taiko note elements can now share a common 256px @2x height resolution to allow for a more sensible and easier skinning process to the end user...

(more changes to come)
Topic Starter
MLGnom

Tomoya_kun wrote:

MLGnom wrote:

Yup, Alice's skin is old and after widescreen/new skin update it have changed size and position. I would need to fix that for few resolutions. (16:9, 16:10, 4:3 etc.)
So i can't have it look like that? That means i have to fiddle around till i get the right position huh :/
I can make it for you, just tell me what resolution you are using in osu! and I will send it via PM.
Lantine
t/177592

This idea rushed upon my mind

It's all ㅇㅁㅇ
Ayesha Altugle
Fixed Icon again
AskonNox

MLGnom wrote:

I can make it for you, just tell me what resolution you are using in osu! and I will send it via PM.
Thanks but i would like to do this on my own. I'm just stuck at this for some time now because i didn't quite get what kind of resolutions i ca use for the ranking panel for example.

So if i have a resolution of 1920x1080 its 16:9 right? Soo to adjust the position and have it look like in your skin, i need to adjust the scorenumbers right?
Topic Starter
MLGnom
Yes, so for 16:9 you need apply ranking panel of 1366x768 size. (or a little less, you will see that while testing)

As for ranking from Alice's skin, what is needed is to change canvas of picture from 1024x768 to 1366x768, crop Alice picture and move it to the right.
Probably you won't get correct position for the first time so I recommend to edit it, save into skin folder, select random replay to see how it's looks. If it's wrong position, correct it a little, save again then press Ctrl+Alt+Shift+S to reload skin anywhere is game and select again random replay to see if it's better.

Same for score, just try to fit it to ranking panel. (Position of total score has changed so in my skin whole ranking panel need to be corrected)
AskonNox

MLGnom wrote:

Yes, so for 16:9 you need apply ranking panel of 1366x768 size. (or a little less, you will see that while testing)

As for ranking from Alice's skin, what is needed is to change canvas of picture from 1024x768 to 1366x768, crop Alice picture and move it to the right.
Probably you won't get correct position for the first time so I recommend to edit it, save into skin folder, select random replay to see how it's looks. If it's wrong position, correct it a little, save again then press Ctrl+Alt+Shift+S to reload skin anywhere is game and select again random replay to see if it's better.

Same for score, just try to fit it to ranking panel. (Position of total score has changed so in my skin whole ranking panel need to be corrected)
Thank you very much MLGnom you're a lifesaviour! :D
Really appreciate the help
Hakj3r
Hi, I have a small problem. That is, the spinner I've add to skin is not display itself. The default one is. Files, size of graphics are ok. I know that, becouse I got spinner entierly form other skin. So, what can be the problem?...
Myke B
Could someone please explain to me the sliderstyle in skin.ini? I understand what it does, and mine is set to 2.. I have no idea what changing the number will do, and if that will actually even change my slider. How can I change my slider through the ini file, if I don't actually have any images for it to work with? I don't understand how this part of the file works, and would appreciate some help.
Hakj3r

Myke B wrote:

Could someone please explain to me the sliderstyle in skin.ini? I understand what it does, and mine is set to 2.. I have no idea what changing the number will do, and if that will actually even change my slider. How can I change my slider through the ini file, if I don't actually have any images for it to work with? I don't understand how this part of the file works, and would appreciate some help.
You have on images right bellow this point answering your question... This is the stup*****t question I've could ever seen... (no ofence)...
show more
Please sign in to reply.

New reply