Community Forum
  1. Forums
  2. osu!
  3. Skinning

Skinning tutorial (+ skinning support)

posted
Total Posts
4,186
show more
MLGnom
PL
1,388 posts
Joined October 2008
Topic Starter
MLGnom

OsuMe65 wrote:

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:

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 remember 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...
OsuMe65
PH
1,853 posts
Joined May 2011
OsuMe65

MLGnom wrote:

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
:|
rikku_hanamura
ID
11 posts
Joined September 2010
rikku_hanamura
Nice..
i wanna test this
Hakito
RO
29 posts
Joined April 2012
Hakito
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...
MLGnom
PL
1,388 posts
Joined October 2008
Topic Starter
MLGnom

Hakito wrote:

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.
OsuMe65
PH
1,853 posts
Joined May 2011
OsuMe65

Hakito wrote:

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
:)
OsuMe65
PH
1,853 posts
Joined May 2011
OsuMe65
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



Don-Tan
DE
83 posts
Joined May 2011
Don-Tan
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 :?
OsuMe65
PH
1,853 posts
Joined May 2011
OsuMe65

xXDoNiXx wrote:

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...
Don-Tan
DE
83 posts
Joined May 2011
Don-Tan
yeah thx that was what i meant XD
WASSHOI
US
58 posts
Joined July 2010
WASSHOI

Hakito wrote:

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?
Don-Tan
DE
83 posts
Joined May 2011
Don-Tan
i tested it and for me it fits perfectly in 1024x768

here is the prove :<
WASSHOI
US
58 posts
Joined July 2010
WASSHOI

xXDoNiXx wrote:

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?
Don-Tan
DE
83 posts
Joined May 2011
Don-Tan
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 :)
OsuMe65
PH
1,853 posts
Joined May 2011
OsuMe65

xXDoNiXx wrote:

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
:)
WASSHOI
US
58 posts
Joined July 2010
WASSHOI

xXDoNiXx wrote:

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?
Hakito
RO
29 posts
Joined April 2012
Hakito

WASSHOI wrote:

xXDoNiXx wrote:

*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.
MLGnom
PL
1,388 posts
Joined October 2008
Topic Starter
MLGnom
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 remember 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, remember 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!
OsuMe65
PH
1,853 posts
Joined May 2011
OsuMe65

MLGnom wrote:

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 remember 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, remember 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... :)
Dark_Ai
DE
2,009 posts
Joined July 2010
Dark_Ai
How can I use options-background btw ??
show more
Please sign in to reply.

New reply

0
163 / 4,186