forum

Skinning tutorial (+ skinning support)

posted
Total Posts
4,226
show more
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:
Rei Hakurei
special-background.png
while options-background.png is deleted from resource (replaced by menu-background.jpg) by peppy~
OsuMe65
inputoverlay-background.png must be constructed from top to bottom because osu! rotates it by 90° to the right. Or construct it from bottom to top and rotate the image by 180°.
(posted for everyone who's already stumped in this element)
Facial Traffic
WoW, Thank you so much.

<33
Yuki-kun
Bad PTS...Removing bg didn't completed yet :(


Just for fun after all :D
Topic Starter
MLGnom

Yuki-kun wrote:

Bad PTS...Removing bg didn't completed yet :(


Just for fun after all :D
Huh.. What? Which bg?
Yuki-kun

MLGnom wrote:

Yuki-kun wrote:

Bad PTS...Removing bg didn't completed yet :(


Just for fun after all :D
Huh.. What? Which bg?
The BG behind the online score. It's not belong to main bg xD
Topic Starter
MLGnom
Still not sure what is the problem here... You removed bg? But which? BG from map? And after , that badly cropped, anime girl showed up there?
Yuki-kun

MLGnom wrote:

Still not sure what is the problem here... You removed bg? But which? BG from map? And after , that badly cropped, anime girl showed up there?
Actually it's new skin part that i just have found. But nvm, just a small change for my personal favourite. :)
H_Hitachiin

Yuki-kun wrote:

MLGnom wrote:

Still not sure what is the problem here... You removed bg? But which? BG from map? And after , that badly cropped, anime girl showed up there?
Actually it's new skin part that i just have found. But nvm, just a small change for my personal favourite. :)
And which part is that?
OsuMe65

Yuki-kun wrote:

MLGnom wrote:

Still not sure what is the problem here... You removed bg? But which? BG from map? And after , that badly cropped, anime girl showed up there?
Actually it's new skin part that i just have found. But nvm, just a small change for my personal favourite. :)

H_Hitachiin wrote:

And which part is that?
random guess...

that must be the playfield.png
(that might be correct or not)
Yuki-kun

OsuMe65 wrote:

random guess...

that must be the playfield.png
(that might be correct or not)
Nope, of course. I hate put playfield with any kind of picture xD
Look at those picture... :p

Rei Hakurei
the arrow there, and the leaderboard BG (as i guess right :P) is the skinnable part based from the SSs(screenshots) there
Aquamarine

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?
Nothing on this still?
OsuMe65

Rei_Fan49 wrote:

the arrow there, and the leaderboard BG (as i guess right :P) is the skinnable part based from the SSs(screenshots) there
we got a badass unknown element here.... -.-
H_Hitachiin

OsuMe65 wrote:

Rei_Fan49 wrote:

the arrow there, and the leaderboard BG (as i guess right :P) is the skinnable part based from the SSs(screenshots) there
we got a badass unknown element here.... -.-
And it deserves to be known :?
Yuki-kun
LoL. I forgot this topic xD
You can try to add "clicktostart.png" and "dragtobrowse.png"

You should get something like this :D


Btw: the image clicktostart should be the same size with reserve arrow.
I don't have any idea about the image dragtobrowse size, very hard to tell exactly xD
OsuMe65

Yuki-kun wrote:

LoL. I forgot this topic xD
You can try to add "clicktostart.png" and "dragtobrowse.png"

You should get something like this :D


Btw: the image clicktostart should be the same size with reserve arrow.
I don't have any idea about the image dragtobrowse size, very hard to tell exactly xD
now we have another badass elements here
mintong89
ummm..."clicktostart.png" and "dragtobrowse.png"?

can someone tell me what is this?

800 posts /o/
OsuMe65

mintong89 wrote:

ummm..."clicktostart.png" and "dragtobrowse.png"?

can someone tell me what is this?

800 posts /o/
clicktostart.png
an element used to notify the user where to press play

dragtobrowse.png
that f*cking bg behind the leaderboard

(EDIT: these elements might be considered dead... because of some issues like distractions, "beauty is destroyed" things and more to follow)
Rei Hakurei

OsuMe65 wrote:

(EDIT: these elements might be considered dead... because of some issues like distractions, "beauty is destroyed" things and more to follow)
yep.
i guess there's still one more that Yuki-kun had changed,
Topic Starter
MLGnom
osu! history page is your friend guys.
"clicktostart.png" Is most likely that button to start in very early version of osu!. It's useless now.

I'm pretty sure someone decompiled osu! files to find info about that... but I'm surprised that it's till there and working. o.O

Will try to find out what "dragtobrowse.png" is for or was for.
OsuMe65

MLGnom wrote:

Will try to find out what "dragtobrowse.png" is for or was for.
as expected... dragtobrowse.png appears behind the leaderboard...

Rei Hakurei
dragtobrowse is an instruction to drag something around there (but not touch the leaderboard), and browse the song selection up and down (regarding direction of your drag)
is it means : need the original pic of dragtobrowse ?
Yuki-kun
Not sure, but in my osu, it's still active...
Check my screenshot .


There are 2 images i'm using.


You can check at resolution 1024x768.
Rei Hakurei
where's the large transparent osu icon there?
lol
Yuki-kun

Rei_Fan49 wrote:

where's the large transparent osu icon there?
lol
It's should be appeared beside the osu icon in song selection xD
OsuMe65
even though they exist... they're still dead elements... because in the modern side of osu! (probably ~2010-2012), these elements are now beauty spoilers.
Topic Starter
MLGnom

Rei_Fan49 wrote:

where's the large transparent osu icon there?
lol
You changed dragtobrowse file?

Someone remember anything that was in the middle of song selection screen? Yes green square is my "dragtobrowse.png" 50x50.
Yuki-kun

OsuMe65 wrote:

even though they exist... they're still dead elements... because in the modern side of osu! (probably ~2010-2012), these elements are now beauty spoilers.
I'm not sure it's old or new...but anyone can give me explaination that why did they still work in my game?
Also, i always keep my game up-to-date

@MLGnom: it's depend on resolution of your game.
In my example is full screen with 1024x768 resolution.
Rei Hakurei

MLGnom wrote:

Rei_Fan49 wrote:

where's the large transparent osu icon there?
lol
You changed dragtobrowse file?

Someone remember anything that was in the middle of song selection screen? Yes green square is my "dragtobrowse.png" 50x50.
no, i didn't do anything to dragtobrowse till i touch image editor again to "move the temporary try of dragtobrowse" into dragtobrowse.
well, it was different from dragtobrowse, (also, the other hint/note : smaller version can't be changed)
(dragtobrowse is centreright aligned then)

hint: it was my try to change the skin behind there before dragtobrowse.png is the true answer instead.
Topic Starter
MLGnom

Yuki-kun wrote:

OsuMe65 wrote:

even though they exist... they're still dead elements... because in the modern side of osu! (probably ~2010-2012), these elements are now beauty spoilers.
I'm not sure it's old or new...but anyone can give me explaination that why did they still work in my game?
Also, i always keep my game up-to-date

@MLGnom: it's depend on resolution of your game.
In my example is full screen with 1024x768 resolution.
Yeah, noticed that too.
Well we shouldn't care much about these. If someone want to do something with them, go ahead, but remember they are dead elements that shouldn't be there.
If they aren't affected by aspect ratio they are from times before "widescreen" update.
Yuki-kun
If you say so... xD
Btw: Can i have your cursor and cursor trail? I really like that :D
Topic Starter
MLGnom

Yuki-kun wrote:

If you say so... xD
Btw: Can i have your cursor and cursor trail? I really like that :D
Sorry but this is private skin. Can't. ^^;
H_Hitachiin
There are probaly WAY more skin elements that we still might not know about.
Yuki-kun

H_Hitachiin wrote:

There are probaly WAY more skin elements that we still might not know about.
Actually, i knew some other elements skin, but after all, it's so useless, so i decided just keep in my mind xD
For example, the tick bar in option offset check xD
Rei Hakurei

Yuki-kun wrote:

H_Hitachiin wrote:

There are probaly WAY more skin elements that we still might not know about.
Actually, i knew some other elements skin, but after all, it's so useless, so i decided just keep in my mind xD
For example, the tick bar in option offset check xD
tick bar... uhh the slider bar or near reset button?
Topic Starter
MLGnom
Options > Audio > Run offset wizard
I'm pretty sure it's that bar. I think it can be funny to edit that. ^^;

So if you have anything more just post file names here. We will test them and then tell if they are useless or not. :3c
Rei Hakurei
ohhh.. i didn't read "option offset" orz..
"options-offset-tick.png" btw
Yuki-kun
Does hitsound can count to skin? xD
I can change some hitsound in multiplayer (like kick, ready, start game), the nightcore mode hitsound or the tick-tick sound in editor timing...and...etou.... which word should i say about this image ?

OsuMe65

Yuki-kun wrote:

Does hitsound can count to skin? xD
I can change some hitsound in multiplayer (like kick, ready, start game), the nightcore mode hitsound or the tick-tick sound in editor timing...and...etou.... which word should i say about this image ?

dude... it counts... but that image? it's impossible... also what do you mean with NC hitsound?
o.o
Yuki-kun

OsuMe65 wrote:

Yuki-kun wrote:

Does hitsound can count to skin? xD
I can change some hitsound in multiplayer (like kick, ready, start game), the nightcore mode hitsound or the tick-tick sound in editor timing...and...etou.... which word should i say about this image ?

dude... it counts... but that image? it's impossible... also what do you mean with NC hitsound?
o.o
Actually i can change that image.
and about NC hitsound...Sr i've made a mistake xD...It's drum hitsound in editor mode xD
Oh, and about hitsound in multi mode, you can try: match-leave, match-join, match-confirm.wav :D
OsuMe65

Yuki-kun wrote:

Actually i can change that image.
and about NC hitsound...Sr i've made a mistake xD...It's drum hitsound in editor mode xD
Oh, and about hitsound in multi mode, you can try: match-leave, match-join, match-confirm.wav :D
well... i guess you have your oldest osu! or you decompiled osu!...
Rei Hakurei

OsuMe65 wrote:

Yuki-kun wrote:

Actually i can change that image.
and about NC hitsound...Sr i've made a mistake xD...It's drum hitsound in editor mode xD
Oh, and about hitsound in multi mode, you can try: match-leave, match-join, match-confirm.wav :D
well... i guess you have your oldest osu! or you decompiled osu!...
or you have read the osu! default skin manually
Yuki-kun
Both of them is not my way.
I don't have enough programming skill to decompile a big project like osu!
I've tried to read Osu!.dll using Visual Studio 2012. But it's nothing more than a...binary file and i don't understand anything in that ... xD
Btw: I forgot the sound match-ready in multi mode. You can add it, but after that you must restart osu to take effect. I don't understand why...since the image part we only need to reload skin in option... xD
Rei Hakurei

Yuki-kun wrote:

Btw: I forgot the sound match-ready in multi mode. You can add it, but after that you must restart osu to take effect. I don't understand why...since the image part we only need to reload skin in option... xD
how about reloading it through entering and leaving skin menu? it could reload all possible skin elements there. (also, nightcore can't be skinned)
Yuki-kun

Rei_Fan49 wrote:

Yuki-kun wrote:

Btw: I forgot the sound match-ready in multi mode. You can add it, but after that you must restart osu to take effect. I don't understand why...since the image part we only need to reload skin in option... xD
how about reloading it through entering and leaving skin menu? it could reload all possible skin elements there. (also, nightcore can't be skinned)
I've tried it but...i don't know why in my pc, it only can change the image part. All hitsound parts don't change until i restart osu!
pixeldesu

Yuki-kun wrote:

I've tried to read Osu!.dll using Visual Studio 2012. But it's nothing more than a...binary file and i don't understand anything in that ... xD
With VS2012 (and every other VS-Release), you only can watch the hexadecimal "code" of the dll, not actually anything that's inside.
Yuki-kun
Yes, and that's why i must find another way to see skin part. But not all. xD
Actually, i knew exactly how much parts that osu contains, but i can't read them all or see how those thing designed. :(
All i see is only a hex code and binary. :(
Ayesha Altugle

Rei_Fan49 wrote:

ohhh.. i didn't read "option offset" orz..
"options-offset-tick.png" btw
It Works
proof

original
Custom

SIZE : 52x400
Might be larger or Smaller

file name:options-offset-tick.png
H_Hitachiin

Rei_Fan49 wrote:

OsuMe65 wrote:

(EDIT: these elements might be considered dead... because of some issues like distractions, "beauty is destroyed" things and more to follow)
yep.
i guess there's still one more that Yuki-kun had changed,
O.o
That icon in the back...
jemhuntr
ohwait there's too much elements in here. @MLGnom, will you PLEASE add a spoilerbox to the OP with complete, updated skin element listing, including those minor ones?? sankyu :3

Edit: OR MAYBE I'LL JUST CREATE A LIST INCLUDING THOSE REMOVED ONES. I SHALL BROWSE THIS THREAD SOMEDAY. *someday* >.>
OsuMe65

JeMhUnTeR wrote:

ohwait there's too much elements in here. @MLGnom, will you PLEASE add a spoilerbox to the OP with complete, updated skin element listing, including those minor ones?? sankyu :3

Edit: OR MAYBE I'LL JUST CREATE A LIST INCLUDDING THOSE REMOVED ONES. I SHALL BROWSE THIS THREAD SOMEDAY. *someday* >.>
i guess you found it tl and dr
jemhuntr

OsuMe65 wrote:

JeMhUnTeR wrote:

ohwait there's too much elements in here. @MLGnom, will you PLEASE add a spoilerbox to the OP with complete, updated skin element listing, including those minor ones?? sankyu :3

Edit: OR MAYBE I'LL JUST CREATE A LIST INCLUDDING THOSE REMOVED ONES. I SHALL BROWSE THIS THREAD SOMEDAY. *someday* >.>
i guess you found it tl and dr
wat. OH BTW. I FINISHED BROWSING THE ENTIRE THREAD :3

(although I forgot to take down the .ini related stuff)
oh hey I'm older than OsuMe >.<
jemhuntr
wait so that means that the entire skin is just being experimented on by you guys ??? :o that's bad xD *asks peppy*
Rei Hakurei
about new lobby UI
current lobby-background from menu-background.jpg, maybe later will be deleted from default skin.
just telling this :3
Topic Starter
MLGnom
Ah, finally a widescreen support for lobby. Well, Thank you.
OsuMe65

Rei_Fan49 wrote:

about new lobby UI
current lobby-background from menu-background.jpg, maybe later will be deleted from default skin.
just telling this :3
this happened now ._.
Yuki-kun
I don't like new Multi UI...
It's hard to read a room In Progress or not... or my Main BG too dark? :(
Rei Hakurei

Yuki-kun wrote:

I don't like new Multi UI...
It's hard to read a room In Progress or not... or my Main BG too dark? :(
your main BG is dimmed around 25~30%
Don-Tan
this new UI tactic from peppy completley destroys my affords from my skin X.x
Rei Hakurei
let's see if Special Mode or osu!direct BG too is changed its layout later time,

1. option-background ; announced by peppy that using menu-background
2. lobby-background ; not announced but same behaviour like current Pption BG
3. let's see what's gonna happen later
Topic Starter
MLGnom
Let's just hope we won't see one, same BG everywhere. :/
Yuki-kun
Does anyone here try hitcircleoverlay with animated? xD
Topic Starter
MLGnom

Yuki-kun wrote:

Does anyone here try hitcircleoverlay with animated? xD
Wait, what? Since when we are able to animate "hitcircleoverlay". O.o

Tested and it's working but... geez...

Okay, when I finish my actual skin project, I'm going to do an update and a lot of testing because there was too many changes (probably). >.<
Roxas
in .ini file, where do we have to write .ini part of osu!mania? in [General]?
Topic Starter
MLGnom
For osu!mania settings you must have separate files - 4k.ini, 5k.ini, 6k.ini 7k.ini and 8k.ini
Rei Hakurei

MLGnom wrote:

For osu!mania settings you must have separate files - 4k.ini, 5k.ini, 51.ini, 6k.ini, 7k.ini, and 8k.ini
don't forget that one, even i only encouter 5+1k once but woc is already added that +1 support for 5 and 7 afaik,
H_Hitachiin

Rei_Fan49 wrote:

let's see if Special Mode or osu!direct BG too is changed its layout later time,

1. option-background ; announced by peppy that using menu-background
2. lobby-background ; not announced but same behaviour like current Pption BG
3. let's see what's gonna happen later
lobby-background.png doesn't work anymore but matchsetup-background.png is still there (:
kona x taros
Look what I have made \:D/


Don-Tan
omg this is just tooo cute X3 i luv it

EDIT: haha at first i was going to write: "NOOO why so many updates? i have to update my skin way to often ._.)" but then i saw this epic background XD
Topic Starter
MLGnom

xXDoNiXx wrote:

omg this is just tooo cute X3 i luv it

EDIT: haha at first i was going to write: "NOOO why so many updates? i have to update my skin way to often ._.)" but then i saw this epic background XD
Tell that to me... My skins still need nightcore/perfect mod update. :/
Don-Tan

MLGnom wrote:

xXDoNiXx wrote:

omg this is just tooo cute X3 i luv it

EDIT: haha at first i was going to write: "NOOO why so many updates? i have to update my skin way to often ._.)" but then i saw this epic background XD
Tell that to me... My skins still need nightcore/perfect mod update. :/
yeah :| i'm still pissed that i have to redo the whole special - mod.png row :cry:
OsuMe65
selection-mod-novideo.png is gone... ( ._.)
i hope the entire skinning elements will not be vanished forever...
HTTkeion
he's right ( ._.)
Topic Starter
MLGnom
Just to inform you guys, you can now skin backgrounds for widescreen resolutions, yes I mean pause, fail etc. (The safest should be 1366x768 resolution). But be careful with it, and always check how it will look in 4:3. Or as alternative if you are going to post your skin at forum, make 2 versions of it.

Like I said before, in nearest days I will start testing everything from beginning and will provide any new informations. ^.^
Rei Hakurei
ranking screen too supports widescreen, but every elements there aren't widescreen support (just the 5 circles that spinning slowly around grade element that affected by widescreen)
Keredna
Either I'm just not guessing the right dimensions, or ranking-panel no longer covers the entire screen.
OsuMe65

MLGnom wrote:

Just to inform you guys, you can now skin backgrounds for widescreen resolutions, yes I mean pause, fail etc. (The safest should be 1366x768 resolution). But be careful with it, and always check how it will look in 4:3. Or as alternative if you are going to post your skin at forum, make 2 versions of it. (1)

Like I said before, in nearest days I will start testing everything from beginning and will provide any new informations. ^.^ (2)
(1) oh, that's a good one

(2) i hope the informations won't include the skinning elements that has been taken down. ( ._.)
Garygoh884


That works! I wonder if we could be able to make playfields widescreen...
Topic Starter
MLGnom

Garygoh884 wrote:



That works! I wonder if we could be able to make playfields widescreen...
Yes, now we are able to put widescreen background. (probably in beatmaps too). If you use 1024x768 playfield, it will be resized to fit any widescreen resolution.
BUT if you use widescreen playfield, osu! will add black bars on upper and bottom part of screen. It depends with one resolution you are using so the bars will be larger or smaller. As I said before again the safest should be 1366x768 to have it working on every aspec ratio.
gameboi9321
Is there a way to add characters to the side of the screen when you get enough no-misses? Or did i overlook something? :?

EDIT- Nevermind,I found out how ^^;
Topic Starter
MLGnom
They are called combobursts and first appear when you have 30 combo.
gameboi9321

MLGnom wrote:

They are called combobursts and first appear when you have 30 combo.
Thanks for the help, but I already figured it out ^^;
pielak213
­
jemhuntr
Great. I never knew hitcircle overlay could be animated.
Jackyyy
Is it just me or does a 1366x768 matchsetup-background.png not fit properly?
Topic Starter
MLGnom
Because that background it's still in progress. The official background is only in 1024x768 and you wouldn't be able to have it on widescreen. The main problem with it, is that the numbers and texts like "Game type" "Mods" "Beatmaps" are part of background.
AnceriI Sacred
options-background, lobby-background and matchsetup-background doesnt work :C
Topic Starter
MLGnom

Zeolith wrote:

options-background, lobby-background and matchsetup-background doesnt work :C
options and lobby has been removed. Instead of them you can see your menu-background if you are supporter.

For matchsetup-background check if you haven't made any mistake, since it's working just fine for me.
AnceriI Sacred
why options- and lobby-background has been removed?
show more
Please sign in to reply.

New reply