RockRoller wrote: 5y132i

-Aak- wrote: 523h2w

Sorry to bother you but i was wondering how i would edit the selection mode (full)

What exactly do you mean

how would i edit the selection. Like do i have to Do it in photoshop and How i would do it.

-Aak- wrote: 523h2w

how would i edit the selection. Like do i have to Do it in photoshop and How i would do it.

As I mentioned earlier on in the tutorial, if you want to make your own images you will need an image editor that s transparency, the best option here would be pdn (free, to get the pugins I link in the post) and photoshop (paid).

Thanks for all the work you have been doing as of now!

Quick question, but here's some info: I use a 1920x1200 which runs the 16:10 aspect ratio, but most skins that I know only have the 16:9 aspect ratio available with the target resolution being 1920x1080.

Is there a way to reliably convert/edit the pictures/elements such that It'll work for my resolution? I already have photoshop and well the way I tried it really didn't work.

Thank you in advance!

DerFlux wrote: 58641q

Is there a way to reliably convert/edit the pictures/elements such that It'll work for my resolution? I already have photoshop and well the way I tried it really didn't work.

Thank you in advance!

There isnt any way to automatically convert them. You need to move parts of the elements, aka edit the iamges directly. Tho, editing from 16:10 to 16:9 is a lot easier then the other way around. Maybe I should make the part about converting 16:9 to 16:10 skins soon

Sorry to bother, but im new to skinning like most people here and i'm trying to work out how to remove the star particles that are attatched to my cursor when i start a map and also the random particles that shoot out, i wouldn't mind re-skinning them but i just have no clue what the name of that file is or anything, thanks.

shac wrote: 5t5r2k

Sorry to bother, but im new to skinning like most people here and i'm trying to work out how to remove the star particles that are attatched to my cursor when i start a map and also the random particles that shoot out, i wouldn't mind re-skinning them but i just have no clue what the name of that file is or anything, thanks.

star2.png is the file you are looking for

RockRoller wrote: 5y132i

shac wrote: 5t5r2k

Sorry to bother, but im new to skinning like most people here and i'm trying to work out how to remove the star particles that are attatched to my cursor when i start a map and also the random particles that shoot out, i wouldn't mind re-skinning them but i just have no clue what the name of that file is or anything, thanks.

star2.png is the file you are looking for

thank you so much been looking for this for days!

The website look good but he's incomplete (are you waiting osu!lazer for add some parts, like the gameplay sections?)

Corne2Plum3 wrote: 2mx5n

The website look good but he's incomplete (are you waiting osu!lazer for add some parts, like the gameplay sections?)

Suggestion

In the site there is no space between the side-navigation at the left and the main content of the page, and it's a little hard to read. You should add in css/main.css these lines in the .main section (~ line 30) :

padding-left: 12px;
padding-right: 12px;

It's for add a space between the side-navigation at the left and the text, it's better to read.

No I am not waiting for lazer, if I would be doing that there would be no point in writing this thing in the first place. Its just that writing these tutorials takes a lot of time and I am the only one doing it. Just be glad that there is something.

And yea, I know that the website isn't working perfectly on slim resolutions, what you suggested doesn't fix it at all tho. It will be fixed at some point, just wait for that. If you want to use the site in slim widths you can always make your own style with stylus. Also, padding isnt the way to go here, you would need margin

Hi, sorry to bother you but how do I change it so when the slider moves it doesn't show up a circle that gets big?

WukongLord595 wrote: 5v6rv

Hi, sorry to bother you but how do I change it so when the slider moves it doesn't show up a circle that gets big?

blank out slider-followcircle

Hey hello guys. Im starting to create my first skin and wanna remove this white outline border on buttons .
This appears when you hover over the button.
Also it appears for some elements like "Miss" image

(but image does'nt have this border actualy) Maybe I don’t know something (Im noob at osu skinning actually)? I took the Luisina's skin for BeasttrollMC (btmc - Noel Sora no method) as a basis for my skin (maybe is't matter? But i tried to make skin from scratch and this outline is still on they place. Thanks in advance for reply.

XaLERIK wrote: 2z4s5g

Hey hello guys. Im starting to create my first skin and wanna remove this white outline border on buttons

When You're saving your asset don't do File > Save As, but use File > Export As > PNG instead. This should get rid of your problem.

What is the suggested SD size for line-style follow points?

McEndu wrote: 1f1n1k

What is the suggested SD size for line-style follow points?

256px HD, but that is the canvas, for the length of the actual line please just refer to other skins.

RockRoller wrote: 5y132i

McEndu wrote: 1f1n1k

What is the suggested SD size for line-style follow points?

256px HD, but that is the canvas, for the length of the actual line please just refer to other skins.

I think stuff related to line-style follow points are good for the guide section?

McEndu wrote: 1f1n1k

RockRoller wrote: 5y132i

McEndu wrote: 1f1n1k

What is the suggested SD size for line-style follow points?

256px HD, but that is the canvas, for the length of the actual line please just refer to other skins.

I think stuff related to line-style follow points are good for the guide section?

Or rather in the tutorial directly. Just haven't written that part yet. There is just so much to write

How do you make a metre instead of a approach circle on the spinners? I have seen it before so I know you can. I am new to skinning, please help me.

remclean wrote: 41701c

How do you make a meter instead of a approach circle on the spinners? I have seen it before so I know you can. I am new to skinning, please help me.

Use the old spinner style and not the new one

RockRoller wrote: 5y132i

remclean wrote: 41701c

How do you make a meter instead of a approach circle on the spinners? I have seen it before so I know you can. I am new to skinning, please help me.

Use the old spinner style and not the new one

I don't know how to do that. I only started skinning 2 days ago.

you need to use spinner-background, that enables the old spinner style, then you can use the elements of the old spinner style which includes the metre

Just check this spreadhseet https://docs.google.com/spreadsheets/d/1bhnV-CQRMy3Z0npQd9XSoTdkYxz0ew5e648S00qkJZ8/edit#gid=2074725196

Thanks for skinning guidance! Do you know if ranking-replay.png is still skinnable or has been renamed to something else? Mine has reverted to the default "Watch Replay" button while my "Retry" is still properly skinned.

Edit: It works when I put the image into a different skin and use it. I have a feeling something in my skin.ini is preventing it (?) but I can't seem to find anything relating to ranking screen at all in there.

Edit2: Turns out it works when I switch my skin version from 2.4. to 1. Unsure why the only thing that's affected is the ranking-replay.png though, since the ranking-retry worked in 2.4

SLFY wrote: of3h

Thanks for skinning guidance! Do you know if ranking-replay.png is still skinnable or has been renamed to something else? Mine has reverted to the default "Watch Replay" button while my "Retry" is still properly skinned.

Edit: It works when I put the image into a different skin and use it. I have a feeling something in my skin.ini is preventing it (?) but I can't seem to find anything relating to ranking screen at all in there.

Edit2: Turns out it works when I switch my skin version from 2.4. to 1. Unsure why the only thing that's affected is the ranking-replay.png though, since the ranking-retry worked in 2.4

rankin-retry recently got reenabled across all versions, for V2 skinning you need pause-replay for the replay button

I never found out how to use a spin metre but I found something else I like and will be using. Thanks for the help anyway RockRoller.

Idk if this reported, but skin testing beatmap has been deleted or smth, so the link on the site doesn't lead anywhere.

St1ck- wrote: 4b1i5m

Idk if this reported, but skin testing beatmap has been deleted or smth, so the link on the site doesn't lead anywhere.

well aware of that and planning to make my own soon

hi,i'm still new in skinning,my question is how to get sound effect for every button like play,setting,and quit,and quit sound (sry for rip english)

DzulNotFound wrote: 7lx

hi,i'm still new in skinning,my question is how to get sound effect for every button like play,setting,and quit,and quit sound (sry for rip english)

You have to set them all. Here is a list containing all sound files:
https://docs.google.com/spreadsheets/d/1bhnV-CQRMy3Z0npQd9XSoTdkYxz0ew5e648S00qkJZ8/edit#gid=1820685604

Hi i’m new to osu and How can i replace the slider ball with circles?? Thanksss

I need help to (btw illpandaa I think you get a circle you want to replace it with (make sure it is the right size) and name it sliderb0 and put it in a folder and move the folder to Osu!'s skins folder and change to that skin in Osu!) I can't change the slider track and I named it sliderb-nd and looked at the spreadsheet you gave me earlier and I have no clue. Pls help.

remclean wrote: 41701c

I can't change the slider track and I named it sliderb-nd and looked at the spreadsheet you gave me earlier and I have no clue.

slideb-nd and sliderb-spec are both files that don't really work.
To change the slidertrack you need the skin.ini command SliderTrackOverride:

i don't really get it maybe i need some knowledge in skinning but thankss!

2 things... 1. illpandaa I think you should try a skin someone has made like Yugen.( https://osuskins.net/skin/wEaMJGb ) 2. I do not know how to make a command in a skin. Pls help.

remclean wrote: 41701c

I do not know how to make a command in a skin. Pls help.

You just type them in the skin.ini just put SliderTrackOverride: with the rgb value you want under [Colors]

It worked, Thank you again RockRoller. but I have a new question. I have my combo color set to black and my approach circle set to white but the approach circle is still black. Is it even possible? pls help.

hi so i encountered a problem when i made my skin and i know i messed up pretty good somewhere but i dont know where. my issue is that i dont get combo numbers on my hit circles or sliders.

1. ss/15641733/3997

My skin doesn't have a "skin.imi" in the folder. Is there a way to modify the settings of the skin?
I attempted to a clean skin.imi, however it ruined the scaling of most assets.

I'm looking to specifically resize the "columnwidth" for osu!mania 4k.

BenTheBen wrote: 1u6p11

My skin doesn't have a "skin.imi" in the folder. Is there a way to modify the settings of the skin?
I attempted to a clean skin.imi, however it ruined the scaling of most assets.

I'm looking to specifically resize the "columnwidth" for osu!mania 4k.

You need to have a skin.ini file for that. Really shouldn't be too hard. Your thing probably got messed up because you changed the Version: in the skin.ini. A skin without a skin.ini uses Version: 2.5 I beleive, so if you make a skin.ini make sure to set that

does anyone know a skin with rem from re zero?

How do I remove the hitting animations on the notes?

GreyXRM wrote: 5r5464

How do I remove the hitting animations on the notes?

What you are refering to should be either hit lighting, which can be turned of in the options, or you are looking for instant fading hitcircles, for which you can find a guide here: https://tutorial.skinship.xyz/guides/insta_fade_hc

Just a question: Does renaming a PNG file (format, not file extension) to menu-background.jpg work?

McEndu wrote: 1f1n1k

Just a question: Does renaming a PNG file (format, not file extension) to menu-background.jpg work?

yes you can rename menu-background.png to .jpg to get the full quality. Works just fine iirc

JoshThePaladin wrote: z1m1o

hi so i encountered a problem when i made my skin and i know i messed up pretty good somewhere but i dont know where. my issue is that i dont get combo numbers on my hit circles or sliders.

1. ss/15641733/3997

Did you make the image that has the numbers on it to big? If it is to big, then osu! will stop rendering it. I did the same thing a few days ago.

any tutorial on how to skin the spinner?

Rematyar wrote: 2r3k33

any tutorial on how to skin the spinner?

Not yet. For now the best you can do is to look at the skinnable files spreadsheet and other skins to figure it out by yourself

I have an error, I just made the menu-button-background, and now the picture that more songs have don't show up... pls help.

And as I am asking one thing I will ask another, my scorebar-colour is not rendering as high as it should. I have it at the top of the picture, yet there is space between the top of the screen. Pls help.

remclean wrote: 41701c

[...] and now the picture that more songs have don't show up... pls help.

I genuinly have no clue what you mean, can you like post an image that shows the problem?

First, I meant most, not more.
Second,https://drive.google.com/file/d/1-evnz6stRVmxpKRBm9FPdiTDWaO9qDt7/view?usp=sharing

Ah, make sure to set Version: in the skin.ini to 2.5
This is Version:2.1 and below behaviour

Thanks, it worked. Now just to fix the image itself.

Now, for the second problem... have an idea?

scorebar-color can never touch the borders of the screen, since its offset by a certain amount of pixels (12,12 with -marker and 5,16 with -ki)

How do I fix the skin default? I mean like when it's 1-9 it's normal but when it goes to 10+ the font mixes it's like penetrating to each other. also, how do I remove the skin border? the square border like in cookiezi's skin?

Riae wrote: h295h

How do I fix the skin default? I mean like when it's 1-9 it's normal but when it goes to 10+ the font mixes it's like penetrating to each other. also, how do I remove the skin border? the square border like in cookiezi's skin?

Change the HitCircleOverlay value in skin.ini

McCreetard wrote: 73305r

Hi, Im pretty new to skinning scene, but are there any ways to make a gif/animated hp bar (scorebar) in game, I have some seen in some popular skins and wanna make a custom for my own. Regards. Thanks in advance!!

RockRoller wrote: 5y132i

McCreetard wrote: 73305r

Hi, Im pretty new to skinning scene, but are there any ways to make a gif/animated hp bar (scorebar) in game, I have some seen in some popular skins and wanna make a custom for my own. Regards. Thanks in advance!!

There are only a few elements that can be animated, but all follow the same scheme. Make each frame of the animation a seperate file, called scorebar-colour-0, scorebar-colour-1, and so on

can "section-" be animated?

izekok wrote: k493t

can "section-" be animated?

no

can you list me everything that can be animated?

The skinnable files list clearly lists which files are animatable

https://docs.google.com/spreadsheets/d/1bhnV-CQRMy3Z0npQd9XSoTdkYxz0ew5e648S00qkJZ8/edit#gid=2074725196

Does animated stuff in skins can make your frame drop a lil? cause when im using a heavy weighted skin it drops my fps and crashes.

Riae wrote: h295h

Does animated stuff in skins can make your frame drop a lil? cause when im using a heavy weighted skin it drops my fps and crashes.

Yes it totally can, which is why there is a few notes about that in the part about animations in the tutorial

Thanks ill avoid that when im skinning to prevent me and others that wants to try my skin so they won't drop frames

2 things, 1. Can you have the hitcircleoverlay be hind the hitcircle? 2. If not, does the hitcircleoverlay get affected by combo color?

remclean wrote: 41701c

2 things, 1. Can you have the hitcircleoverlay be hind the hitcircle? 2. If not, does the hitcircleoverlay get affected by combo color?

The whole point of the hitcircleoverlay is to have a layer that is on top (an overlay) that is not affected by the combo colour. So no, neither of those are possible

RockRoller wrote: 5y132i

remclean wrote: 41701c

2 things, 1. Can you have the hitcircleoverlay be hind the hitcircle? 2. If not, does the hitcircleoverlay get affected by combo color?

The whole point of the hitcircleoverlay is to have a layer that is on top (an overlay) that is not affected by the combo colour. So no, neither of those are possible

That's what I thought, but I was hoping one would work.

So, I just animated a new menu back button (in song selection), but the fps is too low. What do I name the images to make them go faster? or is that possible?

MagiFire12 wrote: 125069

So, I just animated a new menu back button (in song selection), but the fps is too low. What do I name the images to make them go faster? or is that possible?

You need to change the AnimationFramerate in the skin.ini. Besure to read the part about animations in the tutorial

RockRoller wrote: 5y132i

MagiFire12 wrote: 125069

So, I just animated a new menu back button (in song selection), but the fps is too low. What do I name the images to make them go faster? or is that possible?

You need to change the AnimationFramerate in the skin.ini. Besure to read the part about animations in the tutorial

Oh, thank you. I didn't see anything about that in the tutorial. Thank you so much!

The more skins i have will make my game lag more or no?
I have 54 skins in total

Riae wrote: h295h

The more skins i have will make my game lag more or no?
I have 54 skins in total

Simply having a lot of skins should not introduce any additional lag.

Can I pull request?

McEndu wrote: 1f1n1k

Can I pull request?

wdym?

RockRoller wrote: 5y132i

McEndu wrote: 1f1n1k

Can I pull request?

wdym?

I mean, can I contribute to the project through GitHub? Like writing articles and clean up.

McEndu wrote: 1f1n1k

RockRoller wrote: 5y132i

McEndu wrote: 1f1n1k

Can I pull request?

wdym?

I mean, can I contribute to the project through GitHub? Like writing articles and clean up.

sure, feel free to message me on discord if you wanan talk about something before making a pr

So I made a skin and skinned the song select menu but if I move my cursor anywhere the skin acts as if I was hovering over the mode select itself.
Idk if I described it correctly or anything but here's a video showing it with an old skin and the new one: https://streamable.com/0kvpms

Sklyzic wrote: 1l3do

So I made a skin and skinned the song select menu but if I move my cursor anywhere the skin acts as if I was hovering over the mode select itself.
Idk if I described it correctly or anything but here's a video showing it with an old skin and the new one: https://streamable.com/0kvpms

You made selection-mode-over too big. the over images define the hitboxes

Ok, thanks for the help!

RockRoller wrote: 5y132i

The skinning tutorial has been moved!
The character limit for forum posts and the fact that BBCode is an outdated language that doesnt have any good editors made me move the tutorial. You can find it and many other useful skinning related topics here:

https://tutorial.skinship.xyz/tutorial/introduction

skinning tutorial site is down.

sanxx wrote: 212p15

skinning tutorial site is down.

aware of that, will be back up soon hopefully

I have a question. Can I set the skin so that all the circles are black and white, for example, or in shades of one color

adlek wrote: 4j5w64

I have a question. Can I set the skin so that all the circles are black and white, for example, or in shades of one color

You can change the colouring of hitcircles in any way you want basically. Just go into the skin.ini and set the Combo#: commands

thanks!

RockRoller wrote: 5y132i

adlek wrote: 4j5w64

I have a question. Can I set the skin so that all the circles are black and white, for example, or in shades of one color

You can change the colouring of hitcircles in any way you want basically. Just go into the skin.ini and set the Combo#: commands

Thx for help <33

What is the sound called when you click on a map?

Some skins has a sound effect where once you load up a map it says "Good luck" something like that.

PogchampWeak wrote: 56h5m

What is the sound called when you click on a map?

Some skins has a sound effect where once you load up a map it says "Good luck" something like that.

I think it is select-difficulty, th oI havent touched sound skinning in quite some time and I am not 100% sure.

Its definitely on here tho if you are willing to look/test yourself https://docs.google.com/spreadsheets/d/1bhnV-CQRMy3Z0npQd9XSoTdkYxz0ew5e648S00qkJZ8/edit#gid=1820685604

Hello! Not to be a bother but I have a question. How do I change the character that pops up whenever you hit a lot of notes? (Example: When you catch a lot of notes in Osu!CTB, A character appears for a second) My skin is going to be universal for all modes, If that effects anything.

those are the comboburst images:
- comboburst(-#) for standard
- taiko-flower-group(-#) for taiko
- comboburst-fruits(-#) for catch
- comboburst-mania(-#) for mania

For detailed info please make sure to check the skinnable files spreadsheet

Magi - wrote: vw15

So, I just animated a new menu back button (in song selection), but the fps is too low. What do I name the images to make them go faster? or is that possible?

(Sorry if I get anything wrong I'm a little new to skinning myself)

So for example if "menu-back-0" and "menu-back-1" has the same image but are in different frames, you'll want to take away a frame of that duplicated image. Thus making the animation faster

(Because 2 of the same frames makes that split second longer, taking away 1 decreases the time it takes to finish)
If you don't have your animation setup up by duplicated images in different frames then try going into skin.ini, there will be "AnimationFramerate: 1". You'll want to change the number, if you know anything about FPS/Frame Per Second you should do just fine adjusting the framerate,

but just incase you don't know, there's 12 - 60 frames for a normal animation, but you can go lower than 12 and higher than 60.

-Lower = Slower
+Higher = Faster

I hope this helps!

how to change skin to circles?

BlueSkilled wrote: 3r2d5w

how to change skin to circles?

If you're asking about for mania, https://skins.osuck.net/, this is the one of the most helpful websites for skins.
Here is a skin I used: https://skins.osuck.net/index.php?newsid=726

There are other websites that does skins for osu players to use. I recommend using YouTube aswell because they showcase skins for all modes.

How can I make my mania keys into arrow keys?

JasonPlayz wrote: 5o3m2b

How can I make my mania keys into arrow keys?

You can start by watching youtube tutorials and using skin as practice. If you just want an arrow skin then here:
https://www.youtube.com/watch?v=ZO96x-Yv4PM

ok, but how to put the skins into osu!

tylert528 wrote: 6j3ws

ok, but how to put the skins into osu!

You go to the directory where you installed osu and go to the Skins folder. Once there you can create a folder, name it, and put all the files from your skin there. If it doesn't show up in-game, try doing the skin refresh shortcut (Ctrl+Alt+Shift+S).

OtakuKent wrote: 5o23u

...

Or you could just open the .osk file with osu.

hello everyone
I just started making my first own skins today
so can you suggest me how to put megumin pic next to the mania stage
thank you very much :3

Open your current skin folder and find a file "mania-stage-right". Open an editing software and open the file that I told you to find. Create a blank canvas at the right of it and you can then paste your megumin picture there. Save changes and reload your skin.

thank you very much :3

edit: so if i want to mix the mania part to the other skin
so can you teach me how to do it?

Copy the skin elements from the current skins - since it's about mania part you just need to find every filename that has the word mania, and then transfer them into the other skin you like.

After that, reload the skin.

problem solved :b