forum

Skinning FAQ

posted
Total Posts
122
show more
Xiao_old
Another question - is it possible to reskin slider tracks?
YoshiKart
You can recolor the sliders' tracks in the skin.ini file:

//The border colour on slider tracks.
SliderBorder: 117,255,255


Ignore that RBY code, that's just a light blue color for my skin.
Xiao_old
I mean completely reskin it.
Topic Starter
LuigiHann
No, only colors can be changed currently. Not sure what more you could do with sliders, given their dynamically-rendered behavior, but you could ask peppy.
YoshiKart
This map has been deleted on the request of its creator. It is no longer available.
Mafiamaster
Am I allowed to take different things (ex. hitcircle) that are in the skin folder or other people's folders and put them in my beatmap and upload or would I have to make my own things?
Topic Starter
LuigiHann

Mafiamaster wrote:

Am I allowed to take different things (ex. hitcircle) that are in the skin folder or other people's folders and put them in my beatmap and upload or would I have to make my own things?
Ask permission from whoever made the skin. Some skinners will let you use their stuff, and some won't. In general, you should make your own stuff.
Mafiamaster
This map has been deleted on the request of its creator. It is no longer available.
K2J
Use GIMP. I can speak from experience as a long time low-tech Paint (and The Games Factory, oddly enough) user that it's fairly easy to get into; if you have an image from somewhere else and want to make part of it transparent in GIMP:

1) Start a new file or open the file you want to replace.
2) Paste.
3) On the layers dialog (Ctrl + L), press the new layer button in the lower left to make the pasted image into a layer.
4) Click on the "Background" layer, then the trash can to delete it.
5) On the toolbox, choose the magic wand.
6) Select an area you want to make transparent.
7) Hit the delete key.
8) Repeat steps 6 and 7 for all the areas to be transparent.
9) Save.

If you need any help, I'm new to this too, so feel free to ask me, but with the knowledge that I probably don't know nearly as much as some of the other guys here.
Mafiamaster
After 20 minutes of fiddling around, I got it! Thanks for linking the program K2J. This is awesome!
Gens
gaph2000
How would I ensure that something on the hitcircle.png stays white? Also, could someone upload the count1.png? Mine seems to be missing.

EDIT: On second thought, would I be able to ensure something stays any color, and only a certain part changes according to the user selection?
Topic Starter
LuigiHann
This map has been deleted on the request of its creator. It is no longer available.
Vieroz
Does anybody in this thread know how to edit the 'catch the fruit' skin and the 'taiko mode' skin,
because i didn't see their example png template on default skin.

somebody help me please...
DawnII
Catch the Beat skin defaults can be found in the latest version of the default skin, make sure you update through osume.exe.
headshotsalot
I was wondering if anyone knew a good program that can make transparent png files?
gaph2000

headshotsalot wrote:

I was wondering if anyone knew a good program that can make transparent png files?
Photoshop if you can afford it :P

But seriously, try The Gimp.
Gens
This map has been deleted on the request of its creator. It is no longer available.
Atmey

headshotsalot wrote:

I was wondering if anyone knew a good program that can make transparent png files?
http://www.pixlr.com/editor/
Online photoshop.
dumpsterdiver

gaph2000 wrote:

Photoshop if you can afford it :P
heh
Velguador
I was wondering, is it possible to have multiple hit-circles with different images?
What I mean is, instead of having a 'transparant' hit-circle and having the game assign a background color, I want to create multiple hit-circles with different images, that are cycled between in the same way hit-circles cycle between colors.
If that made any sense.

Would that be possible, and if yes, how do I do it? I couldn't find the answer to this anywhere, and no questions about it as well, so...
Ace of Trades
This map has been deleted on the request of its creator. It is no longer available.
Mythological Cow
Um i'm having a hard time finding out where the 'template skin for skin makers' is. Could you provide me with a url?
Azure_Kite
Open osume.exe (In the folder osu! is installed to, which is usually C:/Program Files/osu!)

Go to extras, then look for the skin in there. Hope this helps.
Mythological Cow

Azure_Kyte wrote:

Open osume.exe (In the folder osu! is installed to, which is usually C:/Program Files/osu!)

Go to extras, then look for the skin in there. Hope this helps.
thank you!
SimoneElric
ok, where is the template skin for skin makers thing?? cause i am getting REALLY pissed off cause i can't make my skins!!!!
RandomJibberish
It's on osume (The updater), which should be in your osu folder.
SimoneElric
i did look in there! it isn't there! do you think i downloaded wrong or something? and i looked in the extras and it is just blank! nothing in it! so don't suggest that cause i already tried!!!
Mara

SimoneElric wrote:

i did look in there! it isn't there! do you think i downloaded wrong or something? and i looked in the extras and it is just blank! nothing in it! so don't suggest that cause i already tried!!!
You didn't see nothing? Make sure osume.exe can connect to server! (In other words, check your firewall.)
xDionysian
Apologies for Noob Questions (tm), but needed for my pet project skin and better to look stupid now rather than later:

The blinky arrows in the corners, before a section starts after a break. Is it possible to:
A) Animate them
B) Make them stop blinking
C) Not flip symettrically to the other side

Idea to use the Boss I-No warning before Megalomania for this GG skin as said blinky arrows, so having the actual siren animation would be sweet. If not, I'll just use the first frame.

And while I'm here, is it fine to change the size of the count1.png's width? I doubt I'll be using 2/3 anyway unless you can make them slide in horizontally, at the same time, but that's just pointless as a mechanic IMHO
RandomJibberish
The arrows can't be changed in any of those ways unfortunately.

The countdown numbers are positioned by their left (Or possibly right I can't remember) edge, so it's pretty hard to skin them with larger sizes.
xDionysian

RandomJibberish wrote:

The arrows can't be changed in any of those ways unfortunately.

The countdown numbers are positioned by their left (Or possibly right I can't remember) edge, so it's pretty hard to skin them with larger sizes.
Damn.

And they go by their left edge, I remember spotting that. I just wondered since count1 was the bottom layer if it'd get a bit more leeway. But ah well. Thanks for the quick reply.
Mareep
"How do i upload a Skin? It isn't mine but i want to share it causae its one of its kind."
Chompey

Draglems1 wrote:

"How do i upload a Skin? It isn't mine but i want to share it causae its one of its kind."
http://up.ppy.sh/ or http://www.mediafire.com or http://www.megaupload.com
Dragvon

Draglems1 wrote:

"How do i upload a Skin? It isn't mine but i want to share it causae its one of its kind."
Create a topic for your skin. Also, take a look in HERE and HERE
Topic Starter
LuigiHann

Draglems1 wrote:

It isn't mine but i want to share it causae its one of its kind."
If it isn't yours, then whose is it, and why can't they upload it themselves?
uchihamiguel_old
how do I put the skin (already downloaded) in the game?
adam2046

uchihamiguel wrote:

how do I put the skin (already downloaded) in the game?
viewtopic.php?p=146364#p146364
And download Winrar or 7zip if you can't open the file you've downloaded.
Behon
Already posted this in my Scott Pilgrim thread, but does anyone know how to get rid of these small white borders showing up around numbers that don't appear in Photoshop?

Loofah_old
That's probably due to the stretching of the image, I'd suggest using a subtle black glow around the image to get rid of it.
YuiiMugii
It is possible to have an animated scorebar and scorebar-ki?

Because I tried making an animated one, but when I tried it out, it just set it is the defaults instead of the animation.


EDIT: Nvm, turns out screbar-ki can't be animated...
Behon
Is it possible to upload the Spins Per Minute graphic yet? If so, what are the filename and dimensions?
Dragvon

Behonkiss wrote:

Is it possible to upload the Spins Per Minute graphic yet? If so, what are the filename and dimensions?
The black box isn't skinnable (I think). But the numbers are. They're the same used for your combo counters.
YuiiMugii
Why does Osu! hate drop-shadows....?
jet_stream
I'm trying to make my own skin,

I'm just want to change the combo burst effects,

and I changed imgs to these.

but I faced a problem,

effects are showing reversed in the some games,

how can I get the effect imgs to the right sides?

thank you for read my question. :)

Starrodkirby86

jet_stream wrote:

I'm trying to make my own skin,

I'm just want to change the combo burst effects,

and I changed imgs to these.[attachment=0:f9032]comboburst1.png[/attachment:f9032]

but I faced a problem,

effects are showing reversed in the some games,
[attachment=1:f9032]reverse-and.jpg[/attachment:f9032]
how can I get the effect imgs to the right sides?

thank you for read my question. :)
This is part of the osu! game mechanic. The comboburst will randomly appear left or right. Unfortunately, I don't think there' s any way around this.
Topic Starter
LuigiHann

YuiMugi wrote:

Why does Osu! hate drop-shadows....?
osu! loves drop shadows. you must be doing it wrong :p
Driou
Hi !

I'm trying to make my own skin for osu!standard and i have a question about the param : CustomComboBurstSounds: 30,60,100,,,,

comboburst-n.wav works if combo 30 or 60 or 100... are hits (50,100,300)

but the .wav doesn't works if combo are sliderpoint (10,30)

How to fix this ?

Thank you ^_^
(sorry for my very bad english...)

EDIT :
I found something.
If there is no sounds parameters (//CustomComboBurstSounds), comboburst-n.wav works well on combo when they are sliderpoints (and hits of course).
But... If you break combo, the number of comboburst-n.wav is not respected.
So, 1 solution : another problem :p

Any ideas ?
Thanks ^^

(what i want to do : http://www.youtube.com/watch?v=UvK2sdCFRxo
but i don't break combo so there is no problem with combo announcement :p)
theMikeAG
I have a question you might want to consider for the FAQ.

How do I access the skins folder?

When I was first looking for the skins folder, I was really confused, because the people at IRC were talking about an Osu Main Folder that I didn't know existed. It took me a while, but I finally managed to find the Main Folder... In the properties screen!

You might want to give newbies like me a "heads up" about these sorts of things. Just a suggestion. ;)
ShirouTsuki_old
question! D:

how do I test out my own skin? $:
like, I want to see how it looks, what adjustments should I make for better game play...
I've tried switching files (ie. my count down with the default's) and that's no use...
I've tried dragging folder with the skin I'm working on into the game, but that's useless too (it's already in the Skin folder for OSU! but it doesn't show up in OSU!)

please help? :/

another question is about designing the fruits... could someone explain the functions of ie. fruits-pear and ie.fruits-pear-overlay? D: I see that in the Taiko skin (which is totes awesome :D) , the fruits-pear is blank and that the fruits-pear-overlay isn't... and then when I play catch the fruits, the fruits change colours? @@" *sadface*
I'm so confused! D:
help plox! D:

BTW I'm honestly not very familiar with gameplay or anything 'bout OSU! for that matter, so sorry for the dumb questions >>"
Ziggy Zigzagoon
Is there a way to include "warning sounds" that play when the health bar gets low or dangerously low?
Gens
...might be a little late but oh well.

shiroutsuki wrote:

question! D:

how do I test out my own skin? $:
Just put it in another folder along with the rest skins and choose it in Options - Skins. Make sure you have a skin.ini and everything.

shiroutsuki wrote:

another question is about designing the fruits... could someone explain the functions of ie. fruits-pear and ie.fruits-pear-overlay?
The normal fruit image (no -overlay) gets recolored in-game according to the colors you can set either in the skin or the beatmap, while the overlay doesn't get recolored at all and appears above the other image.

shiroutsuki wrote:

BTW I'm honestly not very familiar with gameplay or anything 'bout OSU! for that matter, so sorry for the dumb questions >>"
Don't worry, this is what this thread is for.

Ziggy Zigzagoon wrote:

Is there a way to include "warning sounds" that play when the health bar gets low or dangerously low?
As far as I know, nothing of the sort has been implemented lately so no.
James2250

Ziggy Zigzagoon wrote:

Is there a way to include "warning sounds" that play when the health bar gets low or dangerously low?
I like the idea though :P
Ziggy Zigzagoon
For those of you wondering, I have in mind to make my own Trauma Team skin (especially since the other is apparently cancelled). My described feature would have had Angie say "Vitals Dropping!" and "Vitals are Critical!" at certain HP points.
Xaffy
Is there somewhere to get the new cursor/cursor trail? The template still has the old ones.
Loofah_old
The new default cursor trail seems to last much longer than the old one. I would very much like to know the skin.ini command to achieve this.
keegster2
:? how do i add a skin? i try to download it but its just a rar file. (i'm trying to download the kirby osu skin, BTW.)
James2250
You need to download a program like 7zip or something to extract the rar. Then just put the folder in your skins folder
keegster2

James2250 wrote:

You need to download a program like 7zip or something to extract the rar. Then just put the folder in your skins folder
:? i dont have 7zip. can you download it for free?
MLGnom
Yes, 7zip is a free program. (You can download WinRar too, it's also free ). Just search for them using google.
keegster2
thanks, but my dad wont let me. he says it will mess up my moms computer. (im 10, so i have to use my mom or dads computer.)
James2250
They let you download osu but they don't let you download a simple extracting program.......I see some logic flaws there but ok
Tell them they can scan it for viruses or something before you use it (depending on your computer it is probably the first download)

http://www.7-zip.org/download.html
keegster2
again. my jerk dad says no. im pretty much kirby osu-less now. :(
Mara
WinRAR is okay too.
Nezqi
skinning is cool and all, but sometimes on maps the skins are a little.. flashy, and get in the way of my gameplay. Is there any way to disable custom skins?
IppE

Ghostoo666 wrote:

skinning is cool and all, but sometimes on maps the skins are a little.. flashy, and get in the way of my gameplay. Is there any way to disable custom skins?
If its a map specific skin, just delete the skin elements from the map folder.
tyfaa
N A L U
Some skins have different sounds (like menuclick,back,etc.) than original ones in the template skin.
Where do I get different sounds? Or do we just edit sounds? :@
Q13
Because skins take up a lot of space I decided to write a quick tip for those that want to reduce the size of their's skin images without quallity loss. If you aren't using Photoshop, either look for similarities in the program you are using or use a image size compresor from/on the internet. :P

How to reduce the image size of your skin images using Photoshop:

1. After you created your image and you are ready to save it as a .png go to File-> Save for Web & Devices.
2. At the top you will see 4 tabs. Click on the one that says 2-Up to compare the quality.
3. For best quality choose PNG-24 from the Preset list (on the right)
4. Don’t forget to check the box near Transparency if you need it. (No point on using it on the spiner-background for example)
5. Click Save. On the window that pops up, at Format, choose Images Only.

Note that on some images it may not work that well (Like the C from the Template Skin as it has plenty of effects). But every kb counts. :)

I'll provide pictures, if necesary. ;)

I don't know what you could do with the sounds, sorry.

Also, will the questions answered and asked be added to the first post some time in the future? There are only 6 pages now and I browsed them easilly but if the questions add up, some of them may be repeated.
chibilawl

keegster2 wrote:

again. my jerk dad says no. im pretty much kirby osu-less now. :(
Can you give me the link to the skin? I'll give you a ZIP download link.
hatsune_miku7
"cuteskinsv2 by .ini file missing" , how to fix it :( ,help me :((
Dragon From Dark
does anybody know how to make sounds??? I'm trying to change the *real* fail sound into what i want, but it seems doesn't work... I'm so depressed here
OsuMe65
you can also use 72dpi before starting to design any skin element without using save for web and devices...

i tried it while making my first osu skin and there's nothing wrong...
rcmero

hatsune_miku7 wrote:

"cuteskinsv2 by .ini file missing" , how to fix it :( ,help me :((
Most likely the skin folder has no "skin.ini" file or something similar inside. Try adding one from another skin and see if that works.
Harri_old
Thank you good sir. Getting skins nao.
pStarDustq

LuigiHann wrote:

Okay, this will be a literal "Frequently asked questions," not a full tutorial. Ask a question and I can answer it here.

How do I make a skin?
Oh boy. If you have to ask, it's going to be tricky. First off, download the "template skin for skin makers" through Osume, and read the readme.txt and all the notes in the skin.ini file. Then download one, several, or even all of the other available skins, and look at what they do, comparing what you see in the game to the files in the folder. Then make a copy of the template skin folder, edit the skin.ini to fit your skin, and start playing around with the pngs in Photoshop or a similar program (You can't make a decent skin in MS Paint, sorry. You need something that can create transparent png files). Experimentation is the best way to learn your way around, and once you think you have something worth sharing (or if you really need help) zip up the folder (right click the folder and hit send to -> compressed/zipped folder), delete any files that you haven't edited (to save space) and post it in a new thread here as an attachment, with some screenshots. The skinning community (mostly me, sigh) will be happy to lend a hand.

The background changes color! Why?
Because Peppy says so. Beatmappers can select a background color when mapping a song, so your background will be overlayed with that color. You should probably just make your playfield.png black and white, but you can add a hint of color. Just be aware that it will be recolored for gameplay. The menu-button-background works the same way.

The same rules apply to the approachcircle.png and hitcircle.png, which will change color along with the combo.

The countdown is hard to skin properly.
That's not a question, but it's true. Count1.png will be the bottom layer, so you have some leeway with that, but for 2 and 3, you should follow either the template skin or the EBO skin as closely as possible to avoid a mess. These sprites are aligned based on their left border, so variations in shape and size will mess everything up.

Why isn't anybody commenting on my skin?
There are a few possibilities:
A) It sucks
B) The topic is too obscure, so people don't bother with it
C) For the most part, only skinners browse the skinning section, so don't assume it's A or B. Sometimes nobody comments because nobody has checked it out. Be patient, ask about it in IRC, and keep improving your skin even if nobody is saying anything.

Also, make sure you post some screenshots, keep your first post updated with the most recent download, and bump your thread when you update, so people know what to expect before they download.

What do I have to do to get my skin added to the updater?

This isn't a very democratic process, as it's largely up to me and Peppy's whims. But to increase your odds of being "published" in the updater, make sure your skin is:
A) Complete. You don't need to skin every little thing, but the gameplay sprites, at the very least, should all match the theme.
2) Fun. It should be fun to play Osu using your skin. Anything too distracting, obnoxious, or ugly might ruin the experience, even if it does fit the theme, so make sure the priority is on making it enjoyable to play with.
3) Clean. I'm a stickler for this. Make sure your sprites have smooth edges, so they don't look like crap when Osu resizes them. I suggest using an outer glow or drop shadow when appropriate. Also, delete any remnants of the template skin. They waste space and make your skin look unfinished when I browse the folder.


I'll try to organize this better once I have some more questions. So ask away.

N A L U wrote:

Some skins have different sounds (like menuclick,back,etc.) than original ones in the template skin.
Where do I get different sounds? Or do we just edit sounds? :@

N A L U wrote:

Some skins have different sounds (like menuclick,back,etc.) than original ones in the template skin.
Where do I get different sounds? Or do we just edit sounds? :@
_Skye
Why my skin is not on all songs? how to fix it?
Kousagi_Fushigi

mixas5 wrote:

Why my skin is not on all songs? how to fix it?
Couse some of beatmaps has its own skin :D
_Skye

Kousagi_Fushigi wrote:

mixas5 wrote:

Why my skin is not on all songs? how to fix it?
Couse some of beatmaps has its own skin :D
Is it possible to make that my skin would be on beatmaps with its own skins? You know what I mean.
Bread
uh is it okay if I change some parts of a skin for personal uses?

Like.. I downloaded this reaally nice skin but I don't really like the cursor or the combo burst picture :(

Is it okay if I remove it or switch it out for something from another skin, or is that like.. taboo. I'm only asking this because I heard deleting the background for a song wasn't permitted so does the same apply to skins or what? Just wanted to make sure beforehand, thanks in advance ^__^
MLGnom

Breadly wrote:

uh is it okay if I change some parts of a skin for personal uses?

Like.. I downloaded this reaally nice skin but I don't really like the cursor or the combo burst picture :(

Is it okay if I remove it or switch it out for something from another skin, or is that like.. taboo. I'm only asking this because I heard deleting the background for a song wasn't permitted so does the same apply to skins or what? Just wanted to make sure beforehand, thanks in advance ^__^
Yes you can, it's personal use, no one will know what you did to a skin. ^^;

All that you can't do is uploading skin and claiming that you made that skin and all parts are your job etc.
Dianshiro
i really want to make it, but i think i will failed, because i'm still a newbie.. Q.Q
wav_old_1
[old post]
wav_old_1
[old post]
Tesu
:oops:
[Kamen]
Does anyone have a link to a skin where it looks like the original but the combo burst's are very clean as in just bursts the number 300 without the orange small explosion effect. Would help me a heap if anyone can find it :D
Mamisero
I've got a question.
I want to contact someone and ask if I can use a customized spinner from their beatmap for my skin, with credit given of course.
But this person hasn't been active since 2010.
What should I do? ;_;
Bittersweet
Credit the person, send a pm saying what you did and hope that if the person shows up itll be ok :D If not, youll just need to change the files.
H_Hitachiin
So my question was finally answered :)
Aeonian Sonder
Anyone know the skin for this beatmap?
http://osu.ppy.sh/b/54372
trofimushka
[ GraciouS ]


What skin help me :)
Kaeru
To what extent can we include ecchi in our skins provided we have a disclaimer? Must all pictures be censored, or is partial nudity allowed if there are warnings?
Jenny
Anyone having an idea on how to enlarge normal skins to X2 res ones without screwing them up?

In other words: How to properly scale SD skins to HD skins, if possible?
HeX The Cat
I have problem with comboburst sounds: for some reason they aren't played in my mixed skin. I've tried to find if I'm missing something important part(s) from skin folder by browsing through it and comparing to other skin folders but haven't found anything missing.. is there something I should edit in my skin.ini or do I need something additional file in my skin folder?

Nvm, found the problem. ^^
SonicX171
How to force approachcircle.png to a custom color? I mean all skin elements are stay neon-blue, but approach circle changes color by beatmap combo color settings.
I'm sorry if I missed it.
chelly

SonicX171 wrote:

How to force approachcircle.png to a custom color? I mean all skin elements are stay neon-blue, but approach circle changes color by beatmap combo color settings.
I'm sorry if I missed it.
Hmm... I don't think there's a way to do exactly what you said. Approach circle colors match the color of the hit circle, so you could try going into skin.ini and use only one hit circle color. That way, all hit circles will be of the same color and the same should apply to the approach circles.

If you want multiple colored hit circles but only one approach circle color, you're screwed.
Spirialis
Hi. I don't entirely remember where I got it, but I've been using the "Audiophile" skin by xsrsbsns and ever since the last patch, I've been getting circles showing up on all of my sliders that are a bit distracting. It would seem to be the hitcircleoverlay.png not resizing correctly for some reason, so a small circle shows up at the beginning and end circle of every slider, as shown in the image below. I've been using this skin for a good while now and had no problems before the last patch, so any help in fixing the problem would be appreciated!

henna kappa
When I'm downloading skins from the forums I get the folder with everything for the skin and sometimes the .osk file even if I don't, I make it myself like explained in the forums but most of the skins won't make changes ing. What am I doing wrong? .__.

chelly

Kyrgyzstan wrote:

Hi. I don't entirely remember where I got it, but I've been using the "Audiophile" skin by xsrsbsns and ever since the last patch, I've been getting circles showing up on all of my sliders that are a bit distracting. It would seem to be the hitcircleoverlay.png not resizing correctly for some reason, so a small circle shows up at the beginning and end circle of every slider, as shown in the image below. I've been using this skin for a good while now and had no problems before the last patch, so any help in fixing the problem would be appreciated!

Wow long time. A little late, but this is Hit Lighting that has been enabled in the Options for you. Turn it off and you should be fine.
show more
Please sign in to reply.

New reply