forum

Skinning tutorial (+ skinning support)

posted
Total Posts
4,226
show more
45Traeath
Given that the system uses the images in the Skin's folder, something must have caused the final edition to have the said border.
(There shouldn't be any border, if you didn't make any while using an edition softw'.)
In easy words, you might have to remake the elements in which their background has this problem.
If - even after painting the background in the wanted color - the problem's still here, I don't know how to help.
Humanity

45Traeath wrote:

Given that the system uses the images in the Skin's folder, something must have caused the final edition to have the said border.
(There shouldn't be any border, if you didn't make any while using an edition softw'.)
In easy words, you might have to remake the elements in which their background has this problem.
If - even after painting the background in the wanted color - the problem's still here, I don't know how to help.
Looking at the files, there appears to be no gray border in them. However when they show up in osu!, the gray border appears.
H1kikomori
I have a problem i have selection mode and @2x but i can't see it ingame what should i do?
https://imgur.com/zUprERc

https://imgur.com/5HH0eUW
Lyawi

H1kikomori wrote:

I have a problem i have selection mode and @2x but i can't see it ingame what should i do?
https://imgur.com/zUprERc

https://imgur.com/5HH0eUW
check if the file names have no spaces.
farsdewibs0n
is there osu!default skin template?
h3oCharles

farsdewibs0n wrote:

is there osu!default skin template?
Here, have fun!
Pikku Masa
what about the slider "wall" or "outline"
h3oCharles

Mazsaa wrote:

what about the slider "wall" or "outline"
in skin.ini under Colours you can change them with rgb notations

SliderBorder for the outline
SliderTrackOverride for the wall

beware that SliderTrackOverride will change ALL of the sliders colors, otherwise they'll be colored in combo colors
popcornrus
thankq
KanekoSempaii
.
h3oCharles

KanekoSempaii wrote:

Tell me, how can I put the skin on the site?
Read the Skinning rules, If any of the points aren't broken, make a new topic
Otherwise, put it on your userpage
liujunjie123
wow
ReLT
can I create animated buttons in pause/lose menu :?: :?:
RockRoller

R3LTi wrote:

can I create animated buttons in pause/lose menu :?: :?:
No
FelissieFenessa
How to make each mania keys have different color? Like rainbow 7k. I saw most skin only have 3 sets of color(K1,3,5,7|K2,4,6|Special).
h3oCharles

FelissieFenessa wrote:

How to make each mania keys have different color? Like rainbow 7k. I saw most skin only have 3 sets of color(K1,3,5,7|K2,4,6|Special).
It's all in skin.ini
go to:
Skinning Forum -> Important Guides and Threads -> h3oCharles' Skinning Book -> That spreadsheet

Once you got to the spreadsheet, go to skin.ini -> [Mania]
If you need more help than this, please forum PM me
Asura Yuuki
Where can I download efx/voice for ComboBurst or ComboBreak and etc.
Please answer
wahyupn
how to make number of score and accuracy look different
RockRoller

Asura Yuuki wrote:

Where can I download efx/voice for ComboBurst or ComboBreak and etc.
Please answer
YoutTube, Freesong.org or other skins

wahyupn wrote:

how to make number of score and accuracy look different
Thats not possible
davidsin02
How to do not full screen in the skin? Often Cookiezi use skins with “box” screen. I have one favourite skin and I want to do this skin with no full screen. I know about to change window option, but I mean how to change it inside skin.
You can see example on the image:
https://photos.app.goo.gl/RLYWAsKa0vwckL7s2
RockRoller

davidgod98 wrote:

How to do not full screen in the skin? Often Cookiezi use skins with “box” screen. I have one favourite skin and I want to do this skin with no full screen. I know about to change window option, but I mean how to change it inside skin.
You can see example on the image:
https://photos.app.goo.gl/RLYWAsKa0vwckL7s2
Use a blank scorebar-bg
Zypre
Is there any way to make my cursortrail shorter?
I'm using cursormiddle.png to make it nice and smooth, but it's huuuuuuuuugely long. Unfortunately, deleting cursormiddle.png makes it extremely short and choppy.
I made a comparison in the picture below. Moving my cursor in an infinity-loop at a medium speed.
Basically I want my trail to be like the top one, except maybe half the length. (And less bright, but that's just the nature of rainbows, can't fix that without breaking the universe...)
Neko67
Just a quick thing. If slider track override can change the colour of the slider, what would the values need to be to make it transparent?
Neko67

RockRoller wrote:

davidgod98 wrote:

How to do not full screen in the skin? Often Cookiezi use skins with “box” screen. I have one favourite skin and I want to do this skin with no full screen. I know about to change window option, but I mean how to change it inside skin.
You can see example on the image:
https://photos.app.goo.gl/RLYWAsKa0vwckL7s2
Use a blank scorebar-bg
My skin already had that but there is no box >.<
RockRoller

Neko67 wrote:

Just a quick thing. If slider track override can change the colour of the slider, what would the values need to be to make it transparent?
Adding transparency isn't possible. RGB gets used by osu' skin.ini and not RGBa (which would support transparency).
The nearest you can get to a transparent slider body is using 0,0,0.

ZypreToo wrote:

Is there any way to make my cursortrail shorter?
I'm using cursormiddle.png to make it nice and smooth, but it's huuuuuuuuugely long. Unfortunately, deleting cursormiddle.png makes it extremely short and choppy.
I made a comparison in the picture below. Moving my cursor in an infinity-loop at a medium speed.
Basically I want my trail to be like the top one, except maybe half the length. (And less bright, but that's just the nature of rainbows, can't fix that without breaking the universe...)
You will need to change the canvas size or the image size of your cursortrail.png
Zypre

RockRoller wrote:

ZypreToo wrote:

Is there any way to make my cursortrail shorter?
I'm using cursormiddle.png to make it nice and smooth, but it's huuuuuuuuugely long. Unfortunately, deleting cursormiddle.png makes it extremely short and choppy.
I made a comparison in the picture below. Moving my cursor in an infinity-loop at a medium speed.
Basically I want my trail to be like the top one, except maybe half the length. (And less bright, but that's just the nature of rainbows, can't fix that without breaking the universe...)
You will need to change the canvas size or the image size of your cursortrail.png
That will simply make each individual image smaller, but the trail won't be much shorter...
Though maybe if I only decrease the width, hmm... You've given me an idea! Thanks

EDIT: Nope, still just makes it smaller, not shorter.
45Traeath
"Spinner" and "Spinner-Metre" reverted to default, what do I do?

I have two folders, both are completely original (the first was made by a friend, I added some stuff in the second with a partial copy of the first).
The first version works in its respective folder, but the second doesn't when it's literally the same elements.
Zypre

45Traeath wrote:

"Spinner" and "Spinner-Metre" reverted to default, what do I do?

I have two folders, both are completely original (the first was made by a friend, I added some stuff in the second with a partial copy of the first).
The first version works in its respective folder, but the second doesn't when it's literally the same elements.
Make sure they're named correctly. spinner-circle.png , spinner-metre.png

And of course if you're using @2x.png versions, make sure that your screen resolution is in the HD range, otherwise it'll revert to the regular versions; Which will be the defaults if none exist.
45Traeath
All the names are checked.

There weren't any "2x" elements in the initial folder; so I modified the second folder's images towards "both directions":
- the SC's dimensions are 750x750 and the SM's are 1160x834
- I made images half as big and gave the "2x" name to the first edition, but it didn't work, so I made bigger images (and the other things to do in that situation)

Nothing solved the issue, even after reloading and rewriting the version in "Skin.ini".

(What surprises me is that Taiko uses them properly.)
Haskorion
Just add a spinner-background.png (can be a blank 1x1 pixel). That makes osu! use the old spinner (the one that uses the metre).
45Traeath
*Gives "Applause.wav"*

Problem solved with added BG, thank you ( '-')b
Hiss
https://puu.sh/zierw.png

How can I stop some hitcircles having 2 circles inside of it instead of one?
RockRoller

-Touka wrote:

https://puu.sh/zierw.png

How can I stop some hitcircles having 2 circles inside of it instead of one?
Go to your skin.ini and set HitCircleOverlap to the width of default-0.png
4sneKWolFirE
:shock:
How the hell do you get it to work?

I'm making a skin and I have what I want already, but I'm not sure how to apply it to the game.
I can post a screencap of the folder if needed.

I've tried putting input into the skin.ini but idk if my skin.ini is in the right format or what, but I just need help.

I have files for hitbursts, spinner background, and section pass/fail. 10 files in all, not counting the skin.ini.

So...what do I do to show the skin ingame?
:x :x :x :x :x :x
AkiraYasha
So I'm, like most people here, making a skin.

Now I have been working on a follow like for like, three days now but it never seems to work like I want it to.
I tried copying the style of another skin, where the ends of the line fade out.

like this
And basicly remade my follow point in the same way he had.

his files

my files, tho my follow line is white so you cant see it.

however, instead of the smooth, solid like he has, mine turns out to look like this ingame.


I can't really seem to find any 'tutorials' regarding follow lines like this, so I was wondering if someone here is willing to help me out and explain?
sarabugs72
This was extremely helpful, thank you. :
h3oCharles

AkiraYasha wrote:

So I'm, like most people here, making a skin.

I can't really seem to find any 'tutorials' regarding follow lines like this, so I was wondering if someone here is willing to help me out and explain?
make the line longer, that's the only solution. The problem is indeed happening, and there's no way of avoiding it, cuz the gaps depend on CS size, something we don't have control of.
FelissieFenessa
How to make perma-hidden skin for mania without messing with hit position?
h3oCharles

FelissieFenessa wrote:

How to make perma-hidden skin for mania without messing with hit position?
yes, you can make pixels above the keys to make it cover the notes, make sure you have enabled KeysUnderNotes:1 in Mania portion on skin.ini
davidsin02

RockRoller wrote:

davidgod98 wrote:

How to do not full screen in the skin? Often Cookiezi use skins with “box” screen. I have one favourite skin and I want to do this skin with no full screen. I know about to change window option, but I mean how to change it inside skin.
You can see example on the image:
https://photos.app.goo.gl/RLYWAsKa0vwckL7s2
Use a blank scorebar-bg
Thanks, that works
show more
Please sign in to reply.

New reply