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
any cursors tat have an like an x shaped? much help is appreciated
You can apply custom key images to mania key columns, via the mania.ini files.

To use this feature, if you set KeyImage0 value to (String 1), it uses (String 1).png image.
Also the KeyImage0D value of (String 2) uses the image (String 2).png.

Garygoh884 wrote: 1f51y

You can apply custom key images to mania key columns, via the mania.ini files.

To use this feature, if you set KeyImage0 value to (String 1), it uses (String 1).png image.
Also the KeyImage0D value of (String 2) uses the image (String 2).png.

This is pretty cool because it lets you do things like this in the same skin:




Still waiting on per column note images. :)
Yes
Yessssssssssssssssssssss
Guys I've got a prob.
The ranking isn't positioned correctly, easy, check "Prefer new default skin behaviour (animation, etc.)
When I use this option I can't use my own spinner cause the standard one will appear, anyhow if I uncheck it the ranking is crooked.
halp

DepthNemexis wrote: 56n6e

Guys I've got a prob.
The ranking isn't positioned correctly, easy, check "Prefer new default skin behaviour (animation, etc.)
When I use this option I can't use my own spinner cause the standard one will appear, anyhow if I uncheck it the ranking is crooked.
halp
I Suggest You should Un-Check the "Prefer New Default Skin Behavior (animation, etc.)"
For the ranking-.png, It needs A lot of Experiments using Any Editing-Picture Software You have (Photoshop is the Best for this) to set the Position in It's Right Position... (And I'm suck at this, So I'm using A Blank picture for ranking-.png)
*And also providing ScreenShot will Help Us correct Your problem easier...
I'll try to stick with the image editor solution :'c

TouchFluffyTail wrote: 3r633k

Garygoh884 wrote: 1f51y

You can apply custom key images to mania key columns, via the mania.ini files.

To use this feature, if you set KeyImage0 value to (String 1), it uses (String 1).png image.
Also the KeyImage0D value of (String 2) uses the image (String 2).png.

This is pretty cool because it lets you do things like this in the same skin:




Still waiting on per column note images. :)
Can you explain this a little bit further?
I've ed a IIDX-styled osu!mania skin long ago,so I wanted to reskin in the turntable
Topic Starter

DepthNemexis wrote: 56n6e

I'll try to stick with the image editor solution :'c
If you still have problems with it, just send me your skin via PM and I will fix it. :3c

crystalsuicune wrote: 525325

Can you explain this a little bit further?
I've ed a IIDX-styled osu!mania skin long ago,so I wanted to reskin in the turntable
You have to make a new key set and then specify it in the 8k.ini. For my scratch key I named them 'mania-keyTURN' and 'mania-keyTURND' and then you have to put this in your .ini;

KeyImage0: Mania-keyTURN
KeyImage0D: Mania-KeyTURND

The rows are numbered starting with 0 at the leftmost, you don't have to put in lines for every row, just ones you want to be non standard.

(I need to write a mania skin and .ini guide)
primrose
Hey, can someone help? I you can put something in skin.ini to enable high resolution, but i forgot. Do anyone here knows?
Topic Starter
It's not skin.ini but your osu! <name>.cfg file.

Open it and look for "HighResolution : 0" and simply change to 1.
primrose
Thank you for the help and fast response!! Also I apologize for my bad English :|
I've made a visual mania .ini editing guide, feel free to use it in the first post, MLGnom. ;)


Feel free to ask for explanations/help on anything listed or even not listed here, I'll be updating the guide whenever needed. :)
Topic Starter
Oh sweet, just sweet!.
Finally someone decided to make something already prepared. Continue updating this. I will use these for sure. <3
Hey there. I'm not quite sure if anyone has asked this before in this topic but I have a problem with the ranking-. It doesn't match my background -> http://osu-ppy-sh.jeuxcrack.net/ss/1028954 .
I read a topic where someone had the same problem and you suggested to try a wp with 1366x768. I did try this but the result was the same. The thing is no matter what skin I use I have this problem. Yesterday when I first changed my ranking- everything was fine, it fit perfectly. But then I changed some other things (like cursor, sounds, pause background) then this happened. I don't think that it has anything to do with my problem tho. I thought maybe reing a skin would solve the problem but even that didnt help. My ingame resolution is 1440x900 by the way.
Maybe the solution is simple and I just cant notice it, so if you guys can help me Id appreciate it.
Thanks in advance.
Topic Starter
Did you check "New skin behaviour" thing in options? It will reposition ranking- in all skins.

Also, shouldn't you have 1306x768 size of it? Since 1440x900 is 16:10 aspect ratio and 1366x768 is for 16:9 (it shouldn't really affect this, but you might want to check it).
Checking the "skin behaviour" just changes some of my (like "back to menu" etc) back to the original but does nothing with the pic.
Oh so I used a bad aspect ratio:D My bad. I tried with the given resolution -> http://osu-ppy-sh.jeuxcrack.net/ss/1029043 The bottom of my pic still cannot be seen so i scrolled it up a little bit to show you the whole pic-> http://osu-ppy-sh.jeuxcrack.net/ss/1029045 . It seems it still doesnt fit as intended. Or is it how it should be? o.o
again, i'm pretty sure it's meant to be like that. i it being that like when peppy was reworking the ranking-
Topic Starter
You are not forced to make exactly 768px height anyway. Try making 800px or something around it. Generally it needs a little positioning. ^^;
Well I played with the resolution a bit but no matter how big the height of my pic is the bottom of it cannot be seen :D -> http://osu-ppy-sh.jeuxcrack.net/ss/1029079
I guess I'll just accept this or remove the completly. :D
That's because there are is a part of the ranking that was moved up.
You need to get how is the height of that. Add it on the height of your ranking but let it remain transparent on the upper part.


Let's say I'm using osu! on 1024x768 resolution.
The ranking size should be 1024x672 as I measured it to cover the background.
But since it was was moved upward by 22 pixels, then I should also add 22 pixels on the ranking making it 1024x694.

I created a new ranking with the size of 1024x694. Its a bit big since I added 22 pixels.
The 22 pixels on the upper part of my ranking should be transparent. Those transparent 22 pixels will be moved up.
The remaining parts of your ranking- will be covering the background.

This is how it looks like.
I'll try that and let you know of the results.
Thank you everybody.
That's how I made mine.

This is how it looks like.
Wait, so you can't cover the letterhead ( Or how does it called. The part where you can see the titles and stuff) with you choosen background? Cause I can see the song's background in your picture.
As far as I'm aware, the ranking is drawn at around the middle of the title bar at the top in the old style, so you can't completely cover it.
Old School Ranking = cover entire screen is possible
New School Ranking = impossible

OsuMe65 wrote: 4d3mn

Old School Ranking = cover entire screen is possible
New School Ranking = impossible
Ah, I see. I was considering making a set of template .PSDs for both styles just to make it easier for people to align their s, since the new/old style split seems to mess a lot of people up.
Topic Starter

TouchFluffyTail wrote: 3r633k

Ah, I see. I was considering making a set of template .PSDs for both styles just to make it easier for people to align their s, since the new/old style split seems to mess a lot of people up.
That's the reason why people should decide which behaviour they want to use in their skins before starting making a skin.

MLGnom wrote: 3b6q29

That's the reason why people should decide which behaviour they want to use in their skins before starting making a skin.
Is there Any Lines in skin.ini that will force the Skin to use Old/New Style? (like behavior=0/1) If It's not, probably this'll be useful If there's any...
i think its Version: 1/2
but not 100% sure
is there any way to turn off the bounce animation for the reversearrow so it's just still?
Topic Starter

BongJay wrote: 486nj

is there any way to turn off the bounce animation for the reversearrow so it's just still?
No, sadly you can't turn it off.


If someone is reading changelog then he know already.

You can now edit colour of Menu Glow.
You need to add "MenuGlow: 0,0,0" to skin.ini (This is er only (same as custom main-menu bg)
note:
[peppy] Allow customisation of menu glow colour (MenuGlow in skin.ini, er only).

MLGnom wrote: 3b6q29

You need to add "MenuGlow: 0,0,0" to skin.ini (This is er only (same as custom main-menu bg)
I can't get it to work :/
Topic Starter
Well I just added random guess. Thanks for testing. XD
Of course instead of giving example how to add it we just got info only... again.

Try with additional number for transparency.
Works in osu!test, RGB value only, no alpha.

SPOILER
Edit: ^ skin.ini example please?
have already tried all different kind of combinations
130,0,0 Nope
99,0,0 (in case 130 is not proper value) Nope
130,0,0,100 Nope
99,99,0,0 Nope
nope nope nope. I am out of ideas.

Ok touchthefluffy gave me idea.

This command must be put under [Colours] Section. RGB Value, no alpha.



Be sure to put the parameter in the [Colours] section of your skin.ini. :P
default_MM
Looking for a Blue Dragon's skin.
P.S. I ask Blue Dragon for him skin , but he say what he delete it, i got this skin on my old but that pc broken now.
Where can I find that option do change the color of the menuglow? :d
I have srsly no idea o-o
and i dont know what ''skin.ini'' is xD since im not good with that stuff
in every skin folder should be a file called skin.ini
all you need to do is open it up with notepad, and under the [colour] section, add menuglow: 125,125,125 and it should work. you will need to be on the test build for this to work for now though. should hopefully push through the public build at some point

the 125,125,125 is just a random number. you can enter enter RGB number you want(0-255)
Topic Starter
Haha, knew that someone forgot to put it under [Colours]. :3c
Good to see that it's working.
Kukush_old
How do you control how fast your animations go? For example, an animated button?

The only way I can think of is to make copies of each frame, so that the animation will be slower, but that's a lot of clutter.
Topic Starter
That depends which one part you are actually animating.

With adding to skin.ini "AnimationFramerate: <Number of frames per second>" - This option will affect every animation that you have in your skin (except hitbursts and sliderball).
But now how to control speed with it and how to make different speed on different parts?

This is a tricky part. As stated AnimationFramrate is affecting amount of frames used per second.
Example: We have animated lifebar that contains 8 frames and animated skip button that contains 20 frames. We are setting AnimationFramerate to 4.
Full loop of lifebar animation will take 2 seconds , 5 second for skip button.
In other words The more frames you have and lower Animation Framerate is, then slower animation will be.

But now case where we want fast animation for skip and very slow for lifebar. Let's say we are using the same amount of frames as previosly stated (8 and 20)
You are setting AnimationFramerate to 10. Now you have pretty fast skip button but way too fast lifebar (less than 1 second to do loop) but you want it to be slow. So the only way is to increase amount of frames. You will need to duplicate frames few times.
Example :
scorebarcolour-0, scorebarcolour-1, scorebarcolour-2 and scorebarcolour-3 are using picture number 1. scorebarcolour-4, scorebarcolour-5, scorebarcolour-6, scorebarcolour-7 are using picture number 2 etc.

After that you will have "8 frames" as 40. So now with AnimationFramerate it will take 4 second instead less than 1.
It's not taking that much time as it's looks to duplicate frames. Generally only renaming them is a little annoying but still is possible to do this in few minutes.

(menu-back is not affected by normal duplication of frames. You need to add AnimationFramerate to control it's speed).
Kukush_old
Ah. Alright.

So, with menu-back I'll have to use AnimationFramerate, and this will affect all animated parts of my skin. Luckily, I believe the back button is the only animated part. But this really limits me.
What's the exact function of the file fruit-plate?

Mapsets that include a custom ryuuta (EXAMPLE) seem to work well w/o that element. After some tests, with and without it in the mapset folder, I honestly don't feel any visual/gameplay difference. In fact, fruit-plate doesn't even overlay fruit-ryuuta while playing (talking about the default one included in the template skin).

So it's necessary to include it into the mapset folder, or can it be avoidable? Sorry if the question sounds stupid, but I'm not a skin expert at all :P
Topic Starter
Fruit-plate was just a template image to use for future ryuutas. It was included in old (updater) skin template.

So, is not necessary to include it. It isn't used in skins.
So uhm, I was wondering, how can I change the font displayed on the notes (osu)

DepthNemexis wrote: 56n6e

So uhm, I was wondering, how can I change the font displayed on the notes (osu)
Change the default-0.png - default-9.png with other *.png files
I have problem with osu spinners. I try change spinner background but I have black background always on all skins which have installed. My resolution is 1366x768. I don't know why it doesn't work. Someone knows how to help me?
Topic Starter
What files you are changing? And are you sure you have enabled/disabled new skin behaviour?
I change 4 files
http://clip2net.com/s/5YcRdx
But i try use other skin with revised spinners and background and don't works.
Try placing SpinnerFadePlayfield : 0 inside Skin.ini
That might change the black background into transparent..
Unfortunately, it did not work
Topic Starter
Are you sure you have disabled new skin behaviour?
I unchecked this option and works. Very thanks. A change to something like I will not use?
Hello, I need a little help. I wanna change the color of section circle in Photoshop. Since it has it's own gradient color I tried selecting it with magic wand than expand selection by 1 pixel. and deleting the default pink color. Alas the black areas of circle don't stay the same whatever I do. I tried blending options too to add my gradient colors but the black parts don't stay. And it looks silly if I lower down the opacity. Does anyone know an easier way to do this? Sorry guys I started learning PS recently and I can't find similar issues on the net :/

Soreg wrote: 23c6r

Hello, I need a little help. I wanna change the color of section circle in Photoshop. Since it has it's own gradient color I tried selecting it with magic wand than expand selection by 1 pixel. and deleting the default pink color. Alas the black areas of circle don't stay the same whatever I do. I tried blending options too to add my gradient colors but the black parts don't stay. And it looks silly if I lower down the opacity. Does anyone know an easier way to do this? Sorry guys I started learning PS recently and I can't find similar issues on the net :/
Well... In this case, I use Hue/Saturation features in Photoshop
Photoshop Elements - Adjusting color, saturation, and hue
Thanks satriobp it worked like a charm :)
How to sync Skip with BPM of a song?

marcostudios wrote: g181c

How to sync Skip with BPM of a song?
What?
i saw in a video an effect when you are low on HP and the screen turns a little red

someone know how to do this effect? (i don't know if this is a part of the skin)

HP bar



low or empty HP bar

shader effects.
if you do not want it, disable it in options

marcostudios wrote: g181c

How to sync Skip with BPM of a song?
I guess there is no way to do so, or...likely just with trick around (with AnimationFramerate). But that's quite impossible.
What code do you have to put in skin.ini to change the menu glow color?

evillander wrote: 392d26

What code do you have to put in skin.ini to change the menu glow color?
In the [Colours] section (RGB code);

MenuGlow: #,#,#
oki, thanks :)
Deleted_1290088
[deleted]

Invictus Tiberius wrote: 636z3g

Hi! I'm editing the scorebar in my skin but the picture "scorebar-marker.png" doesn't work and is replaced by scorebar-ki, scorebar-danger and scorebar-danger2. How I solve this? thanks

edit: this happens in old and new style modes
I'm pretty sure that there's no component called scorebar-marker.png (for Now, I ed that It appeared long time ago)... But You can replace the scorebar-ki.png, scorebar-danger.png and scorebar-danger2.png with the image of Your scorebar-marker.png
Scorebar-marker is what the updated default skin uses to replace scorebar-ki*. It's a single image that gets dynamically colorized depending on your HP amount rather than using multiple images, similar to how the new HP bar handles itself. Unfortunately you can't actually use them or their special effects at all, because if you replace them then the game strips their properties, and in the case of scorebar-marker it just goes back to using the scorebar-ki* images.
Deleted_1290088
[deleted]
Hey guys I've been looking into make custom skins and I've got a quick question.

On the map "1 year 2 months 20 years" I noticed that my skin and the beatmaps skin merged to produce this:

I attempted to copy the map's skin which worked at first, but not after you use the "Ignore beatmap skin" setting.
I noticed the song has graphical settings set up:


My question is, would it be possible to create a custom skin with this "soft glow" on the hit circles or is it currently not possible via skin editing alone/Improbable?

Thanks! =)

No1Future wrote: 602t14

My question is, would it be possible to create a custom skin with this "soft glow" on the hit circles or is it currently not possible via skin editing alone/Improbable?
Are you referring to lighting.png?
Its the image when you have clicked/hitted a circle that is going bigger while disappearing (like from a waterdrop).
Also can be seen on kiai time (some people make these as a visible circle that is clearly visible as an advantage on HD/FL mods).
maybe i'll try to make some skin for killing time :p

Nathanael wrote: 354k3u

No1Future wrote: 602t14

My question is, would it be possible to create a custom skin with this "soft glow" on the hit circles or is it currently not possible via skin editing alone/Improbable?
Are you referring to lighting.png?
Its the image when you have clicked/hitted a circle that is going bigger while disappearing (like from a waterdrop).
Also can be seen on kiai time (some people make these as a visible circle that is clearly visible as an advantage on HD/FL mods).
Soft, bright glow overlays on hitcirlces only appear in Kiai time. The brighter the hitcircle.png (in grayscale), the more it will become brighter in Kiai. For a custom skin alone (without that glowing overay in Kiai), that's not bad and possible though, but ... the consequence is written on the 2nd Sentence. Just tweak hitcircle.png in Photoshop/GIMP/Paint.NET to the brightness you like and you're all set. And anyway, lighting.png @ Kiai (without HD mod) doesn't make the hitcircle bright. lighting.png is ALWAYS drawn behind circles, not in front.
Are we able to change the color of the glow the osu main menu screen projects when a song is playing on the main client yet?

[ Zan ] wrote: 4t6m5v

Are we able to change the color of the glow the osu main menu screen projects when a song is playing on the main client yet?
nope

Edit: Yes
Topic Starter

[ Zan ] wrote: 4t6m5v

Are we able to change the color of the glow the osu main menu screen projects when a song is playing on the main client yet?
You are er so you can. Add this to skin.ini of your skin.

TouchFluffyTail wrote: 3r633k

In the [Colours] section (RGB code);

MenuGlow: #,#,#
Hi, I have a question. How to change the color of cursormiddle.png? Mine currently blue and i want it to become red. (The cursormiddle.png is blank so i dont know how to change color)

Paradise-desu wrote: 4i2h1x

Hi, I have a question. How to change the color of cursormiddle.png? Mine currently blue and i want it to become red. (The cursormiddle.png is blank so i dont know how to change color)
Use 3rd-Party Graphic-Editing Program, like Photoshop or GIMP
FunnyFunkyCow_old
I made my default-0 ~ default-9 all little circles so that instead of numbers, well it displays circles...

It works well, except there's just one small thing that's bugging me.. After 10 notes of the same color, there would be two circles instead of one.. I've been playing around with the HitCircleOverlap for some time, but had no success in finding a good number to make it remain at one circle, consistently being in the center (at 50, there would always be one circle, but occasionally it would be more to the right)... Anyone happen to know a good number to put this at?

FunnyFunkyCow wrote: 564m5r

I made my default-0 ~ default-9 all little circles so that instead of numbers, well it displays circles...

It works well, except there's just one small thing that's bugging me.. After 10 notes of the same color, there would be two circles instead of one.. I've been playing around with the HitCircleOverlap for some time, but had no success in finding a good number to make it remain at one circle, consistently being in the center (at 50, there would always be one circle, but occasionally it would be more to the right)... Anyone happen to know a good number to put this at?
quoting one
I similarly use circles instead of numbers, though I haven't looked into it too much I THINK you might be able to use 'HitCircleOverlap' in the skin.ini to make the circles overlap eachother completely? I need to test it out.
you just have to mess with hitcircleoverlap in the skin.ini untill you get the right value.
Make the overlap the same as the width of the image.
FunnyFunkyCow_old
http://puu.sh/4Z8ir.jpg

In the midst of stream with the HitCircleOverlap as image's width...

I guess I'll just have to guess and check a lot :l
.
Use version: 2 in your skin.ini or use the 'prefer new skin behavior' in the skin options menu to use it.
.
under [General]
Kukush_old
What are good hit circle colors to do with a teal cursor?

I use the default colors and my cursor sometimes blends in with the colors.

Is there something wrong with the new!template's scorebar?It seems like the anchor's a bit botched

(The scorebar-bg I made here uses the same "slot" position as the template's,but the scorebar-color doesn't anchor properly to it)

Is this just a problem with osu! itself,or something else?

crystalsuicune wrote: 525325

Is there something wrong with the new!template's scorebar?It seems like the anchor's a bit botched

(The scorebar-bg I made here uses the same "slot" position as the template's,but the scorebar-color doesn't anchor properly to it)

Is this just a problem with osu! itself,or something else?
The template is fine, osu just handles the scorebar weird, the anchor point is shifted when you skin it even though the template is technically correct. You'll have to move your scorebar-bg since you can't move the bar itself.

TouchFluffyTail wrote: 3r633k

crystalsuicune wrote: 525325

Is there something wrong with the new!template's scorebar?It seems like the anchor's a bit botched

(The scorebar-bg I made here uses the same "slot" position as the template's,but the scorebar-color doesn't anchor properly to it)

Is this just a problem with osu! itself,or something else?
The template is fine, osu just handles the scorebar weird, the anchor point is shifted when you skin it even though the template is technically correct. You'll have to move your scorebar-bg since you can't move the bar itself.
OK so how should I do that?
I don't trust my hands enough to manually shift it properly without a guide or something
I dunno, I never have a problem manually shifting things. I just nudge them a few pixels, ctrl+s, reload the skin, then load up a map. Though I'm used to doing very fast turn arounds...
Estimation is always the answer to that
move a few pixels bit and save => reload skin => view scorebar => repeat unti you get it right
(same as TFT's statement)
I just found myself a skin and when i looked into the folder i find a picture called '' matchsetup-background '' that is suppose to show up in the multiplayer rooms. but this picture doesn't. it is a PNG with 1025 x 768 size. help would be nice ^^
I think its no longer used. It was replaced by the "menu-background" imo.

Nathanael wrote: 354k3u

I think its no longer used. It was replaced by the "menu-background" imo.
It doesn't exist now. Why do you have to think about it?
All backgrounds are replaced with menu-background.jpg other than the old beatmaps' BG, that is playfield.png
i'll just leave this here
woc2006] per note skin in mania, add "NoteImage<any column>= image file name" to config.

deadbeat wrote: 819

i'll just leave this here
woc2006] per note skin in mania, add "NoteImage<any column>= image file name" to config.
Oh god oh god oh god ohgod
show more
Please sign in to reply.

New reply 1b384i