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
Inori
360 posts
Joined March 2011
Inori

Haganeproductio wrote:

So, I've been working on many skins but they've never gotten this far. And I got problems. I'm currently working on the health bar and I can't find any solutions to make this thing to work right. I think the screenshots tell more than my crappy english.

SPOILER

In-game screenshot

SPOILER

This is what it should look like about (snapped from Gimp)

So, how do I have to position the scorebar-color and the scorebar-ki -things? I've tried to position them a few times and always they seem to be off. Help please?
Increase the vertical canvas size and move the entire scorebar-bg image down by about 5 pixels

Increase the horizontal canvas size of the scorebar-color image and move it right about 10 or so pixels, once it's aligned correctly, be sure to recrop the image so there's no empty space to the right of the actual image.
Ayesha Altugle
3,052 posts
Joined October 2011
Ayesha Altugle

Inori wrote:

Haganeproductio wrote:

So, I've been working on many skins but they've never gotten this far. And I got problems. I'm currently working on the health bar and I can't find any solutions to make this thing to work right. I think the screenshots tell more than my crappy english.

SPOILER

In-game screenshot

SPOILER

This is what it should look like about (snapped from Gimp)

So, how do I have to position the scorebar-color and the scorebar-ki -things? I've tried to position them a few times and always they seem to be off. Help please?
Increase the vertical canvas size and move the entire scorebar-bg image down by about 5 pixels

Increase the horizontal canvas size of the scorebar-color image and move it right about 10 or so pixels, once it's aligned correctly, be sure to recrop the image so there's no empty space to the right of the actual image.
He already got the answer
Inori
360 posts
Joined March 2011
Inori

vahn10 wrote:

He already got the answer
Well I was simplifying your answer but what-the-fuck-ever.
Liiraye
1,354 posts
Joined December 2011
Liiraye
I have no idea what the issue is here




When I change the original hitcircle to the one I cropped it turns out like that.

Original

what I cropped out


How it looks with the original hitcircle

I'm trying to make what I cropped out transparent, if that wasn't clear enough!
Nathanael
Global Moderator
6,162 posts
Joined January 2013
Nathanael
Looks like the hitcircle (or the hitcircleoverlay) is not saved on a PNG format. <.<
Liiraye
1,354 posts
Joined December 2011
Liiraye
You saved my stupid life, thanks!
Nathanael
Global Moderator
6,162 posts
Joined January 2013
Nathanael
No problem.
Akeipoid VM-01
13 posts
Joined March 2011
Akeipoid VM-01
Do spinner backgrounds always dim now when they're active?
kernymi
49 posts
Joined August 2013
kernymi

Akeipoid VM-01 wrote:

Do spinner backgrounds always dim now when they're active?
Yes.
The spinner-circle also dims when you toggle Spun Out mod.
Akeipoid VM-01
13 posts
Joined March 2011
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
1,519 posts
Joined May 2011
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
13 posts
Joined March 2011
Akeipoid VM-01
Well thanks for the help.
and thanks for the idea hopefully it works out
zerod
77 posts
Joined May 2011
zerod
"menu-back-over-0" This code is true or not?
deadbeat
osu! Alumni
9,218 posts
Joined June 2009
deadbeat
there's menu-back-n.png
don't think there's a menu-back-over-n.png though
zerod
77 posts
Joined May 2011
zerod
I'm confuse with menu-back-over-n and menu-backover-n
deadbeat
osu! Alumni
9,218 posts
Joined June 2009
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
77 posts
Joined May 2011
zerod
;3; ok deadbeat
fjz345
10 posts
Joined October 2013
fjz345
How to make @2x .png s? Im working on a private skin for osu.
TouchFluffyTail
294 posts
Joined February 2012
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
17 posts
Joined August 2013
hanami8642
if I download the template is it going to make the laptop laggy and is it going to give me a virus ;^; ?
TouchFluffyTail
294 posts
Joined February 2012
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
7 posts
Joined October 2013
Bugz
3
Last edited by Bugz , edited 1 time in total.
- Marco -
7,043 posts
Joined December 2011
- Marco -
can i have multiple failed sound?
Inori
360 posts
Joined March 2011
Inori

marcostudios wrote:

can i have multiple failed sound?
Nope.
Gigo
266 posts
Joined March 2013
Gigo
What should I do in order to make my slider the same color as my hitcircle?
Ayesha Altugle
3,052 posts
Joined October 2011
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
266 posts
Joined March 2013
Gigo
Thanks a lot, it worked! :D
MwarriorHiei
14 posts
Joined June 2008
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:
SPOILER

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
52 posts
Joined May 2013
Mushu
anyone know if you can change the slider border colors to the same thing as your combo colors?
TouchFluffyTail
294 posts
Joined February 2012
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:
SPOILER

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
14 posts
Joined June 2008
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
92 posts
Joined July 2013
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
1,519 posts
Joined May 2011
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
92 posts
Joined July 2013
Novixion
Thank you!
Also, how do you remove the flashing effect while scoring the extra thousands? Do you make spinner glow completely transparent?
OsuMe65
1,519 posts
Joined May 2011
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
92 posts
Joined July 2013
Novixion
Thank you! Everything now works nicely :D
mang0es
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
92 posts
Joined July 2013
Novixion
Can you give us an example? Possibly screenshots? Does it change color every other beat or while still on one beat?
Garygoh884
196 posts
Joined May 2012
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
31 posts
Joined October 2009
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.
show more
Please sign in to reply.

New reply

0
1232 / 4,226