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

MLGnom wrote: 3b6q29

that ranking letter if you can.

I have similar one myself and somehow it doesn't look that way. D:


and this is file 450x550px :


and here I made canvas 750x550px :




It's weird I've made skins before where I made these letters myself and they always exacly fitted in place D; but for some reason these just wont do what I want them to do I made them smaller, moved them a side even made them again, tried reinstalling osu, i did everyting i could thing of but it just doesnt help :(
Topic Starter
Like I said. Please your skin so I can take a look what's wrong.

MLGnom wrote: 3b6q29

Like I said. Please your skin so I can take a look what's wrong.

http://puu.sh/6XyY5.rar
Topic Starter
It's really weird...

Please test this one :


It should looks like this :

MLGnom wrote: 3b6q29

It's really weird...

Please test this one :


It should looks like this :


Thank you!!!! it works now (:
Is there any way to make followpoints for the sliders show up like the follow points for hitcircles? basically I want


the green squares to appear in a spaced out pattern like -dot dot dot- along the slider.

echobear wrote: 34v5x

Is there any way to make followpoints for the sliders show up like the follow points for hitcircles? basically I want


the green squares to appear in a spaced out pattern like -dot dot dot- along the slider.
You can copy Your followpoint.png and rename it with sliderscorepoint.png
Where does the score-comma used?
I just can't find it anywhere.
comma/dot is used based on your language/regional localisation,
i had an issue not including a comma gives a shit looking accuracy like 9999% instead 99.99%
Arctic
how do I stop the flashing hitcircles in game? I don't know if its a skinning issue but i would assume so...

hatseducer wrote: 4y1a1r

how do I stop the flashing hitcircles in game? I don't know if its a skinning issue but i would assume so...
It's called "Kiai Time" in-game.... You can't remove that, but to decrease the flashing You can use dark or transparent hitcircle...
Arctic
forgot to ask this, is there a way to stop the background from going black when spinning? i tried making the spinner-background transparent but it didn't work.
Topic Starter
First post, skin.ini part. ^^

MLGnom wrote: 3b6q29

SpinnerFadePlayfield: 0/1 – If this is set to 0, background of spinners will be transparent (you will be able to see map playfield/video). Example how it's work. SpinnerFadePlayfield: 1 and SpinnerFadePlayfield: 0
While making followpoints, I noticed that they're spaced more apart with HR mod. Here is a screenshot to show what i mean:
I can just make the trail longer and it works quite well, but the images are overlaping without HR, in this case it's fine, because it's not so noticable. But I wonder wheter there is some way around it if you don't want the images to overlap.
What's the optimal resolution for "menu-button-background.png" and "[email protected]"?

darkmiz wrote: 6t2r2o

What's the optimal resolution for "menu-button-background.png" and "[email protected]"?
It's best to keep it the same size as in the default skin template. Here is a template (for @2x, small version is just 2x smaller) with approximate locations of text and stars.

N88 wrote: 13w4b

darkmiz wrote: 6t2r2o

What's the optimal resolution for "menu-button-background.png" and "[email protected]"?
It's best to keep it the same size as in the default skin template. Here is a template (for @2x, small version is just 2x smaller) with approximate locations of text and stars.
well well well, i think you need to do carefully for this thing,
as this thing were used on another places...

like gameplay leaderboard, etc.

N88 wrote: 13w4b

It's best to keep it the same size as in the default skin template. Here is a template (for @2x, small version is just 2x smaller) with approximate locations of text and stars.
Thanks a lot!

Rei Hakurei wrote: 4f2a6p

well well well, i think you need to do carefully for this thing,
as this thing were used on another places...
like gameplay leaderboard, etc.
I just posted a feature request to separate it into different elements for song menu, score leader board , etc
Quick question, I have started experimenting with combo numbers and i need to make them perfectly overlap each other for combos higher then 10, I understand it's skin.ini related but can't pinpoint it.

razavana wrote: 2p1f2f

Quick question, I have started experimenting with combo numbers and i need to make them perfectly overlap each other for combos higher then 10, I understand it's skin.ini related but can't pinpoint it.

wiki wrote: 42s5p

HitCircleOverlap: <number>
where <number> is the number of pixels that two images from the first font are allowed to overlap (e.g., how much the "1" and the "2" can overlap when making the number "12").
I haven't tested it, but this should do it if you set it as the width of your numbers.

N88 wrote: 13w4b

razavana wrote: 2p1f2f

Quick question, I have started experimenting with combo numbers and i need to make them perfectly overlap each other for combos higher then 10, I understand it's skin.ini related but can't pinpoint it.

wiki wrote: 42s5p

HitCircleOverlap: <number>
where <number> is the number of pixels that two images from the first font are allowed to overlap (e.g., how much the "1" and the "2" can overlap when making the number "12").
I haven't tested it, but this should do it if you set it as the width of your numbers.
thanks!
Hi, I'm having a weird problem.

My letters look like this in-game (other icons look similar, esp. when scrolling fast). They seem to have a white line on areas that border a transparent area, but only sometimes?
uh
Here is the letter image:
hmm
I use Gimp. What can I do to fix my letters?

--

While I'm here, any antialiasing tips for gimp? The "Antialias" filter doesn't do squat, and I'm stuck with this hitcircle: http://puu.sh/72Dlu.png
Topic Starter

tuddster wrote: 3591b

Hi, I'm having a weird problem.

My letters look like this in-game (other icons look similar, esp. when scrolling fast). They seem to have a white line on areas that border a transparent area, but only sometimes?
uh
Here is the letter image:
hmm
I use Gimp. What can I do to fix my letters?

--

While I'm here, any antialiasing tips for gimp? The "Antialias" filter doesn't do squat, and I'm stuck with this hitcircle: http://puu.sh/72Dlu.png
Because it still have white border. (You probably created white letter and just painted it with fill tool).
Easiest way to fix this : Select "Colours" tab and find there "Colour to alpha", select colour (white is by default) and confirm.


For creating nicer circles, use feather edges option.

That Tutorial was awesome and that was very good to teach other persons.

Now i can make skins! Thanks! 8-)

~Black_Dragonite

MLGnom wrote: 3b6q29

Because it still have white border. (You probably created white letter and just painted it with fill tool).
How did I not notice that? XD
Thanks for pointing it out
For creating nicer circles, use feather edges option.
Oh, did not know that was there :3

thank you so much <3
I was told to come here for help with my spinner circle and approach circles. I need some help cleaning and sharpening them. They both work but are both kinda fuzzy. Can someone pm me for assistance?
hey guys, i need some help for my skin: ...-background.jpg

i read the thread:

MLGnom wrote: 3b6q29

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.
the menu-background.jpg is loading but the: [search-background.jpg], [matchsetup-background.jpg] and the [lobby-background] is not loading
can you pls help me.


i want this backgrounds:




screen resolution: 1600x900 Window mode (borderless)
If I ed It right... those three pictures aren't ed anymore (even If You're a er)

phopos wrote: b3p6y

I was told to come here for help with my spinner circle and approach circles. I need some help cleaning and sharpening them. They both work but are both kinda fuzzy. Can someone pm me for assistance?
Adding outer glow will almost always make your picture less pixelated and remove sharp edges.

satriobp wrote: 53212

If I ed It right... those three pictures aren't ed anymore (even If You're a er)
ohh maan why??

but thx
hi, i just have a slight skin problem with sliders. both of these screenshots are 2 different skins



in this picture above the regular single notes and sliders BOTH have black inside of them while in this picture below



the regular single notes have black inside of them but the slider does not.

can anyone tell me how to make it so both the slider and single note have the black inside of them? i can't seem to make the slider have that black inside like the single notes do.

some stuff i tried: ( played around with both skins)
1.) "approachcircle" same in both
2.) "playfield" same in both
3.) "sliderb0" same in both
4.) "hitcircle" same in both
5.) "hitcircleoverlay" same in both
6.) "hitcircleselect" same in both
7.) "lighting" is same in both

**skin.ini text is the exact same in both

thanks to anyone who can help me ^_^

Kyouka wrote: 5c2z72

hi, i just have a slight skin problem with sliders.



in this picture above the regular single notes and sliders BOTH have black inside of them while in this picture below



the regular single notes have black inside of them but the slider does not.

can anyone tell me how to make it so both the slider and single note have the black inside of them? i can't seem to make the slider have that black inside like the single notes do.

some stuff i tried: ( played around with both skins)
1.) "approachcircle" same in both
2.) "playfield" same in both
3.) "sliderb0" same in both
4.) "hitcircle" same in both
5.) "hitcircleoverlay" same in both
6.) "hitcircleselect" same in both
7.) "lighting" is same in both

**skin.ini text is the exact same in both

thanks to anyone who can help me ^_^
Maybe the black inside is because that area is transparent, don't you think?. I can see that in the first picture the slider color is black, then being the hitcircle transparent its have that color. But in the second picture the slider color isn't black. You can change the slider color of your skin in the ini with the SliderTrackOverride, that force a slider track to a certain colour. I'm pretty sure that's the problem.

Smilepool wrote: 35451e

Kyouka wrote: 5c2z72

hi, i just have a slight skin problem with sliders.



in this picture above the regular single notes and sliders BOTH have black inside of them while in this picture below



the regular single notes have black inside of them but the slider does not.

can anyone tell me how to make it so both the slider and single note have the black inside of them? i can't seem to make the slider have that black inside like the single notes do.

some stuff i tried: ( played around with both skins)
1.) "approachcircle" same in both
2.) "playfield" same in both
3.) "sliderb0" same in both
4.) "hitcircle" same in both
5.) "hitcircleoverlay" same in both
6.) "hitcircleselect" same in both
7.) "lighting" is same in both

**skin.ini text is the exact same in both

thanks to anyone who can help me ^_^
Maybe the black inside is because that area is transparent, don't you think?. I can see that in the first picture the slider color is black, then being the hitcircle transparent its have that color. But in the second picture the slider color isn't black. You can change the slider color of your skin in the ini with the SliderTrackOverride, that force a slider track to a certain colour. I'm pretty sure that's the problem.
but like i said" **skin.ini text is the exact same in both "
both of these screenshots are different skins. if that helps at all.
Topic Starter
It must be SliderTrackOverride, nothing else can change colour of slider.

Make sure that in skin.ini it doesn't have "//" before.

And if it still doesn't work, provide both skins or something.

MLGnom wrote: 3b6q29

It must be SliderTrackOverride, nothing else can change colour of slider.

Make sure that in skin.ini it doesn't have "//" before.

And if it still doesn't work, provide both skins or something.
thanks! it was the // before. didn't notice

N A L U wrote: 6c4311

MLGnom wrote: 3b6q29

Let's leave that to the skinner because it's only information for players if there were any updates ("oh, I have v0.5 of skin xxx but there is already v0.73) , but commonly v1.0 should be version of skin where skinner made everything that he/she wanted to do (after all it should have some parts skinned, for example - all gameplay parts).
Thanks.
Is the spinner background supposed to be dimmed in-game?

mugasha wrote: 305z40

Is the spinner background supposed to be dimmed in-game?
Yes.
What is the source code to:
1. making the spinner glow. i see the default osu! skin can make them.
2. insert another picture to the spinner instead only one spinner-circle. the default osu! skin can make those too
What's exactly the taiko-bar-right dimensions? I tried something and it's always stretched in-game..

here-'s in-game look

1280x800 (16:10)
Did that part only works with standard resolution, e.g. 4:3?
Haven't you checked the default template? Its 845x200.

Edit: Kotori <3
Just ed the reason why I made my taiko-bar-right wider than the template:
because of my stretching issue :p


does it means taiko-bar-right isn't widescreen-compatible?
Maybe it's because that's the default behavior of that element.
you mean, filling out the bar by stretching it?
Possibly

I won't test it out yet since I'm using a 4:3 monitor.
Just did it.
211x200px taiko-bar-right.


No, it isn't filling up.. :|
Topic Starter

Hatsune Chiyo wrote: 2m1n64

Just did it.
211x200px taiko-bar-right.

No, it isn't filling up.. :|
What resolution you are using in game?
I have a few questions...

Okay so ever since I was a noob, the first non default skin I used was a skin I mixed and matched around because I didn’t like how one skin had one part but I liked this other part etc.
But recently I started altering the skins to more of my likings. Now to the point where I created some parts by myself with the help of a base.
I have a few questions because I’m nervous of calling it a skin I made all by myself and reassurance.

1) Is it okay if my skin resembles other skins?
I’ve seen on osu! Skin forums where people are using the same follow point I see everywhere (the one where it looks like a line) without crediting. Did they make it themselves and it’s okay to have it look almost exactly the same except it’s remade by the poster?
I’ve also noticed that most of my ideas have been made already except maybe slightly different after looking around at other things. Is it okay or do I need to make a full on makeover?

2) How do you make hitsounds?
I know what I want for menu-click, failsound etc. But the ones for play is the ones I’m not sure. Did people take them from other free music sites and alter them? Where/how did they find such sounds? Or do they make them themselves? How is each sound suppose the sound like? (I can’t find a the default skin apparently. There probably isn’t any. So I can’t have a proper template to figure it out)

That’s pretty much my fears and concerns for it. Any help?
1) Yes. As long as the element DOESN'T PERFECTLY MATCH another element.
Some of the skinners here ask permission to the original authors for some elements. Some of them replicates an element (like me in some cases) and some of them places an element that he/she didn't create for the sake of his/her skin (illegal here, but not in pages and signatures).

2) Google is your best friend if you don't like to do the hitsounds in a hard way. The template skin is also your best friend too. Some of us (RARELY... I MEAN IT...) uses a Digital Audio Workstation / DAW in making hitsounds. Best examples of these are FL Studio and Cubase. If you want to know the actual sounds of the default skin, simply go to the first page of this thread. There's 2 links available; the choice is still yours.
Thank you so much now I know what the heck I should do

MLGnom wrote: 3b6q29

What resolution you are using in game?
1280x800
just posting to say there's a new mod icon:
[peppy] Add cinema mod. Watch storyboards with no interruptions!

deadbeat wrote: 819

just posting to say there's a new mod icon:
[peppy] Add cinema mod. Watch storyboards with no interruptions!
I can't find the mod with the default skin :/
the mod is located under Auto
guessing the file name is selection-mod-cinema.png

deadbeat wrote: 819

the mod is located under Auto
guessing the file name is selection-mod-cinema.png
i think he removed it again or restricted it to Auto. (check the changelog)
wish i was at home so i could do testing on this >_>

deadbeat wrote: 819

wish i was at home so i could do testing on this >_>
:p i wonder why he restricted it tho, wasn't really watching the stream
Oh yes, here comes another one! (prepares SD and HD sprites of that using his own template)
Hi,

my question is, Can I change the colour of the spinner-glow? its blue by default.

/me runs
Where the heck is that Cinema mod... :/
[peppy] Add cinema mod. Watch storyboards with no interruptions!

?
on the changelog
I know its at the changelog. I was looking for it at the test build... :/
Cinema (CN) mod is under Autoplay, if I'm right.

OsuMe65 wrote: 4d3mn

Cinema (CN) mod is under Autoplay, if I'm right.
not yet, that's where it will be. it's rather hidden at the moment. should hopefully should be more visible in the next few days

vahn10 wrote: 6c2y5u

[peppy] Add cinema mod. Watch storyboards with no interruptions!

?
on the changelog
yeah, i mentioned that on the previous page :p
What is about the images with the suffix of "@2x"? What is their significance of exisitence? How should they be made?

bayun lan wrote: 3g43e

What is about the images with the suffix of "@2x"? What is their significance of exisitence? How should they be made?
They are HD images meant for resolutions higher than some resolution I am unsure of. They are 2x the resolution of non-@2x files which allows for them to look better in higher resolution game windows.

Rolling Boy wrote: 4i5x2d

Hi,

my question is, Can I change the colour of the spinner-glow? its blue by default.
spinner-glow.png, 825x825

also, for anyone who hasn't yet looked the changelog, cinema mode is ctrl-shift-enter, it just added to the public build :p

Hatsune Chiyo wrote: 2m1n64

Rolling Boy wrote: 4i5x2d

Hi,

my question is, Can I change the colour of the spinner-glow? its blue by default.
spinner-glow.png, 825x825
Emm... I'm asking for some code in the skin.ini, not the name of the file...
oh, you mean the code..
sorry man I did not.. :\
skin it, since you can't specify it
Hello, I was wondering if it was possible to add animations to the playfield, similar to the dancing kurousagi on this person's vid:

I'm not sure if it's part of the skin, or just video animations
It is made from the scorebar-colour I think.
Quick question: how are numbers aligned? does the centre of the image just align to the centre of the hitcircle?

Thanks in advance! =)
yes, it aligned to the center of the circle :)
Quick question, can you make a HD skin out of a SD skin? If so, how? Do you need to recreate every sprite in HD for it?
It must be the other way around.
(If you're skilled enough, why not recreate them in HD?)
Does anyone here know how to make REALLY good custom skins? If so please reply. ;) ;) ;)
ive got a question
what is about the key overlay
in some skins they are costumized in some not
How do I create these overlays.
I couldn't find an image in my skin

not94 wrote: 421l47

ive got a question
what is about the key overlay
in some skins they are costumized in some not
How do I create these overlays.
I couldn't find an image in my skin
inputoverlay-background.png

inputoverlay-key.png

OsuMe65 wrote: 4d3mn

It must be the other way around.
(If you're skilled enough, why not recreate them in HD?)
Well, I don't really know how and I'm too lazy to find out. :D
i know there's volume-bg.png
but what's the element for the effects volume. it is just effects-volume-bg.png?

deadbeat wrote: 819

i know there's volume-bg.png
but what's the element for the effects volume. it is just effects-volume-bg.png?
it's volume-bg-effect.png
excellent. thank you
Why is it that some ranking- s fill my screen but others only fill parts?

PandaDoctor wrote: 1y162z

Why is it that some ranking- s fill my screen but others only fill parts?
Ranking screens vary because of their image resolutions.
Also, skin behavior matters

OsuMe65 wrote: 4d3mn

PandaDoctor wrote: 1y162z

Why is it that some ranking- s fill my screen but others only fill parts?
Ranking screens vary because of their image resolutions.
Also, skin behavior matters
What do you mean by skin behavior?


that one
Hi, I was wondering if it was possible to control the speed of the scorebar-colour animation. I've tried to add extra frames to make the animation slower or delete frames to make it faster, but these frame changes only come into effect when previewing the skin. When I'm in game the animation speed is always the same no matter how many frames there are.
AnimationFramerate: (value in numbers)
This code applies to skin.ini
This will help. The lower the #, the slower the animation.
Topic Starter

Stort wrote: 256u4l

Hi, I was wondering if it was possible to control the speed of the scorebar-colour animation. I've tried to add extra frames to make the animation slower or delete frames to make it faster, but these frame changes only come into effect when previewing the skin. When I'm in game the animation speed is always the same no matter how many frames there are.
I will just quote thing that I wrote 5 month ago. :D

MLGnom wrote: 3b6q29

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).
I don't know if this is just me but after today's update all of the hitcircle combo colours that are a part of a slider have turned black (not that I'm complaining cuz it looks pretty cool but I'm wondering if this is a glitch?)

Example:

[ Zan ] wrote: 4t6m5v

I don't know if this is just me but after today's update all of the hitcircle combo colours that are a part of a slider have turned black (not that I'm complaining cuz it looks pretty cool but I'm wondering if this is a glitch?)

Example:
Yes It is...
t/192473

satriobp wrote: 53212

[ Zan ] wrote: 4t6m5v

I don't know if this is just me but after today's update all of the hitcircle combo colours that are a part of a slider have turned black (not that I'm complaining cuz it looks pretty cool but I'm wondering if this is a glitch?)

Example:
Yes It is...
t/192473
Thanks, didn't see that post.
On one of the skins that I use, the cursortrail lasts too long for my cursor and just gets in the way, and i cant deal with it xD
How do you fix it? Thanks!
Topic Starter
Remove cursor-middle from skin.
how to get rid of fuzziness for hit circle borders

everytime i make a white one it ends up looking pixelly or w/e
Topic Starter

Arcanine wrote: 4s2z2w

how to get rid of fuzziness for hit circle borders

everytime i make a white one it ends up looking pixelly or w/e
While using GIMP

For making nicer circles, use feather edges option.

Hatsune Chiyo wrote: 2m1n64

Just ed the reason why I made my taiko-bar-right wider than the template:
because of my stretching issue :p[/box]

does it means taiko-bar-right isn't widescreen-compatible?
Just to let you know, I messed with that element for a hour. It is a pain in the ass to get perfect. I gave up.

Hatsune Chiyo wrote: 2m1n64

Just ed the reason why I made my taiko-bar-right wider than the template:
because of my stretching issue :p
does it means taiko-bar-right isn't widescreen-compatible?
I have doubts that taiko-bar-right stretches from left to right (assuming that taiko-bar-right has a text).
show more
Please sign in to reply.

New reply 1b384i