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).

Example of putting picture

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

Example of moving picture by 83px

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

Quick example how can it look

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!

my osu!Screen Rsolution

when it is 1024x768

when it is in the highest (1366x768)

Dark_Ai wrote:

How can I use options-background btw ??

OsuMe65 wrote:

...

Looks good and it's correct

This doesn't looks good!

MLGnom wrote:

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...

Looks good and it's correct

This doesn't looks good!

KingisNitro wrote:

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:

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? ->

SPOILER

I personally think it looks neat but other people's opinion are always great!


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).

xXDoNiXx wrote:

KingisNitro wrote:

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.

SPOILER

KingisNitro wrote:

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?

MLGnom wrote:

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:

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.

SPOILER

SS or quit

Garygoh884 wrote:

SPOILER

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

SS or quit

Garygoh884 wrote:

SPOILER

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

SS or quit

Garygoh884 wrote:

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

SS or quit

Garygoh884 wrote:

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

SPOILER

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

Garygoh884 wrote:

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?

tennrox wrote:

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.

Geryon wrote:

tennrox wrote:

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...

tennrox wrote:

nope the file is png. maybe im doing something else wrong. can someone help me

SPOILER

Geryon wrote:

tennrox wrote:

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:

SPOILER

tennrox wrote:

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

SPOILER

SPOILER

Geryon wrote:

tennrox wrote:

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 )

SPOILER

and this for count 1

SPOILER

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

Hope it's helpful :v

peppy wrote:

I have added animation support to hit sprites. Note that they will still gain the internal animation from osu! (explod-y thing)

MLGnom wrote:

Yay for 24h supporter! 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! supporters.

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

I think that's all for today.

MLGnom wrote:

The template skin – you can download it via the osu! updater or HERE ( this is updated version that contains missing files)

MLGnom wrote:

Also, options-background has been removed. Instead of it you will see your menu-background in options. :3

AussieEvil wrote:

Is menu-background still "supporters only"?

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.

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).

And of course example what I did

--Greed-- wrote:

Can I atleast have a little help since I am making my first beatmap?

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!

SPOILER

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)

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.

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?)

Lou-kun wrote:

Hey, where do I find the "skin.ini" thing?

Lou-kun wrote:

And how can I add it to my own skin?

Lou-kun wrote:

Hey, where do I find the "skin.ini" thing?

Lou-kun wrote:

And how can I add it to my own skin?

• 1. refer to the default's skin.ini and tweak it.

• 2. copy other's skin.ini and edit to your own preference

SPOILER

zip http://puu.sh/1nrFp

Yuki-kun wrote:

Testing new input background

SPOILER

kona x taros wrote:

I created hit and keys for osu!mania

SPOILER

zip http://puu.sh/1nrFp

Yuki-kun wrote:

Testing new input background

SPOILER

Nice ;3c
what's its file name?