forum

Skinning tutorial (+ skinning support)

posted
Total Posts
4,226
show more
Isshiki Kaname
I have a skin that I allow people to freely fork (if character images are replaced)
But given the new subforum rule that does not allow mixed skin even if having aurhor's permission (me). In this case, can I allow people to host forks of my skin in my skin thread?
RockRoller

KatouMegumi wrote:

I have a skin that I allow people to freely fork (if character images are replaced)
But given the new subforum rule that does not allow mixed skin even if having aurhor's permission (me). In this case, can I allow people to host forks of my skin in my skin thread?

Hmm, that is a good question. It should be fine, eventho no one probably would read the comments, which is why you may just wanna add a spoilerbox with versions other people made in the OP. (but please checj then if those are entirely made out of your elements and don't steal some from other skins)
Paiktpro
no entendí ni vergas, no se ingles. :v
Akazukin-MK2
Do you know if it's possible to use different textures for sliderscorepoint in different modes? taiko and standard share the same file by default, I'd rather avoid making 2 skin folders just to change that.
Matt2e2

Akazukin-MK2 wrote:

Do you know if it's possible to use different textures for sliderscorepoint in different modes? taiko and standard share the same file by default, I'd rather avoid making 2 skin folders just to change that.

Sadly, no. There's no easy way to make osu! use a different slider score point file for standard/taiko.
ItsTheZenith
I was wondering, i want to change something in a skin where the circle disappears but the number disappears a little bit later, how do i change this?
Matt2e2

ItsTheZenith wrote:

I was wondering, i want to change something in a skin where the circle disappears but the number disappears a little bit later, how do i change this?

I don't think you can do that, since the only time the numbers expand is when skin.ini version 1.0 is used, and there's no way of doing the fast fading hitcircle trick on that version
ItsTheZenith

Matt2e2 wrote:

ItsTheZenith wrote:

I was wondering, i want to change something in a skin where the circle disappears but the number disappears a little bit later, how do i change this?

I don't think you can do that, since the only time the numbers expand is when skin.ini version 1.0 is used, and there's no way of doing the fast fading hitcircle trick on that version

If u wanna look into it is idke's skin
ADelicateOrange
So, I'm looking at the skins that I have currently, and with the score numbers do I need to have them within the skin folder at small resolutions like 32x54 or 40x60?

If so, does anyone have any tips on making those small numbers not look pixelated when I do it? I currently use Paint.Net (because I don't have money for CorelPainter or Photoshop) I have done some things like going from the most usable non-pixelated resolution then resizing down to those small resolutions. I have tried using "small-preferred fonts" like Tahoma (much to my chagrin) to no avail. I tried doing the largest font possible at those small resolutions and increasing the sharpness and toying with anti-aliasing to have a non-pixelated image. Helpppp.
Integers
I tried to make a cursor trail like this but using a different color and failed miserably. Any tips? I use paint.net



Matt2e2

Integers wrote:

I tried to make a cursor trail like this but using a different color and failed miserably. Any tips? I use paint.net




Think you just need to add a cursormiddle.png file. It's size doesn't matter and you can leave it blank if you want.
aryads5651
can i change the osu! logo which is below the beatmap list?
Matt2e2

aryads5651 wrote:

can i change the osu! logo which is below the beatmap list?

No.
iSandRocks
any tips on getting a taiko-slider look continuous?
here is my banner but i get the hard cut at the end when it loops. im not to sure how to make it look like it loops smoothly

here is a pic of the taiko-slider im working on

RockRoller

blackbird333 wrote:

any tips on getting a taiko-slider look continuous?
here is my banner but i get the hard cut at the end when it loops. im not to sure how to make it look like it loops smoothly

here is a pic of the taiko-slider im working on


It might work by getting them to fade into eachother with a gradient
Neimex23
I need help


how to fix the problem that the combo max and accuracy do not keep together
they test accuracy and max combo is from ranking panel
RockRoller

neimex23 wrote:

I need help


how to fix the problem that the combo max and accuracy do not keep together
they test accuracy and max combo is from ranking panel
What exactly do you mean? I don't undferstand your problem
AkumaOnigiriKa
Thanks bro!
Top1NoobMyst
del
Matt2e2

Top1NoobMyst wrote:

Hello! I just can not solve my problem, maybe someone knows the solution? I have a skin from www, in which I did everything for myself except one, this is the color of the circles. I went through several other color skins and did not understand how they were painted ... the only thing I found and tried to change the skin.ini, put the necessary colors in combo1-5, but the colors changed only in Approach Circle. how to make a colored combo skin from this ? here's the skin, if that https://drive.google.com/file/d/1g17RdcfMJ6E-qcBgph1zWjCtyULCtiOO/view


The "hitcircles" on WWW's skin are placed on the hitcircle combo numbers (default-n), instead of the usual hitcircle and hitcircleoverlay files, meaning they never get tinted.
Axonious
Hi some of my skins have the image preview and some not even if thumbnails all always on. Can somone explain to me what makes it dissaper in some of them and how to edit the settings of the skin or skin itself in order have them visible.
Thanks in advance :)
Matt2e2

Axonious wrote:

Hi some of my skins have the image preview and some not even if thumbnails all always on. Can somone explain to me what makes it dissaper in some of them and how to edit the settings of the skin or skin itself in order have them visible.
Thanks in advance :)

skin.ini versions 1.0 to 2.1 do not have thumbnail support. All later versions do support them but I recommend using 2.5 out of all of them. Beware though, that this might break other things in the skin such as the thumbnail being positioned outside of the menu-button-background or the star indicator not working the same way.
Axonious
Thanks big time
Izaky
Aww
I came by the sounds.
ok thanks you for post
perplexity7
In the skining basic what do you mean by download template ?
Sawanz
It's so Good :<
Connecticut
Can you show me how to put dots instead of numbers in my hit circles
RockRoller

BluSapphireYT wrote:

Can you show me how to put dots instead of numbers in my hit circles

remove the files that start with "default-" from your skin, then you take some "default-" files with dots from another skin and place them into your skin
I CAN FC
have gap here
how fix

i add one black bar at 80% alpha on ranking-lv
but fail

my ranking-panel
https://imgur.com/PYgDAEC

ideal effect (my old skin, but its .ini not latest version, i am updating)



sorry for my bad eng
karo_karo
Can someone make a newer version of this post? Some thing aren't added yet and I don't think that the creator still plays osu! because he was online 3 years ago :/
Matt2e2

karo_karo wrote:

Can someone make a newer version of this post? Some thing aren't added yet and I don't think that the creator still plays osu! because he was online 3 years ago :/

There is, in fact, a newer skinning tutorial. As of now, it's still work in progress, though.
DevilVih
Can someone help me? I'm trying to make a spinner bottom work... but I can not
Matt2e2

DevilVih wrote:

Can someone help me? I'm trying to make a spinner bottom work... but I can not

If you want to use the new spinner format (spinner-top/bottom/middle/middle2/glow), you need to not have spinner-background present in the skin's folder (else osu! will use the old format (spinner-background/metre/circle)) and to have "Version" in skin.ini set to any version from 2.0 to 2.5.
niranbrumskine
Thx for this post!😊
D7A
wheres the skin template?????????
RockRoller

D7A wrote:

wheres the skin template?????????

They are there, just click on the broken images https://puu.sh/DogJb/3d76959b71.png
karo_karo
what about the mode section? (the little box where you can select osu!standart, CTB, mania and taiko)
Matt2e2

karo_karo wrote:

what about the mode section? (the little box where you can select osu!standart, CTB, mania and taiko)

This tutorial is pretty old so don't count on that. Though, there is a new tutorial in the making, you can check it out here.

Edit: Oops, I've already linked it for you in an earlier post, my bad. I generally don't pay attention to who the person I'm responding to is xd.
VibeDemon
So i wanted to spice up my mania skin (merging skins in my case) and i saw something i wanted to implement in my skin but problems arose.

Starting off the skin showed below has 0 Mania images, their all deleted.
Example :

But the glow when hitting the key lights the blue/green color(which is the thing i want to add to my skin)
But since i have nothing to copy/paste in my folder im kinda stuck lol
If you are wondering or need to know this is BeastTrollMC's 2017 Skin would give DL if i could find it, Thanks!
KenLovesCheese
one question, WHAT THE FUCK IS A TEMPLATE
pupp3ts
Can anyone help? This happens when I put the image into the mode selection menu and I don't really know how to fix it. It lines up fine in Paint.net.
https://imgur.com/V84Lswy
Matt2e2

pupp3ts wrote:

Can anyone help? This happens when I put the image into the mode selection menu and I don't really know how to fix it. It lines up fine in Paint.net.
https://imgur.com/V84Lswy

Check if the height of your mode-meds is 256px HD or 128px SD. Also it's better to just put the whole overlay on mode-fruits-med and not have to worry about the height of each mode-med, like this: https://imgur-archive.ppy.sh/5fkAHUa.png.
pupp3ts

Matt2e2 wrote:

pupp3ts wrote:

Can anyone help? This happens when I put the image into the mode selection menu and I don't really know how to fix it. It lines up fine in Paint.net.
https://imgur.com/V84Lswy

Check if the height of your mode-meds is 256px HD or 128px SD. Also it's better to just put the whole overlay on mode-fruits-med and not have to worry about the height of each mode-med, like this: https://imgur-archive.ppy.sh/5fkAHUa.png.


Thank you very much! Changing it to 256 px instead of 260 px fixed it.
Roccoboy
How do I have a character to the side?
Matt2e2

Roccoboy wrote:

How do I have a character to the side?

Usually, it's done by extending selection-mode's canvas to the right and upwards. Then after that you can place your character wherever you want.
Zlacker
Can I ask which skin cookiezi used for the 2016 freedom dive hdhr?
I have searched on the internet for two days and still can't find the correct one.
G8D
any chance move score top right to bottom?
and move score meter: hit error to mid up?
Liftyfied
can be pause-overlay animated?
RockRoller

Liftyfied wrote:

can be pause-overlay animated?

no
Ananda
can someone tell. what Color Purple circle on Skin.ini
Matt2e2

Ananda wrote:

can someone tell. what Color Purple circle on Skin.ini

For that just edit the Combo1 value to your desired purple and delete the other combo colours. If you don't know what RGB values to use just type on Google "colour picker".
Also if you want more than one combo colour, add Combo2,3,4... (up to 8) to your skin.ini.
xxdinorabbitxx
is there a list of supporter exclusive skinning elements i can consult?
RockRoller

Shima Luan wrote:

is there a list of supporter exclusive skinning elements i can consult?

Menu-background.jpg
Welcome_text.png
Seeya.wav
Welcome.wav
Roccoboy

Matt2e2 wrote:

Roccoboy wrote:

How do I have a character to the side?

Usually, it's done by extending selection-mode's canvas to the right and upwards. Then after that you can place your character wherever you want.

Thx ;P
AlKerTin03
So in my skin there's a file named "scorebar-bg.png" that says "Your name here" (inside the pic). Considering its a picture, does that mean i can't really edit it into my actual username?


Also yes that's nicki minaj you're staring at, pls dont ask why
45Traeath

AlKerTin03 wrote:

...
You should be able to.
Maybe the file you have isn't made easy to edit.
Matt2e2

AlKerTin03 wrote:

So in my skin there's a file named "scorebar-bg.png" that says "Your name here" (inside the pic). Considering its a picture, does that mean i can't really edit it into my actual username?


Also yes that's nicki minaj you're staring at, pls dont ask why



45Traeath wrote:

You should be able to.
Maybe the file you have isn't made easy to edit.

You usually need to have the project file to be able to easily edit your name in (like a .psd). Otherwise you have to remove and replace it by hand.

Also if your skin has a scorebar with a custom name on it, you're likely to have a .psd inside the skin's folder in a subfolder.
DoubleHplus
How to make the score fonts aligned in middle like in the current OWC? :<
Matt2e2

DoubleHplus wrote:

How to make the score fonts aligned in middle like in the current OWC? :<

There's no way of doing that in the current client without having to mess up another part of the game sadly.
DoubleHplus

Matt2e2 wrote:

DoubleHplus wrote:

How to make the score fonts aligned in middle like in the current OWC? :<

There's no way of doing that in the current client without having to mess up another part of the game sadly.

Owww, okay then.
RIN KUROYOSHI
Thx, I really want to make my own skin
GenerationGhost
Hi, i recently faced a pretty interessting problem, don't know if this is explained somewhere else (i couldn't find any simular problems related to that).

So when i want to install a skin lets say i have the folder with properties, i just drop the folder in 'Skins' and should then find the name of the folder under the Skinsselection right?

For me it doesn't show up... instead i can only see 'Default' and 'User' if i click on 'Skin file' its opens the folder 'User' under '[Volume where i installed Osu!]\osu!\Skins\User' draging properties of skins there makes them possible to load via selecting the 'User' under Skins but thats just making stuff over obnoxious...

How can i fix this problem? Am i just too stupid to understand what i did wrong? I never have seen this kind of problems in years of playing osu! before and i just recently returned...
RockRoller

GenerationGhost wrote:

Hi, i recently faced a pretty interessting problem,[...]

So, it doesnt import skins properly when you manually add them to your skins folder? That doesnt make too much sense, osu! should read every existing folder in the Skins folder and show them ingame, even if they dont have anything in them or are invalid. So please make sure that you installed the skins in the right directory.
Opening an .osk normally should just open it with osu, which does the extraction itself.
m i r a i e
can somone make a book out of this
Queen Viola
This is great! Awesome work
dem1se
Hi there! I'm making a skin but i have a little problem: the approach circle is the same for standard and taiko, but i want them to be different, one for taiko and one for standard. Is this possible?
RockRoller

-Akyra wrote:

Hi there! I'm making a skin but i have a little problem: the approach circle is the same for standard and taiko, but i want them to be different, one for taiko and one for standard. Is this possible?

No its not
dem1se

RockRoller wrote:

-Akyra wrote:

Hi there! I'm making a skin but i have a little problem: the approach circle is the same for standard and taiko, but i want them to be different, one for taiko and one for standard. Is this possible?

No its not

Okay, thanks!
ElectroBeast
Sup guys, I'm pretty new to skinning and recently I've began playing mania with YUGEN skin. How can I delete key-press highlighters?
dem1se

ElectroBeast wrote:

Sup guys, I'm pretty new to skinning and recently I've began playing mania with YUGEN skin. How can I delete key-press highlighters?

Just download this and it extract it in your skin folder.
conc1erge
Alright so, in my ranking panel, there's this very small gap here between the top bar and the ranking panel, I already used the right res for the said panel.

https://guest173661.sxcu.net/dM4ZVa.png
smals
I want to change the 100, 50, and miss images on a skin but there's more than one of them listed under different names. Can I delete the duplicates and just replace it with one image? Or should I replace it on all of them?
Denco0p
Well, it is really interesting
Hina_GBP

Soybean- wrote:

I want to change the 100, 50, and miss images on a skin but there's more than one of them listed under different names. Can I delete the duplicates and just replace it with one image? Or should I replace it on all of them?
there are multiple of each because it's animated. if you want to replace it, you can replace with 1 image to make it static.
_Sirin_
Hi guys, I have a question about ranking letters. Is it possible to have multiple files for the same ranking letter? For example, let's say I get B rank on the map, is it possible to have 3 different versions of the ranking-b file, so I can randomly get 1 of 3 different pictures of it in the game?
xxdinorabbitxx

WOW_Glimmer wrote:

Hi guys, I have a question about ranking letters. Is it possible to have multiple files for the same ranking letter? For example, let's say I get B rank on the map, is it possible to have 3 different versions of the ranking-b file, so I can randomly get 1 of 3 different pictures of it in the game?

no
My Angel DT
Hey, I want to know how to move the accuracy ingame from left to the middle on top. because I like it more
xxdinorabbitxx
Take the element that shows the percent sign (%) and add a blank space to the right side of it. How much you need really depends on what resolution you use, but a shade under 920 should be a good start
Monsterup1
wow real old thread
Choc_Sama
What is the difference between hit300 and hit300k (goes for the other points as well)
Redo_

Choc_Sama wrote:

What is the difference between hit300 and hit300k (goes for the other points as well)
Hit300 is a normal 300. Hit300k is a 300 that also gives you hp.
Vis Major

Choc_Sama wrote:

What is the difference between hit300 and hit300k (goes for the other points as well)
The detailed skinnable files list from this thread is a good place to go looking for questions like this. The k and g hitbursts appear on the last object of a combo based on how your accuracy in the rest of the combo was (and yes also give more hp).
Moxxaa
I wanted to make my own skin remix and want to use Rafis Generic Dt skin as a base as I like most of the aspects. One thing I wanted to change is how the hit circles glow white around the edges. I'm new when it comes to skinning and i'm not really sure how to remove this "glow."
RockRoller

Moxxaa wrote:

I wanted to make my own skin remix and want to use Rafis Generic Dt skin as a base as I like most of the aspects. One thing I wanted to change is how the hit circles glow white around the edges. I'm new when it comes to skinning and i'm not really sure how to remove this "glow."
This will be either on the hitcircle or the hitcircleoverlay. You need to edit the images to get rid of it
Shixizy
How do i open my skin folder?
Corne2Plum3

Shixizy wrote:

How do i open my skin folder?
Find where is your osu! game (.exe file). It's usually at C:\Users\%USERNAME%\AppData\Local\osu! on Windows.
In this folder you have your osu! game and some other folders. All of your skins are in the Skins folder.

Or click here in the options:
db2k
Where can I get the old skin template that's been mentioned in some old YouTube videos and in some old posts on this thread?
JustABeginner
You mean the 2007 osu! skin?
If so, click me.

Or perhaps the default skin?
If so, click me.
StaFi1608
How do I change the hit "combobreak" sound. Ive tried a couple of things like renaming the file to changing the file format but nothing is working. Anyone else had this issue previously?
JustABeginner
Make sure you rename the file to "combobreak" without putting in the file name.
Once you done that, come back into osu! and be sure to press "Ctrl", "Alt", "Shift" and "S" key altogether to reload the skin.
CutieKat04
Where do you find the template? .>. I need help
wowcake

CutieKat04 wrote:

Where do you find the template? .>. I need help
You could use the link that JustABeginner gave above (this one)

And use skinship and skinning wiki as a starting guide.
MaxDaGOD
How Do I Download The Template?
CHuubenn
How do i allign the scorebar colour and scorebar hp?
I made both elements in the same canvas so that it would be aligned. but in game the score bar colour is a bit below the
background. Even though they are alligned in the canvas.
rematyar

CHuubenn wrote:

How do i allign the scorebar colour and scorebar hp?
I made both elements in the same canvas so that it would be aligned. but in game the score bar colour is a bit below the
background. Even though they are alligned in the canvas.
https://youtu.be/3eFcbYUDN44 watch this and go to 5:29
Cl0udy_old_2
why in the new website i cant see the pictures for template download?
RockRoller

Cl0udy wrote:

why in the new website i cant see the pictures for template download?
this tutorial is heavily outdated and basically all images are no longer working. You should give the newer tutorial a trial: https://skinship.xyz/tutorial/introduction
db2k
Are black followpoints still possible? I just downloaded rrtyui's skin and the followpoints are invisible when they're supposed to be black.
Lazyeast
was playing with a skin that i liked but wanted to change a few things like mods, sound, spinner, etc. this post helped me out so much lmao
xxdinorabbitxx

Genaker wrote:

Are black followpoints still possible? I just downloaded rrtyui's skin and the followpoints are invisible when they're supposed to be black.
i hope youre not trying to use black follow points on a black background
Please sign in to reply.

New reply