Ok thanks for the info uwu
forum
Skinning tutorial (+ skinning support)
posted
Total Posts
4,226
Yeah save as a .PNG and remove the background
As I said, it works previously, meaning there were no problems[ Ted ] wrote:
Yeah save as a .PNG and remove the background
And also, I made sure to double check my files that they were PNGs without any backgrounds
Anyhow, the problem seems to have resolved itself somehow, thanks for trying to help, appreciated man
ShinyWoolf wrote:
i have problem with my "watch replay" button and ranking panelFor the "Watch Replay" i renamed it to "pause-replay" and it worked
http://scr.hu/4n7n/j9gwi
Sky Straver
I want some help in mania skinning.at first i was using regular mania skin.then there was some mania skin that make the mania stage in the middle.like this one : 
but it was for widescreen resolution.i usually use 800x600 resolution because lag issue.when i use it on 800x600 resolution.the stage was looks like this.like it was moved little bit to the right :
So how do you make the mania stage in the middle for 800x600 resolution ?
but it was for widescreen resolution.i usually use 800x600 resolution because lag issue.when i use it on 800x600 resolution.the stage was looks like this.like it was moved little bit to the right :
So how do you make the mania stage in the middle for 800x600 resolution ?
To centre the stage, you have to change the line "ColumnStart: x". the x is a number and you have to change that one.Sky Straver wrote:
I want some help in mania skinning.at first i was using regular mania skin.then there was some mania skin that make the mania stage in the middle.like this one :
but it was for widescreen resolution.i usually use 800x600 resolution because lag issue.when i use it on 800x600 resolution.the stage was looks like this.like it was moved little bit to the right :
So how do you make the mania stage in the middle for 800x600 resolution ?
From your screenshots I can give you a value of 240 to use as first guess. If you still think it isn't centered just change it again untill is is centered.
But if you change back to 1366x768 it won't be centered again.
I got a quick question. I was making another skin because I kinda got bored of my other one and the 300g hitburst from the default skin is still there even after replacing it with a blank file. Is there something else I should be doing to get rid of it?
is it a .png file? if yes then remember to make it hit300.png , hit300g.png , hit300k.pngPeacanator wrote:
I got a quick question. I was making another skin because I kinda got bored of my other one and the 300g hitburst from the default skin is still there even after replacing it with a blank file. Is there something else I should be doing to get rid of it?
uymkuumkmkmky
No afaik, only possible animated elements are scorebar-colour, sliderb and skip and back buttons, but I might be forgetting 1 or 2.Rori Vidi Veni wrote:
Is it possible to make an animated approach circle?
I've noticed that Osu!'s sprite rendering engine tends to have weird artifacts with certain images. Most notably, I've had to work around white borders when I use the stroke layer effect in Photoshop by using outer glow with a small size instead.
However, I've run into a new artifact that I can't seem to work around. On the scorebar (scorebar-colour@2x.png), I'm using gradient overlay and inner glow on a simple rectangle. However, when I load the sprite in-game, I'm getting a gray line on the left side of the bar that doesn't exist in the source file:
Edit: For some reason the image isn't showing up so here's a direct link: http://puu.sh/hFbwC/af4cd72fda.jpg
Does anyone have any idea what causes this and how I can work around the problem?
Edit2: Found a solution, for some reason Osu! doesn't like hard edges, so adding a small low-opacity border worked.
However, I've run into a new artifact that I can't seem to work around. On the scorebar (scorebar-colour@2x.png), I'm using gradient overlay and inner glow on a simple rectangle. However, when I load the sprite in-game, I'm getting a gray line on the left side of the bar that doesn't exist in the source file:
Edit: For some reason the image isn't showing up so here's a direct link: http://puu.sh/hFbwC/af4cd72fda.jpg
Does anyone have any idea what causes this and how I can work around the problem?
Edit2: Found a solution, for some reason Osu! doesn't like hard edges, so adding a small low-opacity border worked.
Is it somehow possible to change the colours of the dons and kats in taiko? For example, rather than having red and blue you could make it black and white? If there is no such way to skin this, is there any way to change it at all?
No, but you can request it on Feature Requests Subforum.dajayeway wrote:
Is it somehow possible to change the colours of the dons and kats in taiko? For example, rather than having red and blue you could make it black and white? If there is no such way to skin this, is there any way to change it at all?
And restored icon.
I need help, i am trying to have all of my hitsounds to be the same. That means i have changed every hitsound i found into the one i want.
But however, all of the sounds are not always the same. For example in Aoi Eir: Ignite (By Guy) There are 2 sounds which are very annoying. No matter how hard i search for hitsounds i have not yet replaced. I cannot find them. I ALSO WENT INTO the songs files and found the 2 sounds which bothered me. I deleted them and every other map's hitsounds. BUT STILL the 2 sounds are there. (I HAVE IGNORED BEATMAP HITSOUNDS IN OPTIONS)
You can download my skin here: https://www.dropbox.com/s/9i4e7s2l2ymxo ... n.rar?dl=0
But however, all of the sounds are not always the same. For example in Aoi Eir: Ignite (By Guy) There are 2 sounds which are very annoying. No matter how hard i search for hitsounds i have not yet replaced. I cannot find them. I ALSO WENT INTO the songs files and found the 2 sounds which bothered me. I deleted them and every other map's hitsounds. BUT STILL the 2 sounds are there. (I HAVE IGNORED BEATMAP HITSOUNDS IN OPTIONS)
You can download my skin here: https://www.dropbox.com/s/9i4e7s2l2ymxo ... n.rar?dl=0
Can the smoke be customizable? If so, then what's the file name for it?
cursor-smoke.pnga1l2d3r4e5d6 wrote:
Can the smoke be customizable? If so, then what's the file name for it?
Ahh, that's what it was. Thanks.Haskorion wrote:
cursor-smoke.pnga1l2d3r4e5d6 wrote:
Can the smoke be customizable? If so, then what's the file name for it?
Can someone help me with changing the size of a cursor+cursor trail to make it larger, then moving it into a different skin? pls friends
KawaiiGoat_old
Nyanaro124 wrote:
I need help, i am trying to have all of my hitsounds to be the same. That means i have changed every hitsound i found into the one i want.
But however, all of the sounds are not always the same. For example in Aoi Eir: Ignite (By Guy) There are 2 sounds which are very annoying. No matter how hard i search for hitsounds i have not yet replaced. I cannot find them. I ALSO WENT INTO the songs files and found the 2 sounds which bothered me. I deleted them and every other map's hitsounds. BUT STILL the 2 sounds are there. (I HAVE IGNORED BEATMAP HITSOUNDS IN OPTIONS)
You can download my skin here: https://www.dropbox.com/s/9i4e7s2l2ymxo ... n.rar?dl=0
You gotta go into the options, go to volume. Then check "ignore beatmap hitsounds"
KawaiiGoat_old
Anyone know how to show the song background on the menu button ?
Like in asthetic skin
Like in asthetic skin
Does anyone know how the placement of scorebar-ki.png, scorebar-kidanger.png and scorebar-kidanger2.png works? 
I've been working on a skin and everything I tried as one of these images was cut off at the top (because the image was placed too close to the top of the screen). Each of these images has a size of 150x150 and there's a transparent space between the actual content and the border of the image. The scorebar-bg.png is 626x35 and the scorebar-color.png is 645x10 big.
I've been working on a skin and everything I tried as one of these images was cut off at the top (because the image was placed too close to the top of the screen). Each of these images has a size of 150x150 and there's a transparent space between the actual content and the border of the image. The scorebar-bg.png is 626x35 and the scorebar-color.png is 645x10 big.
you need to be a supporter to use menu-background.jpg :3tranthaison2000 wrote:
Anyone know how to show the song background on the menu button ?
Like in asthetic skin
I know i have to be supporter to use menu backgounddeadbeat wrote:
you need to be a supporter to use menu-background.jpg :3tranthaison2000 wrote:
Anyone know how to show the song background on the menu button ?
Like in asthetic skin
But what i mean is the song thumbnail on menu "button"
There's an option called "Thumbnails". Search for that in Options and tick it on.
-makoto yuki
RBRat3 wrote:
Its a part that will soon be tintable but as of now it just makes up the black parts of the sliderball.
For now spec and nd are not skinnable just the sliderb and only work on the default ball.
Maybe this will help explain things better
Give up your dreams, mate
Is there a way to disable CtB hit lights?
Make the fruit-x.png transparent, change fruit-x-overlay.png to your fruit, and make your combo colours black.abraker wrote:
Is there a way to disable CtB hit lights?
I've only recently started making my own skin and had a few questions that I hope can be answered here.
A few to start with are:
A few to start with are:
- Why are the pixel ratios even? Why are some odd?
- For example, on the default cursor the cursormiddle.png is odd but the cursor.png is even. This causes the crosshair to seem off center (or maybe it's just me).
- For example, on the default cursor the cursormiddle.png is odd but the cursor.png is even. This causes the crosshair to seem off center (or maybe it's just me).
- Does aspect ratio play into skinning at all?
- What's up with the double resolution versions of each element? Why are they there? How would you make that if you've only made the smaller ratio so far?
I need help! When I tried to add an sound when "SectionPass/Fail.WAV" it doesn't work for me, can you help me with this guys?, Thanks and sorry for my bad english.
nikealvaro wrote:
I need help! When I tried to add an sound when "SectionPass/Fail.WAV" it doesn't work for me, can you help me with this guys?, Thanks and sorry for my bad english.
wrong name
use this
"sectionfail"
"sectionpass"
Hi everyone!
There is something that I don't understand about the "menu-button-background.png" file
Indeed, I use the SAME file for two different skins, however in one case the map's picture appear whereas in the second case, it doesn't.
In practice :
http://www.noelshack.com/2015-21-1432475073-help-skin.jpg
http://www.noelshack.com/2015-21-1432475074-help-skin2.jpg
So what I have to do if I want to see map's pictures ? Something to change in "skin.ini" ?
Thanks !
There is something that I don't understand about the "menu-button-background.png" file
Indeed, I use the SAME file for two different skins, however in one case the map's picture appear whereas in the second case, it doesn't.
In practice :
http://www.noelshack.com/2015-21-1432475073-help-skin.jpg
http://www.noelshack.com/2015-21-1432475074-help-skin2.jpg
So what I have to do if I want to see map's pictures ? Something to change in "skin.ini" ?
Thanks !
go to Settings -> type Thumbnails -> tick onOzaro wrote:
Something to change in "skin.ini" ?
skin.ini: Version 2.2 (or higher)
Thanks ! I didn't think to check settingsOsuMe65 wrote:
go to Settings -> type Thumbnails -> tick onOzaro wrote:
Something to change in "skin.ini" ?
skin.ini: Version 2.2 (or higher)
Something I really want to know is how to disable star2 completely, it just bothers me.
Make a 1x1 image of star.2slashnhak wrote:
Something I really want to know is how to disable star2 completely, it just bothers me.
still waiting for catch the beat elements 
Icon fixed.
Heh. :V Do that all by yourself. :VTokitsu wrote:
still waiting for catch the beat elements
I don't know if it was answered in the thread already, but I didn't feel like looking through 214 pages so what exactly qualifies as mixed elements? For example if I were to take the same image from say google images that they used for star.png and render it myself would that still be a stolen element or would it then be my own?
Thanks!-[Jess]- wrote:
Make a 1x1 image of star.2slashnhak wrote:
Something I really want to know is how to disable star2 completely, it just bothers me.
welcome/seeya.mp3
it might be supporter only though
it might be supporter only though
IppE
Pretty sure mixed elements refers to taking elements from other skins you didn't make and using them in your skin.entropykid wrote:
I don't know if it was answered in the thread already, but I didn't feel like looking through 214 pages so what exactly qualifies as mixed elements? For example if I were to take the same image from say google images that they used for star.png and render it myself would that still be a stolen element or would it then be my own?
Thanks a bunch.IppE wrote:
Pretty sure mixed elements refers to taking elements from other skins you didn't make and using them in your skin.entropykid wrote:
I don't know if it was answered in the thread already, but I didn't feel like looking through 214 pages so what exactly qualifies as mixed elements? For example if I were to take the same image from say google images that they used for star.png and render it myself would that still be a stolen element or would it then be my own?
How do you make the approach circle a different color and the slider black such that the combo colour is black? I want the hit lights to be black in CtB, but not affect the approach circle in standard.
You can't.abraker wrote:
How do you make the approach circle a different color and the slider black such that the combo colour is black? I want the hit lights to be black in CtB, but not affect the approach circle in standard.
Just wanted to share some infos about the following elements since I still see them often in newer skins.
This was changed long time ago but not really spoken of but there is no need to replace scorebar-ki.png, scorebar-kidanger.png, scorebar-kidanger2.png, sliderpoint10.png and sliderpoint30.png with transparent 1x1px images anymore.
Basically these images were made transparent from the game client side without the need to have blank files.
Additionally the sliderpoint images only work in skins using "Version: 1".
When using only the scorebar-bg.png and scorebar-colour.png images they still retain the anchor position of ki element usage (that position is at [5,16]).
Lastly you can use one single combo colour without the need to define a second combo colour. I see this more often lately since minimal monochrome skins are released and just wanted to repeat it.
This was changed long time ago but not really spoken of but there is no need to replace scorebar-ki.png, scorebar-kidanger.png, scorebar-kidanger2.png, sliderpoint10.png and sliderpoint30.png with transparent 1x1px images anymore.
Basically these images were made transparent from the game client side without the need to have blank files.
Additionally the sliderpoint images only work in skins using "Version: 1".
When using only the scorebar-bg.png and scorebar-colour.png images they still retain the anchor position of ki element usage (that position is at [5,16]).
Lastly you can use one single combo colour without the need to define a second combo colour. I see this more often lately since minimal monochrome skins are released and just wanted to repeat it.
Is there any way to edit the osu! circle in the main menu? Also, anyone who can help me with fixing a background to ranking panel? (Since ranking-panel.png leaves a blank space in the upper part of the screen.)
Sorry for not reading the other 214 pages, too lazy :p
Sorry for not reading the other 214 pages, too lazy :p
EpiX0R wrote:
- Is there any way to edit the osu! circle in the main menu?
- Also, anyone who can help me with fixing a background to ranking panel? (Since ranking-panel.png leaves a blank space in the upper part of the screen.)
- No
- You can't
OsuMe65 wrote:
EpiX0R wrote:
- Is there any way to edit the osu! circle in the main menu?
- Also, anyone who can help me with fixing a background to ranking panel? (Since ranking-panel.png leaves a blank space in the upper part of the screen.)
- No
- You can't
Oh, well thanks anyways.
Is there a way i can make the "play-skip" button play at a certain frame-rate, it's going way to quick, so i want to slow it down.
Use 2-3 frame for a img.SgtSitdown wrote:
Is there a way i can make the "play-skip" button play at a certain frame-rate, it's going way to quick, so i want to slow it down.
It should be slower
so anyone know how to get screenshots of osu? I need them for the thread im making but when i press F12 like it says to do. i dont get any screen shots? Im not sure if im just doing something wrong.
However if it helps... I do own a apple computer and so the osu verison I have is the one for mac
However if it helps... I do own a apple computer and so the osu verison I have is the one for mac
F12+shiftpantsusenpai wrote:
so anyone know how to get screenshots of osu? I need them for the thread im making but when i press F12 like it says to do. i dont get any screen shots? Im not sure if im just doing something wrong.
However if it helps... I do own a apple computer and so the osu verison I have is the one for mac
Fixed icon
oh thank you so much !-[Jess]- wrote:
F12+shiftpantsusenpai wrote:
so anyone know how to get screenshots of osu? I need them for the thread im making but when i press F12 like it says to do. i dont get any screen shots? Im not sure if im just doing something wrong.
However if it helps... I do own a apple computer and so the osu verison I have is the one for mac
Fixed icon
Thanks for this tutorial! 
Please edit
and--- Thanks for the tutorial
Hitcricleoveraly - use it to make your hitcircle readable! It isn't affected by combo colours so you can make them in whatever way/colour you want.Hitcricleoveraly is misspelled
and--- Thanks for the tutorial
Does anyone know how to get rid of the stuff, looks kinda like stars, that comes off of notes after you hit them in certain skins like C's?
It's really distracting and I'd like to get rid of it.
It's really distracting and I'd like to get rid of it.
replace lightning.png inside your skin folder with a blank png picture (1x1) OR uncheck hit lightning option in the option menuZerokae wrote:
Does anyone know how to get rid of the stuff, looks kinda like stars, that comes off of notes after you hit them in certain skins like C's?
It's really distracting and I'd like to get rid of it.
??? Why my hit lighitng riple wont expand?? can somean explane me is this from skin.ini
or just the animation
or just the animation
makemecool123 wrote:
??? Why my hit lighitng riple wont expand?? can somean explane me is this from skin.ini
or just the animation
did you enable this?
Hi, does anyone know how to enable the little preview picture that shows up next to the song name in the song library? Thanks!
check the "Show Thumbnail" in options. Also make sure that your skin is Version: 2.2 and above if checking it doesn't workgreeeen89 wrote:
Hi, does anyone know how to enable the little preview picture that shows up next to the song name in the song library? Thanks!
Hi, does anybody know how to make the approach circle a exact color you want them? example: blue, gray, Thanks ^-^
hmm show thumbnail is on, how do i check what version the skin is? also would there be a way to change the version? thanks!dws123 wrote:
check the "Show Thumbnail" in options. Also make sure that your skin is Version: 2.2 and above if checking it doesn't workgreeeen89 wrote:
Hi, does anyone know how to enable the little preview picture that shows up next to the song name in the song library? Thanks!
Can someone help me how to make a DIY hitcircle ?
PLS. !!!!
PLS. !!!!
do it yourselfRinny Rin-chan wrote:
Can someone help me how to make a DIY hitcircle ?
PLS. !!!!
you need photoshop(GIMP and paint.net also can)
Do it on yourselfsSRayGunSs wrote:
Hi, does anybody know how to make the approach circle a exact color you want them? example: blue, gray, Thanks ^-^
-[Jess]- wrote:
you need photoshop(GIMP and paint.net also can)
Okay Thanks-SayaKai wrote:
Do it on yourselfsSRayGunSs wrote:
Hi, does anybody know how to make the approach circle a exact color you want them? example: blue, gray, Thanks ^-^-[Jess]- wrote:
you need photoshop(GIMP and paint.net also can)
Never mind, I figured it out. If anyone has this problem, try adding "Version: latest" to your skin.inigreeeen89 wrote:
hmm show thumbnail is on, how do i check what version the skin is? also would there be a way to change the version? thanks!
Thanks bro , that is helpfull
Hi, I haven't done a skin in a while, so i don't know if theres new elements and you know i love to do complete skins. Someone know the new element or have a complete skin template? >__< thanks in advance.
Thank you! C:
Someone plz help me with this i dont know how to upload my skin ive tried but it doesnt let me put the file in. If you dont understand plz just msg me or something with really helpful help about how to do it. Btw its a really cool sao skin.
use mediafire(?)Barely_Alive wrote:
Someone plz help me with this i dont know how to upload my skin ive tried but it doesnt let me put the file in. If you dont understand plz just msg me or something with really helpful help about how to do it. Btw its a really cool sao skin.
anong DIY CIRCLERinny Rin-chan wrote:
Can someone help me how to make a DIY hitcircle ?
PLS. !!!!
You may use blank images for particle50, particle100 and particle300.niichanhitB wrote:
Need some help here. So i Erased the lightning effect in the skin folder and removed it from the game but still i'm getting the blue effect. any ides what i shall do next
how do i make the star smaller, and put the picture of the song on the side of the menu-button?
make sure you have "Song Thumbnails" enabled in options and that in your skin.ini you have this:rapture_ruckus2 wrote:
how do i make the star smaller, and put the picture of the song on the side of the menu-button?
Version: 2I recommend setting the version to 2.5 right now.
or
Version: latest
Help! My spinner in new version keeps rotating even it is not in the editor. This is confusing :-( Is there a way to stop the spinner-bottom to stop rotating and let just rotating the rest? Via skin.ini or image?
Is there a way to change the anchor position (where I would have 0 life/fail) of scorebar-color?
Here are the scorebar and scorebar-color I am currently using:
Currently when nearing 0 life, the life depletes in the actual bar, then the plus sign box to the left starts getting cut off; at 0 life, the plus sign box disappears. I want 0 life to be the start of the green on scorebar-color.
Thanks in advance!
Here are the scorebar and scorebar-color I am currently using:
Currently when nearing 0 life, the life depletes in the actual bar, then the plus sign box to the left starts getting cut off; at 0 life, the plus sign box disappears. I want 0 life to be the start of the green on scorebar-color.
Thanks in advance!
waisokris wrote:
Is there a way to change the anchor position (where I would have 0 life/fail) of scorebar-color?
Currently when nearing 0 life, the life depletes in the actual bar, then the plus sign box to the left starts getting cut off; at 0 life, the plus sign box disappears. I want 0 life to be the start of the green on scorebar-color.
Thanks in advance!
No. You can't do that.
But you can take the plus sign and put it on the scorebar so it doesn't disappear by using a little bit of copy and paste. I actually edited the plus sign onto scorebar-color because it was really confusing having all my life disappear while not failing. Having something on the far left side disappear helped with that a little. I'd much rather have 0 life start at the green though.miningchr1s wrote:
waisokris wrote:
Is there a way to change the anchor position (where I would have 0 life/fail) of scorebar-color?
Currently when nearing 0 life, the life depletes in the actual bar, then the plus sign box to the left starts getting cut off; at 0 life, the plus sign box disappears. I want 0 life to be the start of the green on scorebar-color.
Thanks in advance!
No. You can't do that.
Oh well thanks anyway s:
When I use my skin, the combo colours work exactly how they are supposed to. I want them to all just be white. And it works fine for me. But when I send my skin to a friend, they seem to have a few different combo colours (which I'm assuming is the default). Is there anyway I can fix this? Thank you.
EDIT: What I want it to look like (what I see):
What it looks like to my friend:
What I'm talking about is the colours of the approach circles.
Can anyone please help me to fix this?
Thank you.
EDIT: Here is my skin.ini if it helps:
EDIT: What I want it to look like (what I see):
What it looks like to my friend:
What I'm talking about is the colours of the approach circles.
Can anyone please help me to fix this?
Thank you.
EDIT: Here is my skin.ini if it helps:
SPOILER
[General]
Name: Logey Remake v1
Author: Logey
SliderBallFlip: 0
CursorRotate: 0
CursorExpand: 0
CursorCentre: 1
SliderBallFrames: 1
HitCircleOverlayAboveNumber: 1
AllowSliderBallTint: 0
ComboBurstRandom: 1
SliderStyle: 3
Version: latest
SpinnerFrequencyModulate: 1
SpinnerFadePlayfield: 1
[Colours]
Combo1: 200,200,200
SliderBorder: 255,255,255
SongSelectActiveText: 0,0,0
[Fonts]
HitCirclePrefix: default
HitCircleOverlap: 162
ScorePrefix: score
ScoreOverlap: 3
Logey wrote:
When I use my skin, the combo colours work exactly how they are supposed to. I want them to all just be white. And it works fine for me. But when I send my skin to a friend, they seem to have a few different combo colours (which I'm assuming is the default). Is there anyway I can fix this? Thank you.
Haskorion wrote:
Logey wrote:
When I use my skin, the combo colours work exactly how they are supposed to. I want them to all just be white. And it works fine for me. But when I send my skin to a friend, they seem to have a few different combo colours (which I'm assuming is the default). Is there anyway I can fix this? Thank you.
Thanks so much! <3
I feel stupid now.
"do it yourself" ibig-sabihin sariling design mo.
Hello, so I'm skinning the elements "arrow-pause" and "arrow-warning.png" but when I test it, it keeps appearing the default (and colored) version. What am I missing? >.<
Thanks in advance
Thanks in advance
It currently is on cuttingedge only. Not sure about beta.
That explains a lot, thanks.
Does anyone know how to shift the score number down a bit because it is overlapping the "combo" and the "accuracy" in the ranking panel. Thanks!