forum

Skinning tutorial (+ skinning support)

posted
Total Posts
4,226
show more
AGRX
there should be FAQ tab :( so some people may have find it
670839245
about the countdown:
- 3 goes to the upper-left corner but not the left side,
- 2 goes to the upper-right corner but not the right side,
- 1 goes right to the center.

Use the new default skin (with small countdown numbers) and a map with countdown to test.
AussieEvil
What would you suggest to make png sequences? Flash sucks, and Photoshop can't animate scaling.
OsuMe65
Photoshop + logical powers
...
profit
S1lent
1000!

//edit

But aside from this awesome GET, I have a legit question; Is there a way to edit the Osu Start button in the title screen? I have this Hakurei Reimu skin, and I would be awesome imo to make a YingYang Osu button in the title.

Made a example;

TouchFluffyTail

S1lent wrote:

1000!

//edit

But aside from this awesome GET, I have a legit question; Is there a way to edit the Osu Start button in the title screen? I have this Hakurei Reimu skin, and I would be awesome imo to make a YingYang Osu button in the title.

Made a example;

Not possible and most likely never will be.
Inori

S1lent wrote:

1000!

//edit

But aside from this awesome GET, I have a legit question; Is there a way to edit the Osu Start button in the title screen? I have this Hakurei Reimu skin, and I would be awesome imo to make a YingYang Osu button in the title.

Made a example;

Can't since it's a staple and copyright to the game.
OsuMe65
aside from those, that is locked in osu (regular)... as well as in test build (supporter only)
Ginji_old_1
Ty For Help :D
Ayesha Altugle

S1lent wrote:

1000!

//edit

But aside from this awesome GET, I have a legit question; Is there a way to edit the Osu Start button in the title screen? I have this Hakurei Reimu skin, and I would be awesome imo to make a YingYang Osu button in the title.

Made a example;

If you are supporter

vahn10 wrote:

file name: menu-osu.png
dimensions: 520x520 pixels

and this one can be put to your skin folder
Long Quotes

TouchFluffyTail wrote:

Not possible and most likely never will be.

Inori wrote:

Can't since it's a staple and copyright to the game.
the correct answer is the quote below

OsuMe65 wrote:

aside from those, that is locked in osu (regular)... as well as in test build (supporter only)
Inori
Hm. never tried that before.
I'll check later
TouchFluffyTail
zzz again, all the "test build only" skinnables are oversights, so it doesn't matter if you can do it there anyway.
xiiomaii
Guys, is there a more in-depth thread/faq about the ranking panel skinning?
i just can't seem to align those things properly.
Inori

xiiomaii wrote:

Guys, is there a more in-depth thread/faq about the ranking panel skinning?
i just can't seem to align those things properly.
If you're using the ranking panel template from the old skin, you have to disable New animations
If you're using the new template, turn on it on.

There's a checkbox in the skins tab in options
S1lent
Yeah, someone already sent me a pm about it. Too bad it doesnt work in normal mode... Ah well..

OsuMe65
skinning test bulid elements (except for menu-background) should be avoided because those aren't in the skinning standards.
Topic Starter
MLGnom
Okay!
Since a lot of people already wrote this, I think I should do this too.

"Please, avoid skinning test build eleme..." Nope.

Come on guys. Once should be more than enough. You don't need to repeat it over and over. His question was answered, I sent him PM with explanation to avoid spreading it...
AussieEvil
Is anyone going to answer my png sequence question?
Heibel

AussieEvil wrote:

Is anyone going to answer my png sequence question?

OsuMe65 wrote:

Photoshop + logical powers
...
profit
He did
Elanif
Hi, recently I found a hitsound I particularly enjoy, and I wanted to hear it on every click, so I introduced it in my skin folder (not skins) as normal-hitclap.wav, normal-hitnormal.wav, soft-hitclap.wav, soft-hitnormal.wav, but sometimes I can hear it sometimes I can't, probably I don't know what name the sound should have, can anyone help me?
kaminari69
you need to have

normal-hitclap
normal-hitclap2
normal-hitfinish
normal-hitfinish2
normal-hitnormal
normal-hitwhistle
normal-sliderslide
normal-sliderslide2
normal-slidertick
normal-sliderwhistle

and it should work
Elanif

kaminari69 wrote:

you need to have

normal-hitclap
normal-hitclap2
normal-hitfinish
normal-hitfinish2
normal-hitnormal
normal-hitwhistle
normal-sliderslide
normal-sliderslide2
normal-slidertick
normal-sliderwhistle

and it should work
Thanks, worked perfectly

Edit: I'm not sure if there is the sound when there are multiple circles really close to eachother
Edit #2: I also pasted the hitsound as soft-<name> like all you suggestions, and now it works
Edit #3: Now I get the sound also while sliding, tomorrow I'll work on finding out which soft-<thing> is doing that
Edit #4: I'm getting this hitsound spam while I slide and I cannot fix it, the problem isn't from soft-something.wav though
Edit #5: Alright, it was normal-sliderslide.wav, and normal-sldiertick.wav
Edit #6:
Good sounds:
normal-hitclap
normal-hitclap2
normal-hitfinish
normal-hitfinish2
normal-hitnormal
normal-hitwhistle
normal-sliderslide2
normal-sliderwhistle
soft-hitclap
soft-hitclap2
soft-hitfinish
soft-hitfinish2
soft-hitsoft
soft-hitwhistle

Bad sounds:
normal-sliderslide
normal-slidertick
soft-sliderslide
soft-sliderslide2
soft-slidertick
Mute_Gaming
It would have been nice if we could change the logo on the main menu :(
Ayesha Altugle

Mute_Analogue wrote:

It would have been nice if we could change the logo on the main menu :(

vahn10 wrote:

S1lent wrote:

1000!

//edit

But aside from this awesome GET, I have a legit question; Is there a way to edit the Osu Start button in the title screen? I have this Hakurei Reimu skin, and I would be awesome imo to make a YingYang Osu button in the title.

Made a example;

If you are supporter

vahn10 wrote:

file name: menu-osu.png
dimensions: 520x520 pixels

and this one can be put to your skin folder
Long Quotes

TouchFluffyTail wrote:

Not possible and most likely never will be.

Inori wrote:

Can't since it's a staple and copyright to the game.
the correct answer is the quote below

OsuMe65 wrote:

aside from those, that is locked in osu (regular)... as well as in test build (supporter only)
unfortunately,this one only works with supporter only (Test Build)
kaminari69
hey i try to create some cursor and i need advice


i tried this one what you think can be of any use as a curosr?
Rio-

kaminari69 wrote:

hey i try to create some cursor and i need advice


i tried this one what you think can be of any use as a curosr?
That Cursor is too big... I think You should resize It to 60px or lower
The Italicized Sentence : What does that mean? I don't get It :?
kaminari69

satriobp wrote:

kaminari69 wrote:

hey i try to create some cursor and i need advice


i tried this one what you think can be of any use as a curosr?
That Cursor is too big... I think You should resize It to 60px or lower
The Italicized Sentence : What does that mean? I don't get It :?
i will resize to 50x50
Mute_Gaming
I change the osu!logo
but now i would change the bar

menu-play , menu-edit , menu-options , menu-quit ?
Ideolo

OsuMe65 wrote:

skinning test bulid elements (except for menu-background) should be avoided because those aren't in the skinning standards.
Haruka Shiba
Ummm... Im really new here and I want to make my own skin.
How can I start?
Nathanael

Haruka Shiba wrote:

Ummm... Im really new here and I want to make my own skin.
How can I start?
The instructions are already at the first post.
Haruka Shiba

Nathanael wrote:

Haruka Shiba wrote:

Ummm... Im really new here and I want to make my own skin.
How can I start?
The instructions are already at the first post.
Thanks :)
OsuMe65

Nathanael wrote:

The instructions are already at the first post.
actually, this is a guide, not "instructions"
Nathanael

OsuMe65 wrote:

Nathanael wrote:

The instructions are already at the first post.
actually, this is a guide, not "instructions"
Its just the same..
A guide gives you information or instructions to help you do or understand something.
Rio-

Nathanael wrote:

OsuMe65 wrote:

actually, this is a guide, not "instructions"
Its just the same..
A guide gives you information or instructions to help you do or understand something.
Why Bothering about the difference? At least They're giving Information to You :roll:
kaminari69
i strated using photoshop more often and i wanted to know how do we make HD for skin just up the resolution to 720 in photoshop?
Nathanael
Hmm..
Double the resolution of the element you're making.
Let's say 500x500 so you'll be resizing it to 1000x1000 and name the element with "@2x" at the filename.
Example of that is "mode-osu@2x.png"
TouchFluffyTail

kaminari69 wrote:

i strated using photoshop more often and i wanted to know how do we make HD for skin just up the resolution to 720 in photoshop?
Double the resolution and append @2x to the end of the filename.

For example the default cursor.png is 76x76, so you would make an @2x cursor 152x152 and name is cursor@2x.png.
Topic Starter
MLGnom
HD skinning is used when you are using resolution that have 800px in height.

Elements should have @2x at the end of file name. ("hitcircle@2x.png") And exacly double size of standard skin element.

Example : "hitcircle.png" = 128x128px "hitcircle@2x.png" = 256x256px.

Edit: Holy shit, double ninja. D:
OsuMe65

Nathanael wrote:

Hmm..
Double the resolution of the element you're making.
Let's say 500x500 so you'll be resizing it to 1000x1000 and name the element with "@2x" at the filename.
Example of that is "mode-osu@2x.png"

TouchFluffyTail wrote:

kaminari69 wrote:

i strated using photoshop more often and i wanted to know how do we make HD for skin just up the resolution to 720 in photoshop?
Double the resolution and append @2x to the end of the filename.

For example the default cursor.png is 76x76, so you would make an @2x cursor 152x152 and name is cursor@2x.png.

MLGnom wrote:

HD skinning is used when you are using resolution that have 800px in height.

Elements should have @2x at the end of file name. ("hitcircle@2x.png") And exacly double size of standard skin element.

Example : "hitcircle.png" = 128x128px "hitcircle@2x.png" = 256x256px.

Edit: Holy shit, double ninja. D:


aside from these, why not start it big

like begin with a 152x152 image for the cursor, skin it the way you like and save it as "cursor@2x.png"
and resize it down to 76x76 and save it as "cursor.png"
show more
Please sign in to reply.

New reply