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
Winshley
osu! Alumni
2,384 posts
Joined May 2011
Winshley

MLGnom wrote:

b) Unnecessary parts :
  1. default-dot, default-comma, default-x.png, default-percent - are no longer used
Just to point something minor. Actually, this is still used if you change the following inside your skin.ini:
[Fonts]
ScorePrefix: default
(Use the above code on default/template skin and you'll see how the default-dot, default-comma, default-x.png, and default-percent looked like in-game) :P

Though if skinners wanted to use the same PNGs on both score numbers and hit circle numbers, they would rather make duplicate PNGs for both score numbers and hit circle numbers or do the following instead :P:
[Fonts]
HitCirclePrefix: score

So yeah, it's still under "Unnecessary parts" indeed, only with wrong reason.
Napokue_DELETED
Napokue_DELETED
Hey,

Great guide you made i going make a skin soon!

Thanks,

Shenji
NoClue
38 posts
Joined December 2009
NoClue
I know I saw this somewhere on the forums, what is the max resolution size for backgrounds? I was making one for myself and 1920x1080 background didn't show in game.
MLGnom
1,365 posts
Joined October 2008
Topic Starter
MLGnom
When you are adding pictures as background, they need to be in "4:3" resolution. Please, use 1024x768 resolution for best effect.
(higher resolutions are cropped by osu! D:)
NoClue
38 posts
Joined December 2009
NoClue
Gah! Lack of widescreen support fail ;-;. Oh well.
Tohob
18 posts
Joined August 2011
Tohob
where could i find information regarding the .wav and .mp3 files in a skin? i tried switching out a large number of them and they simply.. don't work. my best guess would be that the files have to be the same length but.. i don't really know anything about it.
ziin
2,632 posts
Joined January 2010
ziin
go one by one. Make sure the custom sounds are not corrupted.
LawlietMatryoshka524
2 posts
Joined November 2011
LawlietMatryoshka524
Thank you for the tutorial~ But I do have one question... How do I edit it? XD I'm an idiot, so I'm sorry if it was in the tutorial and I didn't understand.
Ok, so I download the template, and click on it, and it just opens it into osu! instead of like... GIMP or something... How do I open it to where I an edit it? ;D Thank you for reading this comment 0.0"
MLGnom
1,365 posts
Joined October 2008
Topic Starter
MLGnom

LawlietMatryoshka524 wrote:

Thank you for the tutorial~ But I do have one question... How do I edit it? XD I'm an idiot, so I'm sorry if it was in the tutorial and I didn't understand.
Ok, so I download the template, and click on it, and it just opens it into osu! instead of like... GIMP or something... How do I open it to where I an edit it? ;D Thank you for reading this comment 0.0"
You can find "Skins" folder in your osu! installation folder. Then just open template skin folder and edit any elements you can find there. :3
Dragon From Dark
4 posts
Joined April 2012
Dragon From Dark
wow!!! thx
Dragon From Dark
4 posts
Joined April 2012
Dragon From Dark
by the way, can i just make skin by my self and name it as in the game like comboburst0, comboburst1, and so on???
Neclory
26 posts
Joined July 2011
Neclory
yes.
ShouSaku
113 posts
Joined July 2011
ShouSaku
how to make "skin.ini"
MLGnom
1,365 posts
Joined October 2008
Topic Starter
MLGnom

-ajus- wrote:

how to make "skin.ini"
You can find it in template skin or any other skin that you can download. Just copy it and edit.
ShouSaku
113 posts
Joined July 2011
ShouSaku

MLGnom wrote:

-ajus- wrote:

how to make "skin.ini"
You can find it in template skin or any other skin that you can download. Just copy it and edit.

thx :)
AngeloRev
1 post
Joined January 2012
AngeloRev
bagaimana cara ngeditnya?
ychao
493 posts
Joined August 2010
ychao
Just open the skin.ini with notepad and change the necessary elements.
Ryu_old
Ryu_old
How can I do dat? Help meeeeeeee :?

justin-chan
63 posts
Joined February 2012
justin-chan
nice tutorial but i have a problem when i make the hitcircles and others there is this white squared portion and it is not transparent compared to the other skins what should i do?
justin-chan
63 posts
Joined February 2012
justin-chan
and where can i find skin.ini?
ziin
2,632 posts
Joined January 2010
ziin
download it from other skins, or start with the template skin (download it through osume, it will be in your skin folder).
justin-chan
63 posts
Joined February 2012
justin-chan
i dont understand a thing, honestly i wish there was a video tutorial! XD
Accelerator-sama
54 posts
Joined March 2012
Accelerator-sama
Woah.. nice tutorial!
I prefer become a skinner than a mapper..
Thank you! :) :) :)
-SaMuRaI-HeArT-
1 post
Joined January 2012
-SaMuRaI-HeArT-
How to put Comboburst on beatmaps? can u tell me pls
exlicht
53 posts
Joined August 2011
exlicht
this helped me a lot, thanks X3
MLGnom
1,365 posts
Joined October 2008
Topic Starter
MLGnom
Hey there. I did a small search today and found 5 interesting things that you can add to skin.ini.
Add these in [General] part.

CustomComboBurstSounds: 50,100,200,300,400,500 etc. Combo sound will be played at specified combo number.

SpinnerFadePlayfield: 0 If this is set to 0, background of spinners will be transparent (you will be able to see map playfield/video)

CursorTrailRotate:0 If this is set to 1, the cursor trail rotation will rotates with the cursor.

AnimationFramerate:"Number of frames" Defaults to playing all available frames per second. Applies to all animated sprites except slider ball. The lower amount of them, the slower animation will be.

SpinnerNoBlink:1 Defaults to 0. When set to 1, it will stop spinners from "blinking" the top of the metre as they rise/peak.

(Funny thing these options were available already for around 3 years :/)

In nearest future I will add a little about Taiko/CtB skinning.
exlicht
53 posts
Joined August 2011
exlicht

MLGnom wrote:

Hey there. I did a small search today and found 5 interesting things that you can add to skin.ini.
Add these in [General] part.

CustomComboBurstSounds: 50,100,200,300,400,500 etc. Combo sound will be played at specified combo number.

SpinnerFadePlayfield: 0 If this is set to 0, background of spinners will be transparent (you will be able to see map playfield/video)

CursorTrailRotate:0 If this is set to 1, the cursor trail rotation will rotates with the cursor.

AnimationFramerate:"Number of frames" Defaults to playing all available frames per second. Applies to all animated sprites except slider ball. The lower amount of them, the slower animation will be.

SpinnerNoBlink:1 Defaults to 0. When set to 1, it will stop spinners from "blinking" the top of the metre as they rise/peak.

(Funny thing these options were available already for around 3 years :/)

In nearest future I will add a little about Taiko/CtB skinning.
hmm, gotta try it
and i will looking for Taiko and CtB skinning :D
are you gonna making byakuren skin? O.O
emergist
106 posts
Joined April 2011
emergist

MLGnom wrote:

Blue lines show the anchor position for scrorebar-colour and if you want to fit them in the same place, try moving the scorebar-background. Also you don’t need to keep length of the lifebar, you can make it shorter or longer (for widescreen).
A bug to fix: "scrorebar-colour".
OsuMe65
1,519 posts
Joined May 2011
OsuMe65

justin-chan wrote:

i dont understand a thing, honestly i wish there was a video tutorial! XD
nice idea...

lemme try to make one based on this (MLGnom's) forum...

:)
T-Scarlet
36 posts
Joined April 2012
T-Scarlet
when hitting notes, the hitclrcles go larger and fade out.. but how can i change that to just rings with empty space at center(dont know how that will be explained) instead of hitclrcle number and hitclrcle.png popping up together? sorry if my explanation is bad...

edit: .... i just read the post 3more times and noticed it was lighting.png srry
emergist
106 posts
Joined April 2011
emergist

MLGnom wrote:

d) CursorRotate – controls whether the cursor rotates or not.
e) CursorExpand – when turned on, the cursor expands when clicking.
f) CursorCentre – while turned off the action point of the cursor will be in the top left corner of the image, rather than the center.
g) SliderBallFrames – amount of sliderball frames(pictures) used in the skin.
h) HitCircleOverlayAboveNumer – if turned on, makes numbers appear under the “hitcircleoverlay”
Are these options seleted between 0 and 1? If they are, you can add 0/1 to the thread.
OsuMe65
1,519 posts
Joined May 2011
OsuMe65
You can use 72 dpi as your image resolution [that's the web image resolution] to maintain a low memory space but still, a good looking element
:D
Netoxic
13 posts
Joined June 2012
Netoxic
just a question, i see there can be more than 1 comboburst.png image andthey are named comboburst-0.png, comboburst-1.png, comboburst-2.png etc. Do i have to specify in the .ini file that the skin uses more than a comboburst? Can combo burst images be slected randomly when performing a combo?
ziin
2,632 posts
Joined January 2010
ziin
Name:
Author:
SliderBallFlip: 0
CursorRotate: 0
CursorExpand: 1
CursorCentre: 1
AnimationFramerate: 30
SliderBallFrames: 5
HitCircleOverlayAboveNumer: 0
ComboBurstRandom: 0
SliderStyle: 2

[Colours]
Combo1: 255,255,0
Combo2: 255,0,0
Combo3: 255,0,255
Combo4: 0,0,255
Combo5: 0,255,0
Combo6: 0,255,255
Combo7: 255,128,128
Combo8: 128,255,128
SliderBorder: 192,192,192
SliderTrackOverride: 200,160,0
SpinnerApproachCircle: 250,250,250
StarBreakAdditive: 128,128,128
SongSelectActiveText: 78,0,0
SongSelectInactiveText: 255,215,228

[Fonts]
HitCirclePrefix: default
HitCircleOverlap: 3
ScorePrefix: score
ScoreOverlap: 3

Here's all the stuff I have in my skin.ini that works (I think I gave up on animationframerate and sliderballframes though). There is a toggle for random combo bursts, and you don't have to specify # of images in the skin.

Note the underlined stuff. I just found it today.
MLGnom
1,365 posts
Joined October 2008
Topic Starter
MLGnom
So these were correct...
Thanks.
Added to "skin.ini" part :

SongSelectActiveText: 0,0,0
SongSelectInactiveText: 0,0,0

netoxr2000 wrote:

just a question, i see there can be more than 1 comboburst.png image andthey are named comboburst-0.png, comboburst-1.png, comboburst-2.png etc. Do i have to specify in the .ini file that the skin uses more than a comboburst? Can combo burst images be slected randomly when performing a combo?
You don't need to specify amount of comboburst. If you want to randomize combobursts add this to [General] part in skin.ini . 
ComboBurstRandom: 1
OsuMe65
1,519 posts
Joined May 2011
OsuMe65
@MLGnow: how about play-unranked.png?
here's the picture:
KingisNitro
35 posts
Joined August 2011
KingisNitro
I have got a few questions;

Where am I supposed to post a new thread with my new skin? Somewhere in Skinning?
Secondly, is there anything forbidden to post? I suppose things that are related to blood or R-18 or something? Are there any rules on what can't be posted? (Just asking whether skins based upon characters from Fandoms are okay or not xD I wouldn't want to get banned or something from osu! for such stupid thing.)

A few notes;
Pause-overlay has to be a .PNG file, it didn't work with .JPG for me. May not be correct, I dunno.
In Skin.ini, the SliderBallFlip works exactly the other way around for me, when it's 0, it flips the sprite.
As for SliderBallFrames, I tried editing one theme and it automatically took the sprites I added, without the need of editing Skin.ini. Not sure about that though.
Further, SliderStyle does nothing for me (I added it and made sure to put it under [General]).

Thanks for any help with that! It would be pretty wonderful.
I'vegot 50 files out of 160 done already, maybe I will have finished it by the end of the next weekend! ^^ seriously doubt that though ahaha;;;

Btw seeing how many people ask about Skin.ini, you should maybe put it into the tutorial too x'DD
Oh and Kiai time is misspelled as Kaiai somewhere there. (Skin.ini spoiler, StarBreakAdditive is the exact place.)
MLGnom
1,365 posts
Joined October 2008
Topic Starter
MLGnom
1. Just create new thread in skinning.
2. Yes, don't post anything that contains nudity or any explicit continent. Ecchi is fine but you should give a warning in your thread. About blood, please don't post guro. It's should be somewhat safe. (we have already skin that contain "blood" but this kind is okay).

3. Pause-overlay must be .png like other parts of skin. (Exception are beatmap skins where you can have backgrounds as jpg).
4. Are you sure it's flipped? Please test this sliderball (added skin.ini with it). I don't know why you have differently.
5. SliderBallFrames will affect speed of animation of sliderball.
6. Are you sure you don't have "OpenGL" or "low end PC" turned on in options? Because of OpenGL skins will have forced sliderstyle : 2 and only style 2 and 3 will work.

Skin.ini is inside of every skin, also in template, so no need. :3c

Damn it. Don't know why I called it "Kaiai". Corrected. D:
IppE
IppE

MLGnom wrote:

(we have already skin that contain "blood" but this kind is okay).
You flimsy poo just had to go and link that :roll:

So going to spam you with more guro just for the fun of it <3
OsuMe65
1,519 posts
Joined May 2011
OsuMe65

IppE wrote:

MLGnom wrote:

(we have already skin that contain "blood" but this kind is okay).
You flimsy poo just had to go and link that :roll:

So going to spam you with more guro just for the fun of it <3
that's yours, anyway ;)
show more
Please sign in to reply.

New reply

0
62 / 4,226