Guest
home
beatmaps
rankings
community
store
help
forum
  1. Forums
  2. osu!
  3. Skinning

Skinning tutorial (+ skinning support)

posted
Total Posts
4,226
show more
Haskorion
533 posts
Joined September 2013
Haskorion

Quiesce wrote:

Only certain files can be animated at the moment.

Hit circle overlay (@2x). Same problem exists regardless of @2x.
pls stick to 256x256 for static (non-animated) HD hitcircleoverlays. they are anchored at the top left and not the centre like you figured out so you have to stick to template sizes. Possible fix would be to use a 256x256 static hitcircleoverlay for sliders and a 1-frame animated hitcircleoverlay-0 only for the circles

@osume: As addition, sliders use the static hitcircleoverlay and circles the animated ones. Also the hitburst uses the animated frames for sliders and circles. Some time ago I thought that animated overlays were visible under the static ones, but that maybe got fixed.

Edit: some screenies proving that:

Last edited by Haskorion , edited 2 times in total.
OsuMe65
1,519 posts
Joined May 2011
OsuMe65
ya, I forgot that but that thing happened too. Brace "ourselves" if that's intended.
Quichey
88 posts
Joined August 2012
Quichey
Tch. Darn. What a sad answer. There should be better solutions to it than just limiting the size of the file.
Thanks :)
OsuMe65
1,519 posts
Joined May 2011
OsuMe65
What I meant is the hitcircleoverlay animation string. Having no hitcircleoverlay.png along with the animated string would replicate that screenshot, except that the individual hitcircle would be animated but the slider hitcircles won't (in this case, slider hitcirlces will use the first frame and let the next frame pop milliseconds after the hitcircle was clicked, iirc). I barely have small memories about that; I hope I could replicate that again. For the hitbursts animation, they are very fast that you would need around 60-90 frames to get it right. The consequence will be a heavy skin size = w=b
Haskorion
533 posts
Joined September 2013
Haskorion
Having no static hitcircleoverlay.png and only the animated string does result in the default hitcircleoverlay being used for sliders. It doesn't use the first frame of the animation sadly.

Also I find the hitburst to be a multi layered mechanic, consisting of the hitcircleoverlay, hitcircle, default numbers (for V1 skins), particles, lighting, combo colours and the hitscores (hit300,hit100,etc.).
So referring to hitbursts reminds me more of that or animated hitscores instead of the static hitscores.
That would be my definition of hitburst.
I see the layer orders as following:

w/o particles
  1. hitscore
  2. hitcircleoverlay
  3. default number (only V1)
  4. hitcircle in combo colour
  5. lighting
with particles
  1. hitcircleoverlay
  2. default number (only V1)
  3. hitcircle in combo colour
  4. hitscore
  5. particle
  6. lighting
OsuMe65
1,519 posts
Joined May 2011
OsuMe65
Finally remembered it. Having a static and animation stringed HCoverlay is perfect. Also, no one knows the actual arragement of those, except if you try to know it using the forbidden method, which is bad for your health = w=
nrl
1,402 posts
Joined October 2011
nrl
EDIT: Figured it out.
yubtippin
1 post
Joined September 2013
yubtippin
So I went into the skin.ini and changed the version to 2.2, and deleted the spinner-background.png, but it still shows the generic spinner. I googled around and couldn't find a fix.
I realized I was using old spinners mixed with new ones
DahplA
1,099 posts
Joined March 2014
DahplA
Can anyone tell me how I can get a cursor like this. It has lines coming out of it horizontally and vertically. If you don't get what I'm talking about...


https://www.youtube.com/watch?v=-TCv2yvM_QY
Gritoit
73 posts
Joined August 2013
Gritoit
Just make your cursor image huge like say 800 x 800 (or even bigger might be best to do it at your resolution or even double your resolution) and make sure to put the normal cursor dead center and just use guides to put thin lines horizontally and vertically.
rep_old_1
106 posts
Joined July 2014
rep_old_1
Can someone explain to me exactly what parts of the slider "sliderb.png" and "sliderb0.png" are? Thank you
manjumochi
162 posts
Joined April 2013
manjumochi

repath wrote:

Can someone explain to me exactly what parts of the slider "sliderb.png" and "sliderb0.png" are? Thank you
It is the sliderball.
rep_old_1
106 posts
Joined July 2014
rep_old_1
What image(s) do I need to edit to change these buttons?
These buttons that say "Export as .osk", "Get more skins", "Random Beatmap"

MLGnom
1,365 posts
Joined October 2008
Topic Starter
MLGnom
Button-left, Button-middle, Button-right
This is skin part for buttons that you can find in several places in osu!, like mods selection menu, beatmap options, multiplayer/match buttons etc.
As you can see, every button is made of 3 parts. Left, middle and right. You need to be careful to made them at same height. To have correctly aligned parts remember that button-left must be connected to the right side of picture workspace and button-right to the left.







While adding any pattern/objects to it, remember that in some places button is resized... it can look a little ugly.

nrl
1,402 posts
Joined October 2011
nrl

DahplA wrote:

Can anyone tell me how I can get a cursor like this. It has lines coming out of it horizontally and vertically. If you don't get what I'm talking about...
It's like this, but with proper dimensions:
SPOILER
AGRX
540 posts
Joined May 2013
AGRX
Is posible to skin menu option "back" button ??
Rio-
3,353 posts
Joined March 2013
Rio-

Agrrox wrote:

Is posible to skin menu option "back" button ??
currently... You can't
rep_old_1
106 posts
Joined July 2014
rep_old_1
How do I change the song length timer circle into a timer bar? Or make other customizations to the timer?
Italian_Pastaaa
2 posts
Joined August 2014
Italian_Pastaaa
I've been trying to put a pause background but it doesn't seem to work :? this is my first time so could someone please help me out? ]
rep_old_1
106 posts
Joined July 2014
rep_old_1

Italian_Pastaaa wrote:

I've been trying to put a pause background but it doesn't seem to work :? this is my first time so could someone please help me out? ]
I believe the file is pause-overlay.png
OsuMe65
1,519 posts
Joined May 2011
OsuMe65
It's pause-overlay.png
Yeppers
1 post
Joined December 2013
Yeppers
I've been trying to figure out how to rename a skin so that the name appears differently in the "select skin" part on osu! and i cant find out how or any information about it. Can i haz some help?
Chaoslitz
Elite Mapper / Elite Storyboarder
2,307 posts
Joined November 2013
Chaoslitz

Yeppers wrote:

I've been trying to figure out how to rename a skin so that the name appears differently in the "select skin" part on osu! and i cant find out how or any information about it. Can i haz some help?
Rename it in the skin.ini file



General->Name
rep_old_1
106 posts
Joined July 2014
rep_old_1
Which parts of the menu does "MenuGlow" in skin.ini change? I tried changing the RGB color to 255,0,0 (which is a bright red) and I can't see anything in any of the game menus that is red or turns red at all.
Rio-
3,353 posts
Joined March 2013
Rio-

repath wrote:

Which parts of the menu does "MenuGlow" in skin.ini change? I tried changing the RGB color to 255,0,0 (which is a bright red) and I can't see anything in any of the game menus that is red of turns red at all.
You need supporter-tag to make the menuglow start working...
Italian_Pastaaa
2 posts
Joined August 2014
Italian_Pastaaa

repath wrote:

Italian_Pastaaa wrote:

I've been trying to put a pause background but it doesn't seem to work :? this is my first time so could someone please help me out? ]
I believe the file is pause-overlay.png

oh, Ive finally got it to work. Thank You! :D
rep_old_1
106 posts
Joined July 2014
rep_old_1
For the sliders, how do I only make the part you need to click on bolded? For example:



You see on the slider on the right, the one you need to click on is bolded, but the part you don't need to click on is not bolded.
Ayesha Altugle
3,052 posts
Joined October 2011
Ayesha Altugle
Possible by making the thin part filename "hitcircleoverlay.png" and making the bolded part filename "hitcircleoverlay-0.png"

Proof Screenshot

Proof Skin
http://puu.sh/b45zm/d95b703dd3.osk
rep_old_1
106 posts
Joined July 2014
rep_old_1
Thanks, that worked
Inori
360 posts
Joined March 2011
Inori


So is it possible to fix this without reverting back to skin version 1 or 2
Haskorion
533 posts
Joined September 2013
Haskorion
have the taiko-drums on a 90x200 (180x400 for HD) canvas size aligned with the taiko-bar-left.png. That would be my suggestion.
One Miss
94 posts
Joined June 2014
One Miss
how do i increase my cursor trail length???
quit-osu
165 posts
Joined June 2012
quit-osu
could someone explain me why wont my spinner show in the game?
the elements are in the folder AND ive added '''//Version: 2.2''' in the ''skin'' file.
OsuMe65
1,519 posts
Joined May 2011
OsuMe65
remove // before Version: 2.2

// hides the code written next to it, causing osu! to skip the specific code written after //
Last edited by OsuMe65 , edited 1 time in total.
Supairo
Elite Mapper: Aspirant
294 posts
Joined June 2013
Supairo

dogsticks wrote:

how do i increase my cursor trail length???
For some reason, the cursor trail is much longer if you have "cursormiddle(@2x).png" in your skin folder. If you don't want to use one, just make it transparent.

Cookie0-0 wrote:

could someone explain me why wont my spinner show in the game?
the elements are in the folder AND ive added '''//Version: 2.2''' in the ''skin'' file.
>"//Version: 2.2"

What OsuMe65 said (you appeared while I was writing!). If you're using a v2 Spinner ("spinner-top"; "spinner-bottom"...) then it will work. However, if you're using "spinner-background.png", then the v1 Spinner will be used, regardless of the skin version used. Be careful with that.


Example

The highlighted elements are used in the skin v2. "spinner-warning" and "spinner-circle" are used for Taiko.

It gives something like that:


However, with "spinner-background", it gives this:
Delsoonbye
5 posts
Joined September 2013
Delsoonbye
Hmmmm for some reason my section fail sound is alot softer and barely can hear it unlike all my other sounds.

Is this a quality problem or can i change it to be louder from some sort of skin.ini setting
DeletedUser_4041880
DeletedUser_4041880

proximuhtyz wrote:

Hmmmm for some reason my section fail sound is alot softer and barely can hear it unlike all my other sounds.

Is this a quality problem or can i change it to be louder from some sort of skin.ini setting
Just download Audacity or something similar to it and increase the volume of the sound file with it. I'm not sure if increasing the effect volume in options would make the section fail sound louder. Can't hurt to try that first though
Fookiz
157 posts
Joined June 2014
Fookiz
can someone help me ?
Basically what i want is like a dot, then no dot after.
So what i did i changed the default-1 to a dot, then default-2 to insvible 1x1 pixel and so on.
The problem that i encaunterd is if a slider hit circle number is 2 4 6 8, you can't see where the start of it is.( i know you can technically see where it stars forming).
What i want is there to be a dot on the start of every slider, so can either someone help me or just do it for me? nobody that i asked knows.
here is the skin: https://www.mediafire.com/?tah7l2ddnehv17d
Elzapatoverde
542 posts
Joined December 2013
Elzapatoverde

Fookiezi wrote:

can someone help me ?
Basically what i want is like a dot, then no dot after.
So what i did i changed the default-1 to a dot, then default-2 to insvible 1x1 pixel and so on.
The problem that i encaunterd is if a slider hit circle number is 2 4 6 8, you can't see where the start of it is.( i know you can technically see where it stars forming).
What i want is there to be a dot on the start of every slider, so can either someone help me or just do it for me? nobody that i asked knows.
here is the skin: https://www.mediafire.com/?tah7l2ddnehv17d
I don't think that is possible, the default-n.png files are used for circles and sliders equally.
Rise_old_1
Rise_old_1
I meant maybe there is a way to do the default number like in t/222615 where the default numbers are the circles themselves,
so you do 1 circle with a dot and 1 without and it is still visible to the player when there are sliders (and to show the circles with dots or without and still make it visible) aswell.
show more
Please sign in to reply.

New reply

0
2558 / 4,226