forum

Skinning tutorial (+ skinning support)

posted
Total Posts
4,226
show more
AussieEvil
Is menu-background still "supporters only"?
Doodley

AussieEvil wrote:

Is menu-background still "supporters only"?
Yeah.
Don-Tan
hm there is a little cosmetical problem with the osu! direct menu :/ the beatmaps are covering up the half of the back button

btw i don't really like this thing with the removal of the options-background but i can live with it ^^
Topic Starter
MLGnom
So, time to make explanation of osu!mania skinning.

Let’s start with skin parts.
  1. LightingN – Lighting that appear when you hit a note on judgment bar (named that correctly?). Can be animated, through it’s pretty fast animation.
  2. LightingL - Same as above but it’s for “slider” notes.
  3. mania-hit0, 50, 100, 200, 300, 300g – Hitbursts for osu!mania. You can animate them, but remember these are really fast, so you need to be cleaver to make them visible. Animation isn’t looped, that means it is long as many sprites you did.
  4. mania-key1 /2/S – Skin for buttons. Be careful with using patterns on it. Because later in .ini files you might set length of buttons that can make patterns stretched. Special button is used in 7k/8k game mod.
  5. mania-key1D/2D/SD – Skin for buttons while pressed. Same as above.
  6. mania-note1/2/S – Skin for mania notes.
  7. mania-note1H/2H/SH – Skin for end parts of “slider”.
  8. mania-note1L/2L/SL – Skin for middle part of “slider”. This one can be animated.
  9. mania-stage-hint – known as judgment bar. Place where you need to hit note correctly. If you have problems with correct position of it use judgment line that you can set in .ini files.
  10. mania-stage-left/right – A left/right part of mania playfield. They aren’t restricted by size, so you can make neat sides by adding something more than border. If you will use it just for border, do a smaller part - rest will be repeated from upper part of screen to bottom.
    But if you are going to something larger, set height at 768px and width of your preference.
  11. mania-stage-light – special light that appears on column stage when you hit a button. Game will always try to fit it into column width, making them wide will force game to resize it to size of column.
    Better make higher than wider.
  12. selection-mod-key4/5/6/7/8 – mod icons for mania key mods.
  13. special-mania - osu!mania icon in special mode select.
Now second part – ini files.
Every mania skin should contains 5 .ini files ! 4k, 5k, 6k, 7k and 8k. As you can guess these are general options for mania-key mods.

Let’s start explaining them!
  1. ColumnWidth:50,25,30,25,30,25,30,25 – the widths of tracks. All numbers are separated by comma.
    Sizes goes from left to right. So if you changed special button position in 8k, you need to change it here too.
    WARNING! Use only 4 sizes for 4k, 5 for 5k, 6 for 6k, 7 for 7k, 8 for 8k. No more,no less than amount of tracks otherwise you will crash osu! when starting a map!
  2. SpecialPositionLeft:0/1 – Special position button for 8k. If turned off (set to 0) button will appear on right side of stage.
  3. ColumnStart: 230 – Position of osu!mania stage. You can set from 0 to 460. 0 - left side, 230 - center of screen, 460 - right side.
  4. ColumnLine: 1,0,0,0,0,0,1,1 – Set a white line between tracks. 0 – off, 1- on. Amount should be same as amount of tracks otherwise it won’t work.
  5. JudgementLine:0/1 – Show judgment line. It’s line where you need to hit notes.
  6. Colour1: 80,0,0,200 – Set colour of track. Numbers are in format RGB A (red, green, blue,alpha – transparency ). You should set colours amount same as amount of tracks (Up to 8 for 8k).
Template : http://puu.sh/1eKoc

For more recent osu!mania template we need to wait, because things are constantly added/changed etc.



Edit: Updated skin template.
--Greed--
o-o....

Okay, officially: My mind is blown.

Personally, ever since I've joined osu(which isn't that long ago surprisingly) I've always wanted to make an interesting beatmap. I literally have stalked the internet trying to find something that could help... and now that I have, I literally cannot think straight :o

I read at the very beginning that you need some sort of photoshop experience(Etc.) and in which I have none....

I am willing to spend hours reading manuals but what is the point if even at the end I do not understand...?

I have read the entire osu!Wiki which was of little help...

eAe... I feel like I need a tutor. Anyways... o-o.... Can I atleast have a little help since I am making my first beatmap? :?
ziin

--Greed-- wrote:

Can I atleast have a little help since I am making my first beatmap? :?
Are you sure you're in the right thread? If you don't have any artistic skill, you're not going to be able to make a skin. And if you're talking about making an actual beatmap, please don't hijack other threads.
H_Hitachiin
Thanks for this info,it really helped^^
mintong89
hi ML~

i just found drum original sampleset hitsound :)

link: http://puu.sh/1frsl
Luna
There's actually a small error in your *.ini explanations, MLGnom:

MLGnom wrote:

  1. ColumnWidth:50,25,30,25,30,25,30,25 – the widths of tracks. All numbers are separated by comma.
    Sizes goes from left to right. So if you changed special button position in 8k, you need to change it here too.
    WARNING! Use only 4 sizes for 4k, 5 for 5k, 6 for 6k, 7 for 7k, 8 for 8k. No more,no less than amount of tracks otherwise you will crash osu! when starting a map!
While this is correct on its own, you CAN add additional columns. Just remember that you need to add numbers to ColumnLine as well. The game only crashes if ColumnLine doesn't have exactly one more number than ColumnWidth.
Looks like this (8 columns in 7K mode, notice how the barline does not reach across the eighth row):

And a few missing functions of the *.ini:
ColourColumnLine: [color code with four variables, the last one being alpha] - Colour of the ColumnLines
Barline: 0/1 - Toggles the Barline on (1) and off (0)
ColourHold: [color code with four variables, the last one being alpha] - The colour used to tint the combo number when holding long notes (orange by default)

Tried ColourBarline, but it does nothing =(
Topic Starter
MLGnom
First I'm correct about crashing game.
That what you showed is 7k+1(???) that was added today.
Game is still crashing when you do this for 8k and probably other .ini's. Or add more than that.

There was a lot of things changed/added in past 2 days (today including). I don't have time to do instant check/update tutorial and don't want to do this. Things might change tomorrow and that will require more changes in tutorial. Just wait until mania gets into pretty "finished" stage.

Luna wrote:

ColourHold: [color code with four variables, the last one being alpha] - The colour used to tint the combo number when holding long notes (orange by default)
Oh, this one I'm sure that I have missed.

Will update it later, when more things will come.
Luna
Nope, it worked before the 7+1 patch (I'm not even sure what that's supposed to do) and you can do it to 8k and other *.inis (Up to a maximum of 10)
Proof:
;)
Topic Starter
MLGnom
Ah, I see. But... aren't they useless? I mean notes do fall on those additional tracks?
Luna
No, they have no function but they are useful if you want to have the same 8 columns for every number of keys, so you don't mess up with the buttons all the time (left-to-right layout)
Topic Starter
MLGnom
Mhm. I understand. Thank you for testing that.
Like I said, will make update later when more things will come. :3
--Greed--

ziin wrote:

Are you sure you're in the right thread? If you don't have any artistic skill, you're not going to be able to make a skin. And if you're talking about making an actual beatmap, please don't hijack other threads.
Trust me, I would never hijack a thread for that purpose.

I am merely implying I have no skill or understanding in how to create interesting skins that I could use in my beatmaps.
bwross
The simplest way is to just jump in. Take a skin like the template one, and try replacing the images and sounds. Try changing things in skin.ini and see what happens (lines beginning with // are comments, they'll be ignored by osu). Look at other skins and maps with skins you like and look in their directories to see how they did things.
vermeiren69
thx for the help :D
H_Hitachiin
Awesome^^It looks better now :D
jemhuntr
hey hey hey what is this 5+1K and 7+1K? >.<
nanaolio
Nice skins in your signature :P, MLGnom

LG nanaolio
AussieEvil
Ok, something's gone wrong here:



Only my "default-0" is used in the combo number up top. The rest seems to be from the default skin!
Topic Starter
MLGnom
Errr... Screenshot is not enough to tell what it's wrong, maybe post your skin here so I can test it. All I can tell now is that you could mess up with files names.
Rei Hakurei
it's font combo related.
put in nK.ini and add FontCombo:score (as default the 'score'-value is read)
also it still buggy for me... as the current score-0 is not the fontcombo based but scoreprefix based. (in my skin bug thread)

Log
[14:37:18] <+ReiUsa> woc, what is the 'customize combo font' support ? (just asking because the skin bug)
[14:46:59] RBRat3|osu [RBRat3@cho] has quit IRC:
[15:24:54] <+woc2006> hi
[15:24:54] <+woc2006> just used as prefix for combo images.
[15:24:54] <+woc2006> combo-0 combo-1
[15:25:14] <+ReiUsa> is the prefix changeable in skin.ini ?
[15:25:32] <+ReiUsa> as the combo-X not exists but it loads score-X instead
[15:26:03] <+woc2006> never
[15:26:47] <+ReiUsa> testing with combo default score prefix now~
[15:29:33] <+ReiUsa> the combo-X doesn't work :( still using score-X anyway (except score-0 which still loaded as the ScorePrefix)
[15:29:39] <+ReiUsa> (details : t/101814&#41;
[15:31:19] <+woc2006> have you write ComboFont in *K.ini?
[15:31:30] <+ReiUsa> oh wait.. no..
[15:31:44] <+ReiUsa> orz ( i need the current template *runs)
[15:32:51] <+ReiUsa> ComboFont: 1/0/String ?
[15:35:12] <+woc2006> FontCombo: combo
[15:35:12] <+woc2006> then throw combo-0 combo-1 etc in your skin
[15:35:14] <+woc2006> or FontCombo : anywords
[15:39:31] <+ReiUsa> it works (but the problem when the fontcombo is not present, it loads the score- prefix which i think default but doesn't load the index 0)
[15:42:17] <+ReiUsa> (or even when the fontcombo is not present shouldn't it loads the scoreprefix as the default before score prefix?)
H_Hitachiin

Rei_Fan49 wrote:

it's font combo related.
put in nK.ini and add FontCombo:score (as default the 'score'-value is read)
also it still buggy for me... as the current score-0 is not the fontcombo based but scoreprefix based. (in my skin bug thread)

Log
[14:37:18] <+ReiUsa> woc, what is the 'customize combo font' support ? (just asking because the skin bug)
[14:46:59] RBRat3|osu [RBRat3@cho] has quit IRC:
[15:24:54] <+woc2006> hi
[15:24:54] <+woc2006> just used as prefix for combo images.
[15:24:54] <+woc2006> combo-0 combo-1
[15:25:14] <+ReiUsa> is the prefix changeable in skin.ini ?
[15:25:32] <+ReiUsa> as the combo-X not exists but it loads score-X instead
[15:26:03] <+woc2006> never
[15:26:47] <+ReiUsa> testing with combo default score prefix now~
[15:29:33] <+ReiUsa> the combo-X doesn't work :( still using score-X anyway (except score-0 which still loaded as the ScorePrefix)
[15:29:39] <+ReiUsa> (details : t/101814&#41;
[15:31:19] <+woc2006> have you write ComboFont in *K.ini?
[15:31:30] <+ReiUsa> oh wait.. no..
[15:31:44] <+ReiUsa> orz ( i need the current template *runs)
[15:32:51] <+ReiUsa> ComboFont: 1/0/String ?
[15:35:12] <+woc2006> FontCombo: combo
[15:35:12] <+woc2006> then throw combo-0 combo-1 etc in your skin
[15:35:14] <+woc2006> or FontCombo : anywords
[15:39:31] <+ReiUsa> it works (but the problem when the fontcombo is not present, it loads the score- prefix which i think default but doesn't load the index 0)
[15:42:17] <+ReiUsa> (or even when the fontcombo is not present shouldn't it loads the scoreprefix as the default before score prefix?)
Nice Going :)
Aquamarine
I read the FAQ but couldn't find the info I wanted. For OsuMania, is it possible to make the first four keys (left to right; not symmetrical) black, the next four keys white, and the last key black?
Lou-kun
Hey, where do I find the "skin.ini" thing?
Topic Starter
MLGnom

Lou-kun wrote:

Hey, where do I find the "skin.ini" thing?
In any existing skin. Including template that you can download here.
Lou-kun
And how can I add it to my own skin?
Topic Starter
MLGnom

Lou-kun wrote:

And how can I add it to my own skin?
Just find it inside of skin and copy it to your own. D:
OsuMe65

Lou-kun wrote:

Hey, where do I find the "skin.ini" thing?
each osu!Skin has its own skin.ini and can be found on the osu!Skin's folder.
e.g. C:/Program Files/Osu!/Skins/amigo/skin.ini (location varies on where you installed osu!)

Lou-kun wrote:

And how can I add it to my own skin?
3 options

  • 1. refer to the default's skin.ini and tweak it.
  • 2. copy other's skin.ini and edit to your own preference
and the last... (this might be difficult)
  • 3. try freelance and start from nothing and save as "skin.ini" (just refer from the 1st post under a spoilerbox named Skin.ini for the codes)
mana vayne
really useful guide :)
thanks
Yuki-kun
Testing new input background :D
kona x taros
I created hit and keys for osu!mania




Yuki-kun wrote:

Testing new input background :D
Nice ;3c
what's its file name?
Yuki-kun

kona x taros wrote:

I created hit and keys for osu!mania




Yuki-kun wrote:

Testing new input background :D
Nice ;3c
what's its file name?
It's inputoverlay-background.png and inputoverlay-key.png :oops:
kona x taros
thx :3c


Garygoh884
Now with the input logging during replays (or spectating).

Aquamarine

Saph1 wrote:

I read the FAQ but couldn't find the info I wanted. For OsuMania, is it possible to make the first four keys (left to right; not symmetrical) black, the next four keys white, and the last key black?
Is there still no way to do this?
anthonyyy0

Saph1 wrote:

Saph1 wrote:

I read the FAQ but couldn't find the info I wanted. For OsuMania, is it possible to make the first four keys (left to right; not symmetrical) black, the next four keys white, and the last key black?
Is there still no way to do this?
I would like to know too -- I want to make a pop'n music skin.
AaronLyc
It's very helpful for me ! :)
Hanyuu

AussieEvil wrote:

The graphic for the osu!mania button is special-mania.

how do you change the menu like that? i thought it is only working on the main menu??? what other screens can you set your own background? :shock:
show more
Please sign in to reply.

New reply