Sign In To Proceed 435v5c

Don't have an ? 473g1v

osu! to create your own !
forum

Skinning tutorial (+ skinning ) 646s2v

posted
Total Posts
4,226
show more

KingisNitro wrote: 151a69

Okay I have tried making selection-mod-nightcore.png, taking selection-mod-doubletime.png away and nothing changed (only the icon for DT is now the classic one). How do I add it in? Owo (My osu! updated like every day for the last week)
great...
that selection-mod-nightcore.png can be added on your skin but don't delete the selection-mod-doubletime.png

like this:
another discovery

his name is ranking-winner.png
his dimensions are 200x214
he can be found during multiplayer ranking screen

[still revamping mine... :(]
Topic Starter
Please use spoiler box for screenshots. Thank you.

Yeah I noticed that too. I will test these skin parts from that mod, maybe there is more. xD
@OsuMe65, MLGnom: Both thank you! ^^
And thanks for new info too! :O I will have a lot of things to add/re-do in the skin apparently. :C
what will i do when is unable to import? :?
Topic Starter

hydrosilver wrote: 4y343l

what will i do when is unable to import? :?
What do you mean? What you are unable to import?

MLGnom wrote: 3b6q29

hydrosilver wrote: 4y343l

what will i do when is unable to import? :?
What do you mean? What you are unable to import?
he meant the .osk file
[he was unable to import the osu! Skin]
Topic Starter
Personally I don't know how to help with this problem. I think it's often caused by opening .osk file without osu! running. (via .osk you will launch osu!). Simply try again with having osu! already running.
I dont get it, am i supposed to have a skin.ini file ed? I got a templateskin.osk file from the HERE thingy in the tutorial, i dont understand how im supposed to make a skin.ini out of it ._.
Topic Starter
After adding skin, you can find skin.ini inside template skin folder.

MLGnom wrote: 3b6q29

After adding skin, you can find skin.ini inside template skin folder.
Thank you c:
Thank yoou [2] :3
How can i change SliderBallFlip in beatmap skin??

pyransc wrote: 82i1s

How can i change SliderBallFlip in beatmap skin??
I don't think it's possible in Beatmap skin, however better wait for a response from MLGnom or OsuMe65.

However in the skin as a whole, you can change it in skin.ini. (Which is missing in skins just for specific beatmaps.)

pyransc wrote: 82i1s

How can i change SliderBallFlip in beatmap skin??
it is possible...

put a skin.ini and set SliderBallFlip at 0 (no flip) or 1 (with flip)
i tried it recently
:)

Example of a skin.ini (for beatmaps)
[General]
SliderBallFlip: 0
CursorRotate: 0
CursorExpand: 1
CursorCentre: 1
SliderBallFrames: 10
SliderStyle: 2
HitCircleOverlayAboveNumer: 0
CustomComboBurstSounds: 50,100,200,300,400,500

[Colours]

Combo1: 255,150,0
Combo2: 5,240,5
Combo3: 5,5,240
Combo4: 240,5,5
Combo5: 240,5,5

SliderBorder: 237,237,237
//SliderTrackOverride: 0,0,0
SpinnerApproachCircle: 77,139,217
StarBreakAdditive: 0,109,220

SongSelectActiveText: 0,58,90
SongSelectInactiveText: 255,255,255

[Fonts]
HitCirclePrefix: default
HitCircleOverlap: 3
ScorePrefix: score
ScoreOverlap: 3
Topic Starter
Since when you can add skin.ini to beatmaps? Are you sure you disabled "SliderballFlip" in your skin before testing? Because skin.ini of your skin will affect beatmap skins.
oh sorry...
i didn't noticed that earleir

^^V

P.S.
told ya... i'm very old even f i'm 13
Then it is impossible to do? I no have any idea how i can do this. It's a pity.

pyransc wrote: 82i1s

Then it is impossible to do? I no have any idea how i can do this. It's a pity.
yes, it is impossible...
-_-

[hoping that it's possible :( but doesn't matter anyomore]
Topic Starter

pyransc wrote: 82i1s

Then it is impossible to do? I no have any idea how i can do this. It's a pity.
In the future probably will be beatmap skin.ini but right now it's impossible to do. :<
It isn't possible to change the colors of song select tabs?
Topic Starter
Which one tabs?

pyransc wrote: 82i1s

How can i change SliderBallFlip in beatmap skin??
Put it in skin.ini and call the skin. Every time someone puts a skin in a beatmap, I feel like they just gave me the middle finger.

WASSHOI wrote: 3e6z3q

It isn't possible to change the colors of song select tabs?
You can only change the text colour. Menu-button-background.png is coloured into white, blue, red, pink, or orange via reducing the RGB channels. Red, for example, is achieved by removing the blue and green channels. You can use this to make different colours, but many colours are just not possible.

MLGnom wrote: 3b6q29

Which one tabs?
menu-button-background.png, the colors that are used for unselected tracks, unopened folders, unplayed songs, etc.


ziin wrote: 1o1846

WASSHOI wrote: 3e6z3q

It isn't possible to change the colors of song select tabs?
You can only change the text colour. Menu-button-background.png is coloured into white, blue, red, pink, or orange via reducing the RGB channels. Red, for example, is achieved by removing the blue and green channels. You can use this to make different colours, but many colours are just not possible.

Thanks, I was afraid of that. Has Peppy ever said he was against that part of osu! being skinnable? I'd image a lot of people would rather use their own color values, especially if they have a skin themed around a set of colors already.

WASSHOI wrote: 3e6z3q

Thanks, I was afraid of that. Has Peppy ever said he was against that part of osu! being skinnable? I'd image a lot of people would rather use their own color values, especially if they have a skin themed around a set of colors already.
Yes...
[title.png]

this title.png is a forbidden part in a skin...
you need to put it in the "Data" folder of osu! (replacing the 1x1 title.png) in order to work...

[and peppy doesn't allow any skinner to do that (even most skinners disobey this)]
Topic Starter

OsuMe65 wrote: 4d3mn

Yes...
[title.png]

this title.png is a forbidden part in a skin...
you need to put it in the "Data" folder of osu! (replacing the 1x1 title.png) in order to work...

[and peppy doesn't allow any skinner to do that (even most skinners disobey this)]
The hell you are talking about? He asked about menu-button-background colours not about title.png. Read again his post.

WASSHOI wrote: 3e6z3q

Thanks, I was afraid of that. Has Peppy ever said he was against that part of osu! being skinnable? I'd image a lot of people would rather use their own color values, especially if they have a skin themed around a set of colors already.
I think there was a topic about this, but I don't if peppy was against about changing these colours. But I think he wouldn't like to change them. Yeah I know it doesn't help anyway...

MLGnom wrote: 3b6q29

The hell you are talking about? He asked about menu-button-background colours not about title.png. Read again his post.
i forgot...
but i know that it's forbidden
and i'm still 13... give much patience plz...
-_-

--------------------------------------------------------------------------------------------------------------------------

as for the colours... no news... -_-
waiting for a new one
:|
Nice..
i wanna test this
Doesn't seem like anyone knows of this one: options-background.png


The image I used is 1100x780, and I can't be bothered to find the exact size...
Topic Starter

Hakito wrote: 334q3u

Doesn't seem like anyone knows of this one: options-background.png


The image I used is 1100x780, and I can't be bothered to find the exact size...
Hah. I will check and test for size later. Thanks for information.

Hakito wrote: 334q3u

Doesn't seem like anyone knows of this one: options-background.png


The image I used is 1100x780, and I can't be bothered to find the exact size...
it's legit

thanks for the information
:)
i created some ranking-winner and spinner-rpm that looks like the default ones... (but not look exactly as the default ones)

http://puu.sh/MDVv

nice theard :) but does anyone know how the slider-like things between the fruits in catch the beat are called :?: (filename) i can't find it :?

xXDoNiXx wrote: 3b6u7

nice theard :) but does anyone know how the slider-like things between the fruits in catch the beat are called :?: (filename) i can't find it :?
well... if you mean the droplets between the fruits, it is called fruit-drop.png. it comes along with fruit-drop-overlay.png (if i'm correct...) for a stylish look...


but if you mean something else, then i don't know...
yeah thx that was what i meant XD

Hakito wrote: 334q3u

Doesn't seem like anyone knows of this one: options-background.png


The image I used is 1100x780, and I can't be bothered to find the exact size...
Mind posting the exact image you used?
i tested it and for me it fits perfectly in 1024x768

here is the prove :<

xXDoNiXx wrote: 3b6u7

i tested it and for me it fits perfectly in 1024x768

here is the prove :<
What point in the image do you cut off the top so the image won't overlap the black bar on top?
you have to include the black bar on the top cause if you don't add the black bar osu goes LSD XD

options-background.png example without the black bar on the top:

i hope this could answer your question :)

xXDoNiXx wrote: 3b6u7

you have to include the black bar on the top cause if you don't add the black bar osu goes LSD XD

options-background.png example without the black bar on the top:

i hope this could answer your question :)
you can exclude the black bar if you take the risk of this "LSD"
if not, then use a black bar
:)

xXDoNiXx wrote: 3b6u7

you have to include the black bar on the top cause if you don't add the black bar osu goes LSD XD

options-background.png example without the black bar on the top:

i hope this could answer your question :)
Is the black bar a separate skin element? Or is there a point in your background image where you need to manually cut off and make your own bar?

WASSHOI wrote: 3e6z3q

xXDoNiXx wrote: 3b6u7

*Space Saver*
Is the black bar a separate skin element? Or is there a point in your background image where you need to manually cut off and make your own bar?
... No... The bar is part of options-background.png, and it should be around 85 pixels high.
Topic Starter
Ehh... I was hoping for someone to explain this instead of me... but I see I must do this.
So let's begin.

1. So "options-background.png" doesn't have constant size like spinner-background or anything else in gameplay. What I mean? That you must about people that use different aspect ratio : 16:9, 4:3, 16:10 etc.
So if you are going to add it to skin and release, to add different sizes of this for different people.

2. Simple example how it's look for me as I'm using 4:3 (1280x960).

3. "But the tabs looks bad!" - Don't worry, these tabs are 83px lower than top of the picture.


4. So let me show you quick example how could it look if you want edit it.


So basically you should use size 1024x768 or 1024x600 but this is up to you.

Don't make it transparent because things will mess up!

MLGnom wrote: 3b6q29

Ehh... I was hoping for someone to explain this instead of me... but I see I must do this.
So let's begin.

1. So "options-background.png" doesn't have constant size like spinner-background or anything else in gameplay. What I mean? That you must about people that use different aspect ratio : 16:9, 4:3, 16:10 etc.
So if you are going to add it to skin and release, to add different sizes of this for different people.

2. Simple example how it's look for me as I'm using 4:3 (1280x960).

3. "But the tabs looks bad!" - Don't worry, these tabs are 83px lower than top of the picture.


4. So let me show you quick example how could it look if you want edit it.


So basically you should use size 1024x768 or 1024x600 but this is up to you.

Don't make it transparent because things will mess up!
any size is legit enough for a basic design... even it is 16:9, 4:3, 16:10 blah, blah, blah... (i used a 1366x768 options-background)




but for images, one size is no good

------------------------------------------------------------------------------------------------

EDIT: thank you, MLGnom for a wonderful explanation... :)
How can I use options-background btw ??
Topic Starter

Dark_Ai wrote: 2v3di

How can I use options-background btw ??
Create new image file in size that you use, save it as options-background.png and add it to your skin.

OsuMe65 wrote: 4d3mn

...
Have you tested it on something different that your pattern? Because you won't see the problem with simple pattern.
I need to waste time to explain you this geez...
Yes I know it's work for basic patterns. But people need to know if they are going to use for example a picture...


yehah!
Thank you :3 But it look like a bit weird. wrong size damn ;w;

look a bit strange :(

Topic Starter
That's what I was talking about. Better to use same size as your osu! resolution. Try doings 1024x600.
that what happen =w=
Topic Starter
oh geez... Can you send me a picture? I will see what can I do. :3c
yeah sure :3

http://puu.sh/NTKR
Topic Starter
Oh geez... It's looks like that options-background can only have constant 1024x768 size... If you do larger (or wider for widescreen) it will always take 1024x768 of the picture and resize it. So it won't work well on widescreen.
okay :(

MLGnom wrote: 3b6q29

Have you tested it on something different that your pattern? Because you won't see the problem with simple pattern.
I need to waste time to explain you this geez...
Yes I know it's work for basic patterns. But people need to know if they are going to use for example a picture...


for a fixed image (like anime), it's not really legit to have a single sized image...
:(
i'll just keep it simple...
:(
--------------------------------------------------------------------------------------

yeah and i tested it before leaving home...
:D
too bad it's not legit... that image is ruined... :cry:
On a somewhat off-topic from options-background (thanks A LOT for the info though!), do you think positioning the ranking like this looks weird? ->
I personally think it looks neat but other people's opinion are always great! :D


edit: Oh well regarding the options-background, what is recommended size/how can we add more than one in? :?
edit2: Oh actually nevermind about the recommended size or whatever at options-background. Taking a picture you want, resising it to 1024x600 and then stretching to 1024x768 works wonderfully for me. That's probably the best actual way how to do it. However again this way will only work for people who play on 1024x600 (that would be widescreen if I am correct).

KingisNitro wrote: 151a69

edit2: Oh actually nevermind about the recommended size or whatever at options-background. Taking a picture you want, resising it to 1024x600 and then stretching to 1024x768 works wonderfully for me. That's probably the best actual way how to do it. However again this way will only work for people who play on 1024x600 (that would be widescreen if I am correct).
Yeah.. I tried that and it's work fine now for me now :D

KingisNitro wrote: 151a69

On a somewhat off-topic from options-background (thanks A LOT for the info though!), do you think positioning the ranking like this looks weird? ->
I personally think it looks neat but other people's opinion are always great! :D


edit: Oh well regarding the options-background, what is recommended size/how can we add more than one in? :?
edit2: Oh actually nevermind about the recommended size or whatever at options-background. Taking a picture you want, resising it to 1024x600 and then stretching to 1024x768 works wonderfully for me. That's probably the best actual way how to do it. However again this way will only work for people who play on 1024x600 (that would be widescreen if I am correct).
i'm playing on 1920x1080 and 1024x768 works perfectly for me too. 8-)

xXDoNiXx wrote: 3b6u7

KingisNitro wrote: 151a69

edit2: Oh actually nevermind about the recommended size or whatever at options-background. Taking a picture you want, resising it to 1024x600 and then stretching to 1024x768 works wonderfully for me. That's probably the best actual way how to do it. However again this way will only work for people who play on 1024x600 (that would be widescreen if I am correct).
i'm playing on 1920x1080 and 1024x768 works perfectly for me too. 8-)
Oh great! C: I wonder what other sizes do other screen resolutions use.

On a side-off-topic note yet again because I see it didn't work out the first time, do you think positioning rankings like this is okay? Could anyone provide me a screeshot with different screen resolution (I use 1024x600) if I provide the theme?
(I am doing v1.1 for my skin, yay)

edit: Oh by the way what is the file "blk.jpg" for?
Topic Starter
I did few already but forgot to write about how to do option-background correctly. ^^;

Aspect ratios :
For 4:3 you simply do picture of resolution 1024x768.
For 16:10 you need to do picture of size 1229x768. Next resize it to 1024x768. Yes, it will be narrowed but after adding to skin osu! will resize it to proper look.
For 16:9 same thing as above but the size of picture need to be 1366×768. And the same, resize it to 1024x768.

KingisNitro wrote: 151a69

On a side-off-topic note yet again because I see it didn't work out the first time, do you think positioning rankings like this is okay? Could anyone provide me a screeshot with different screen resolution (I use 1024x600) if I provide the theme?
No need, it will look the same on every resolution because osu! is adding black bars on sides for widescreen resolutions.

MLGnom wrote: 3b6q29

I did few already but forgot to write about how to do option-background correctly. ^^;

Aspect ratios :
For 4:3 you simply do picture of resolution 1024x768.
For 16:10 you need to do picture of size 1229x768. Next resize it to 1024x768. Yes, it will be narrowed but after adding to skin osu! will resize it to proper look.
For 16:9 same thing as above but the size of picture need to be 1366×768. And the same, resize it to 1024x768.

KingisNitro wrote: 151a69

On a side-off-topic note yet again because I see it didn't work out the first time, do you think positioning rankings like this is okay? Could anyone provide me a screeshot with different screen resolution (I use 1024x600) if I provide the theme?
No need, it will look the same on every resolution because osu! is adding black bars on sides for widescreen resolutions.
Thanks for info!
As for the second part, I noticed the bars, but wasn't sure if it works the same way everywhere else. This means if I make something fit for my own theme, it will autmatically fit in the same ratio everywhere, though scaled, correct? If so, that's wonderful! I really love osu!. uwu
Skinned the Perfect mod. You'll need this with the file format: selection-mod-perfect.png.

SS or quit

Garygoh884 wrote: 1f51y

Skinned the Perfect mod. You'll need this with the file format: selection-mod-perfect.png.

SS or quit
thanks for the information...
:)

Garygoh884 wrote: 1f51y

Skinned the Perfect mod. You'll need this with the file format: selection-mod-perfect.png.

SS or quit
I was wondering if there is something like this. Thanks! uwu

edit: Oooh I love how it ends the game, it's not all scary like Sudden Death~

Garygoh884 wrote: 1f51y

Skinned the Perfect mod. You'll need this with the file format: selection-mod-perfect.png.

SS or quit
is the original file of the selection-mod-perfect is ready? i hope it was included in the current template..
Topic Starter
Actually I'm not able to get it and update template. (and add few more things).
Will try to do it today evening or tomorrow.
(I am sorry for making so many posts D: I wanted to edit the last but suddenly other comments.)

I have another question, how did I happen to change the ranking s (shown on the right) to the ranking s on the left?
My theme was made by putting in the template, one skin I ed and a skin for one song, and then I changed all of the files, all of them... I checked all those and I didn't find this anywhere??
Also I ed more themes and they had it like in the picture (the left part) aaaand they didn't have a file for that or anything? Also I checked skin.ini but didn't find anything like that in there.
Please?
Topic Starter
It's menu-button-background. It is used in few places. In options as button to select skin, in song select menu (main thing), ranking (the one you are showing), on ranking screen (aka confirming button).

Simply you did it longer than default one, that's why it's longer there. If you would like to have different look (for example picture), you need to edit right part of menu-button-background.
Topic Starter
Update :

Reed template because added :
- selection-mod-perfect
- ranking-winner
- spinner-rpm

Also added info about options-background (yes the same that I wrote few posts back).
Hope that I haven't miss something.
Malinen
Thanks, MLGnom :3
I have discovered a new skin part. It's called special-background.png. Cannot be scaled but requires a large image size for widescreen.


Also, I have discovered special-taiko.png, but there is one more to make for CtB.

Garygoh884 wrote: 1f51y

I have discovered a new skin part. It's called special-background.png. Cannot be scaled but requires a large image size for widescreen.


Also, I have discovered special-taiko.png, but there is one more to make for CtB.
seems legit but what is the dimensions for this special-taiko.png and the other one [CTB]?
The dimensions are 1024 by 768 pixels for the background, but its width should be extended for widescreen players.

The two game mode choices have the same dimensions, each holding 639 by 265 pixels.

I tried the special-catchthebeat but it's wrong... Any others?

Garygoh884 wrote: 1f51y

The dimensions are 1024 by 768 pixels for the background, but its width should be extended for widescreen players.

The two game mode choices have the same dimensions, each holding 639 by 265 pixels.

I tried the special-catchthebeat but it's wrong... Any others?
What about just special-ctb or special-fruit?

And for widescreen players, how does it works? If I put a widescreen pictures to the theme and a non-widescreen player would use it, middle is picked, or what happens?
(I should tr ythis yself yeah)
Only one background is used for that and has left and top alignments from the top-left of the screen.
Topic Starter
I will test them and provide any information about sizes and restrictions. Just give me a little time.

So what we have already:
Special-background - Minimal size that picture must have is 1024x768, avoid transparency. There is no restrictions in larger size. So if you are using widescreen use widescreen resolution. (BUT If you are using for example 1024x600 do it in lager size 1280x800). Also about lights that are moving in the background.
Special-taiko and Special-fruits - Base resolution is 640x265 both aren't restricted by size, you can make them small or big.Click-able area is size of picture.


^^
I am new to the whole skinning thing and i have a few questions. I use( or atleast am trying to use) photoshop. when ever i make a comboburst it has a white background, how do i get rid of it? also could someone guide me a bit more on how to make the countdown.

tennrox wrote: 1y6r3e

I am new to the whole skinning thing and i have a few questions. I use( or atleast am trying to use) photoshop. when ever i make a comboburst it has a white background, how do i get rid of it? also could someone guide me a bit more on how to make the countdown.
It's seems you save the comboburst as .jpg. save it as .png to have transparency...

Geryon wrote: 3y45q

tennrox wrote: 1y6r3e

I am new to the whole skinning thing and i have a few questions. I use( or atleast am trying to use) photoshop. when ever i make a comboburst it has a white background, how do i get rid of it? also could someone guide me a bit more on how to make the countdown.
It's seems you save the comboburst as .jpg. save it as .png to have transparency...
nope the file is png. maybe im doing something else wrong. can someone help me :(

tennrox wrote: 1y6r3e

nope the file is png. maybe im doing something else wrong. can someone help me :(
Have you cleaned the background (delete the white part) ?
Transparent background should look like this:

Geryon wrote: 3y45q

tennrox wrote: 1y6r3e

nope the file is png. maybe im doing something else wrong. can someone help me :(
Have you cleaned the background (delete the white part) ?
Transparent background should look like this:
oh.......you can do that XD ok ill try it :)
THANK YOU IT WORKED! now if only i could figure out count down. it seems so confusing

tennrox wrote: 1y6r3e

oh.......you can do that XD ok ill try it :)
THANK YOU IT WORKED! now if only i could figure out count down. it seems so confusing
to make countdown, you need to make 3 images:
count-3 (left)
count-2 (right) and count-1 (center)
for count 3 & 2 use 388x767 and count 1 use 528x767 (according to templateskin lol)
you will need to make this shape for count 3 & 2 (simply create 1 and mirror it ;) )
and this for count 1

I'm including my blank countdown template incase you want to use it (simply put images there lol) :oops:
http://puu.sh/Xoet

Hope it's helpful :v

Geryon wrote: 3y45q

tennrox wrote: 1y6r3e

oh.......you can do that XD ok ill try it :)
THANK YOU IT WORKED! now if only i could figure out count down. it seems so confusing
to make countdown, you need to make 3 images:
count-3 (left)
count-2 (right) and count-1 (center)
for count 3 & 2 use 388x767 and count 1 use 528x767 (according to templateskin lol)
you will need to make this shape for count 3 & 2 (simply create 1 and mirror it ;) )
and this for count 1

I'm including my blank countdown template incase you want to use it (simply put images there lol) :oops:
http://puu.sh/Xoet

Hope it's helpful :v
IT WORKED! THANK YOU SO MUCH!


test


i make improvements or corrections :3

peppy wrote: 6w4l42

I have added animation to hit sprites. Note that they will still gain the internal animation from osu! (explod-y thing)
Update OP with that?
Topic Starter
Come on! Peppy added that few minutes ago. Give me some time. XD
Yeah, just informing you because it could easily be missed ;P
Topic Starter
Yay for 24h er! I was able to test backgrounds for osu!direct and main menu. ^^;

So, since last public release we are able to :

1. Make Hitbursts animated! (300,100,50, miss)
You can animate it in similar way like others files, example.
hit300-0.png , hit300-1.png , hit300-2.png etc.

Note 2 things :
- Animation is pretty fast so for slow down you will need duplicate frames.
- skin.ini "AnimationFramerate" doesn't affect hitbursts.

2. Changing background for multiplayer lobby, match-room and osu! direct search :
Names :

lobby-background.png - background for lobby window. Acts in same way like fail/pause backgrounds. Size : 1024x768

matchsetup-background.png - background for multiplayer room. Acts in same way like fail/pause backgrounds. Size : 1024x768

search-background.png - background for osu!direct. Width should be correct with your aspect ratio. Height must be 768px for correct resize.

3. We are already able to set our own menu background!
Name : menu-background.jpg - Size for it should be your aspect-ratio resolution.

Menu-background is only available for osu! ers.

"Why it must be in jpg?" - Because peppy say so! ^^;

I think that's all for today.

MLGnom wrote: 3b6q29

Yay for 24h er! I was able to test backgrounds for osu!direct and main menu. ^^;

So, since last public release we are able to :

1. Make Hitbursts animated! (300,100,50, miss)
You can animate it in similar way like others files, example.
hit300-0.png , hit300-1.png , hit300-2.png etc.

Note 2 things :
- Animation is pretty fast so for slow down you will need duplicate frames.
- skin.ini "AnimationFramerate" doesn't affect hitbursts.

2. Changing background for multiplayer lobby, match-room and osu! direct search :
Names :

lobby-background.png - background for lobby window. Acts in same way like fail/pause backgrounds. Size : 1024x768

matchsetup-background.png - background for multiplayer room. Acts in same way like fail/pause backgrounds. Size : 1024x768

search-background.png - background for osu!direct. Width should be correct with your aspect ratio. Height must be 768px for correct resize.

3. We are already able to set our own menu background!
Name : menu-background.jpg - Size for it should be your aspect-ratio resolution.

Menu-background is only available for osu! ers.

"Why it must be in jpg?" - Because peppy say so! ^^;

I think that's all for today.
+When I set up osu direct bg the search window disappearded lol
anyway, thanks MLGnom
Here I have so far:


Firstly I take three screenshots before skinning. Then I template the backgrounds with my image editor.

Here is the image template for the osu!direct if the free acces is over:

Topic Starter
Ah I see the problem. Typing field is part of default background, so you will need to add something similar on your background to show where it is. ^^;
Will try to do some kind of template for search-background to make it a little easier.
Same for lobby background, using bright pictures will make it unreadable. Also will try to do something about that.
Hah even "player" numbers in matchsetup-background are part of default background.

Okay, give me some time and I will prepare something.
Topic Starter
Okay, so here is what I have done so far.
Made 3 templates that should correct any problems with missing texts on backgrounds and make things readable.
Easiest way to use them, simply put your picture under template layer. One thing, template of search-background is in 1024x768 resolution so for widescreen use, you only need to change it's width canvas (workspace) to 1229px to make it fit correctly. And : Template Backgrounds

And of course example how they looks.

Please tell me if these are okay, maybe I missed something? If these are fine I can add them to normal skin template.

Edit: Updated template skin. Added these background templates.
Topic Starter
Yay, triple post!

So today we have a new spinner for CtB. And it show up as... bananas.

Files : fruit-bananas.png and fruit-bananas-overlay.png (Resolution of both files is 128x128, they are not restricted by size).
Also they appear only in 2 colours, orange and yellow.

"Right click and save"
thanks :)
Now had this in my skin. I guessed the new sprite's filename before viewing the previous post.


If you're not color blind, there are three colors of the banana sprites in the screenshot.
if you take it generally, there are 2. but actually, there are 3

one has the color Aureolin [#fdee00] - (near to apple green but under a shade of yellow)

two contains an unidentified color which has a hex value of #d3da1c (under the shade of green)

and the third has a vivid orange color with a hex value of #fabd00
WTF animated hitbursts (°^°)/--> simply awesome
There could be a complete template with all elements can be changed ?
(sorry if that already exist but i don't see a fully complete template in the thread)
Topic Starter

MLGnom wrote: 3b6q29

The template skin – you can it via the osu! updater or HERE ( this is updated version that contains missing files)
You can press at "HERE" for .
But I see it's easy to miss it... later, I will do a minor banner that will be more visible. ^^;
show more
Please sign in to reply.

New reply 1b384i