forum

Skinning tutorial (+ skinning support)

posted
Total Posts
4,226
show more
Akeipoid VM-01
Well that sucks was making a icy themed skin but it doesn't fit a good uniform style if the spinner-background dims from white to grey.
OsuMe65
best reason there is:
Yes, the spinner backgrounds are dimmed in game because of its default behaviour, no matter how beautiful it is. The meter is only highlighted while spinning. Spinner-circle will be dimmed when SpunOut mod is enabled (ninja'd btw)

Akeipoid VM-01 wrote:

Well that sucks was making a icy themed skin but it doesn't fit a good uniform style if the spinner-background dims from white to grey.
best way is, make spinner background black and focus on the icy-themed spinner meter
Akeipoid VM-01
Well thanks for the help.
and thanks for the idea hopefully it works out
zerod
"menu-back-over-0" This code is true or not?
deadbeat
there's menu-back-n.png
don't think there's a menu-back-over-n.png though
zerod
I'm confuse with menu-back-over-n and menu-backover-n
deadbeat

zHECATE wrote:

"menu-back-over-0" This code is true or not?
no, i don't think it's true

also menu-back-over-0 = menu-back-over-n
the n is a replacement for the actual number. in this case, 0 :p
zerod
;3; ok deadbeat
fjz345
How to make @2x .png s? Im working on a private skin for osu.
TouchFluffyTail
Just double the resolution of whatever you're skinning and put @2x at the end of the filename. For example hitcircleoverlay is 128x128 and hitcircleoverlay@2x is 256x256.
hanami8642
if I download the template is it going to make the laptop laggy and is it going to give me a virus ;^; ?
TouchFluffyTail

hanami8642 wrote:

if I download the template is it going to make the laptop laggy and is it going to give me a virus ;^; ?
Why would it do this, and why would you even think this.
Bugz
3
- Marco -
can i have multiple failed sound?
Inori

marcostudios wrote:

can i have multiple failed sound?
Nope.
Gigo
What should I do in order to make my slider the same color as my hitcircle?
Ayesha Altugle

Artaxerx wrote:

What should I do in order to make my slider the same color as my hitcircle?
Remove the SliderTrackOverride: R,G,B part in skin.ini which is found in your skin you are using.
that RGB part I wrote is the color (eg. 255,255,255 or 0,0,0)
Gigo
Thanks a lot, it worked! :D
MwarriorHiei
I'm trying to make the 5K have 7K coloring, but I can't get the 3rd column's note to be yellow.
Here's a picture of what it's showing up as:

I'm not sure what's causing it to be grey instead of yellow. The key colors came out correctly and every other note came out correctly so I'm utterly confused with whatever is happening to the notes so any help is appreciated.

Here's the content of my 5K config file:
SPOILER
//Mania skin config
ColumnLineWidth: 0.7
ColumnStart: 136
BarlineWidth: 1.2
HitPosition: 402
SpecialStyle: 0
SpecialPositionLeft: 1
UpsideDown: 0
JudgementLine: 1
ScorePosition: 325
ComboPosition: 111
FontCombo:
LightFramePerSecond: 24
ColumnWidth: 30,30,30,30,30
ColumnLine: 1,1,1,1,1,1

//Colours
Colour1: 0,0,0,255
Colour2: 0,0,0,255
Colour3: 0,0,0,255
Colour4: 0,0,0,255
Colour5: 0,0,0,255
ColourLight1: 255,255,255,255
ColourLight2: 255,255,255,255
ColourLight3: 255,255,255,255
ColourLight4: 255,255,255,255
ColourLight5: 255,255,255,255
ColourColumnLine: 255,255,255,255
ColourBarline: 255,255,255,255
ColourHold: 255,199,51,255
ColourBreak: 255,0,0,255

//images
NoteImage0: mania-note2
NoteImage0H: mania-note2H
NoteImage0L: mania-note2L
NoteImage1: mania-note1
NoteImage1H: mania-note1H
NoteImage1L: mania-note1L
NoteImage2: mania-noteS
NoteImage2H: mania-noteSH
NoteImage2L: mania-noteSL
NoteImage3: mania-note1
NoteImage3H: mania-note1H
NoteImage3L: mania-note1L
NoteImage4: mania-note2
NoteImage4H: mania-note2H
NoteImage4L: mania-note2L
KeyImage0: mania-key2
KeyImage0D: mania-key2D
KeyImage1: mania-key1
KeyImage1D: mania-key1D
KeyImage2: mania-keyS
KeyImage2D: mania-keySD
KeyImage3: mania-key1
KeyImage3D: mania-key1D
KeyImage4: mania-key2
KeyImage4D: mania-key2D

//Keys

Everything in my config file is the default with the exception of everything under //images.

There are also some other issues: sometimes, whenever I start a song, the notes come down with osu!mania's default coloring but start coming down with the my new coloring after playing a map for a few seconds. And a few songs just don't behave correctly. For example, the notes in one song are always gray. In another song, the notes fall down using my color scheme, but change to all pink a few seconds in.
Mushu
anyone know if you can change the slider border colors to the same thing as your combo colors?
TouchFluffyTail

MwarriorHiei wrote:

I'm trying to make the 5K have 7K coloring, but I can't get the 3rd column's note to be yellow.
Here's a picture of what it's showing up as:

I'm not sure what's causing it to be grey instead of yellow. The key colors came out correctly and every other note came out correctly so I'm utterly confused with whatever is happening to the notes so any help is appreciated.

Here's the content of my 5K config file:
SPOILER
//Mania skin config
ColumnLineWidth: 0.7
ColumnStart: 136
BarlineWidth: 1.2
HitPosition: 402
SpecialStyle: 0
SpecialPositionLeft: 1
UpsideDown: 0
JudgementLine: 1
ScorePosition: 325
ComboPosition: 111
FontCombo:
LightFramePerSecond: 24
ColumnWidth: 30,30,30,30,30
ColumnLine: 1,1,1,1,1,1

//Colours
Colour1: 0,0,0,255
Colour2: 0,0,0,255
Colour3: 0,0,0,255
Colour4: 0,0,0,255
Colour5: 0,0,0,255
ColourLight1: 255,255,255,255
ColourLight2: 255,255,255,255
ColourLight3: 255,255,255,255
ColourLight4: 255,255,255,255
ColourLight5: 255,255,255,255
ColourColumnLine: 255,255,255,255
ColourBarline: 255,255,255,255
ColourHold: 255,199,51,255
ColourBreak: 255,0,0,255

//images
NoteImage0: mania-note2
NoteImage0H: mania-note2H
NoteImage0L: mania-note2L
NoteImage1: mania-note1
NoteImage1H: mania-note1H
NoteImage1L: mania-note1L
NoteImage2: mania-noteS
NoteImage2H: mania-noteSH
NoteImage2L: mania-noteSL
NoteImage3: mania-note1
NoteImage3H: mania-note1H
NoteImage3L: mania-note1L
NoteImage4: mania-note2
NoteImage4H: mania-note2H
NoteImage4L: mania-note2L
KeyImage0: mania-key2
KeyImage0D: mania-key2D
KeyImage1: mania-key1
KeyImage1D: mania-key1D
KeyImage2: mania-keyS
KeyImage2D: mania-keySD
KeyImage3: mania-key1
KeyImage3D: mania-key1D
KeyImage4: mania-key2
KeyImage4D: mania-key2D

//Keys

Everything in my config file is the default with the exception of everything under //images.

There are also some other issues: sometimes, whenever I start a song, the notes come down with osu!mania's default coloring but start coming down with the my new coloring after playing a map for a few seconds. And a few songs just don't behave correctly. For example, the notes in one song are always gray. In another song, the notes fall down using my color scheme, but change to all pink a few seconds in.
You should download the skinning template in the first post and put all the note files in the folder, that seems to fix everything. Osu seems to have a hard time trying to display the default elements when you point to them in the .ini compared to when you're pointing to something actually in the folder.

BongJay wrote:

anyone know if you can change the slider border colors to the same thing as your combo colors?
You can only do this if all of your combo colors are the same exact color, you can't set multiple slider track borders.
MwarriorHiei

TouchFluffyTail wrote:

You should download the skinning template in the first post and put all the note files in the folder, that seems to fix everything. Osu seems to have a hard time trying to display the default elements when you point to them in the .ini compared to when you're pointing to something actually in the folder.
Thanks! As you said, everything fixed when I put all the images into the same folder as the .ini.
Novixion
I have a question about spinners. How do we customize the expanding spinners like in the new default? I saw in one of niko's game plays before that he had an expanding circle so I tried out his skin package but it didn't expand for me. Is it a supporter only feature?
OsuMe65
make sure to tick on prefer new default if you want the spinner to expand
and making them is quite confusing if you're new to skinning

and the most important: No. It's not a supporter feature
Novixion
Thank you!
Also, how do you remove the flashing effect while scoring the extra thousands? Do you make spinner glow completely transparent?
OsuMe65

Novixion wrote:

Thank you!
Also, how do you remove the flashing effect while scoring the extra thousands? Do you make spinner glow completely transparent?
make spinner-glow.png transparent... completely transparent... if you want to remove glows that flashes while scoring extra thousands from spinners...
resize it to 1x1 if you want to save space... (i haven't tried this one but i bet this works)
Novixion
Thank you! Everything now works nicely :D
mang0es
I was wondering if anybody could teach me how to create a skin with a hitcircleoverlay that changes colour. Shizuru-'s current skin has this feature and up until a few days ago he had a liveplay uploaded to his channel but unfortunately he deleted the video for some reason.

My best regards and thanks
Novixion
Can you give us an example? Possibly screenshots? Does it change color every other beat or while still on one beat?
Garygoh884
The animated sprite "hitcircleoverlay-0" is used for single circles and bursts for sliders, while the non-animated "hitcircleoverlay" is used only on sliders. Handy for distinguishing between a slider and a single circle, and best used if you match the slider borders' color with the non-animated sprite. However: the only size for these two sprites should have a fixed size of 128px by 128px. Using sizes other than this recommended size gives unexpected results.

For example: I used white borders for single circles and cyan borders for sliders. Using a forced slider body color of dark gray gives better results.
Isopach
How do I change the combo colour for osu!mania? Currently, mine is unchanged as shown here:



I want to change it such that MAX = 1 colour, 300 = another colour, and 200/100/50/0 as another colour.
TouchFluffyTail
You can only change the color the numbers get overlaid with when you hold a long note, and when you combo break. You can't set it to different colors per hit like IIDX style.
Isopach

TouchFluffyTail wrote:

You can only change the color the numbers get overlaid with when you hold a long note, and when you combo break. You can't set it to different colors per hit like IIDX style.
Thanks for the quick reply ^^ I guess I'll have to live without being able to tell the difference between max and 300 ;_;
(don't want like perfect/great coz it's too distracting)
mang0es

Novixion wrote:

Can you give us an example? Possibly screenshots? Does it change color every other beat or while still on one beat?
uh basically it'd change colour once or twice whilst the approach circle closed in. I would provide screenshots if I could but can't find anything
Rem-chan
może ktoś powiedzieć jak nazywa się ta kreska/strzałka co pokazuje położenie następnego kółka/slidera bo w moim skinie tego nie ma a nie potrafe grać na innym z góry dzięki za pomoc
Novixion

Garygoh884 wrote:

The animated sprite "hitcircleoverlay-0" is used for single circles and bursts for sliders, while the non-animated "hitcircleoverlay" is used only on sliders. Handy for distinguishing between a slider and a single circle, and best used if you match the slider borders' color with the non-animated sprite. However: the only size for these two sprites should have a fixed size of 128px by 128px. Using sizes other than this recommended size gives unexpected results.

For example: I used white borders for single circles and cyan borders for sliders. Using a forced slider body color of dark gray gives better results.
Garygoh884's post is extremely helpful and exactly describes the whole thing.

It ends up looking like this (i presume?) http://imgflip.com/i/55oez (sorry if its on the small side, but the overlay changes to blue/teal just before you hit it.
Garygoh884
If you include hitcircleoverlay-1.png file in your skin folder, this image will be used as slider bursts and it turns from hircircleoverlay-0.png to this sprite when the approach circle is close to the hit circle. Only for single circles.
Dannyb77
Ugh, basically my cursor trail isn't working properly. I want a nice, smooth line like the one with the default cursor but using the cursor from the Niko V5 skin. Any idea how to do this?

Here's two screenshots to show what I mean:

http://osu.ppy.sh/ss/1142313 - This is what my cursor looks like when I move it around (small circles appearing every so often, NOT forming a line)
http://osu.ppy.sh/ss/1142306 - Default skin, there's so many circles that they form a nice, smooth line.
Timorisu
Adding a cursormiddle.png will solve that I think
Primusvici

Dannyb77 wrote:

Ugh, basically my cursor trail isn't working properly. I want a nice, smooth line like the one with the default cursor but using the cursor from the Niko V5 skin. Any idea how to do this?

Here's two screenshots to show what I mean:

http://osu.ppy.sh/ss/1142313 - This is what my cursor looks like when I move it around (small circles appearing every so often, NOT forming a line)
http://osu.ppy.sh/ss/1142306 - Default skin, there's so many circles that they form a nice, smooth line.
Try adjusting the cursortrail.png size to a minimum without borders, for example:

This is how my cursor is (cursortrail 11x11)

and this is what it looks like:
show more
Please sign in to reply.

New reply