forum

Skinning tutorial (+ skinning support)

posted
Total Posts
4,226
show more
Eizan Arizawa

vahn10 wrote:

POSTING A NEW ELEMENT


based on what I read on the changelog, There's a new sprite/element called cursor-smoke.png

I will provide you example: created 66x66 cursor-smoke.png



This is what it looked like in Game
it's available in osu! or osu!test?
Ayesha Altugle
both I think since I tested it in the public build
Eizan Arizawa

vahn10 wrote:

both I think since I tested it in the public build

not working
Ayesha Altugle

Eizan Arizawa wrote:

not working

Hold C


also I made that yellow boxed cursor-smoke just for fun
Eizan Arizawa

vahn10 wrote:

Eizan Arizawa wrote:

not working

Hold C


also I made that yellow boxed cursor-smoke just for fun
thanks a bunch, and now problem solved :D
Ayesha Altugle
for more extreme example, take a look at this post and try to look at the 3rd screenshot
OsuMe65
Having skywrite element (cursor-smoke.png) is optional though...
Since most of the users here don't do it (skywriting) that much. :3
AnceriI Sacred
do you HAVE TO hold c for the smoke or is it toggleable?
Ayesha Altugle

vahn10 wrote:

Hold C

AnceriI Sacred
doesnt answer my question
Ayesha Altugle
Yes it is that you have to

vahn10 wrote:

Hold C

OsuMe65
Holding "C" alone creates just a dot. Moving your cursor while holding "C" makes sense for skywriting
AnceriI Sacred
guys, i mean if there is a possibility to skywrite all the time without having to hold c all the time as well
OsuMe65
Not possible, so far.
- Marco -
I can't skywrite, i also used vahn10 with the cursor-smoke.png :c
Ayesha Altugle

marcostudios wrote:

I can't skywrite, i also used vahn10 with the cursor-smoke.png :c
Resolved through PM
deadbeat
from the changelog
[peppy] Add skin config setting for slider ball tint (AllowSliderBallTint=1).
[peppy] Add options menu setting for combo-based slider ball colour.
Custom_sliderb_colors: [peppy] Add SliderBall skin setting for changing colour of default skin sliderball.
Custom_sliderb_colors: [RBRat3] Add colorable sliderb sprites.
OsuMe65
That's one decent change over there.

This helps New Skinners, for sure.
Quichey
Not very clear how it's colorized. The only skin I can get to have colored sliderballs is the default skin.

EDIT:
Figured it out. Put it under the general stuff in the skin.ini.
//Should the Slider Ball be tinted with the combo color?
AllowSliderBallTint: 1
CarinderYeah
[!] Question

I can't seem to see my playfield.png whenever I press F2 in the song selection? and my playfield dimensions are probably on 1900x700+. Is the problem in the dimensions? I'm not on HD.
Eizan Arizawa

CarinderYeah wrote:

[!] Question

I can't seem to see my playfield.png whenever I press F2 in the song selection? and my playfield dimensions are probably on 1900x700+. Is the problem in the dimensions? I'm not on HD.
did you try to resize it before your post the problem?

any way i found this on osu!gameplay.dll but i dunno the function of this element can someone tell me? and what the name of the element?
TouchFluffyTail


Colored slider balls is kinda cool, I dunno if I'll keep using it though, since I had my slider ball white for readability in the first place. :P
RBRat3
The premise of colorable sliderballs is so skinners/mappers dont have to reinvent the wheel just to change sliderball colors, It was never my intention to add feature onto custom balls ;)

Eizan Arizawa wrote:

any way i found this on osu!gameplay.dll but i dunno the function of this element can someone tell me? and what the name of the element?
That would be the sliderball specular (which is getting changed again) it's purpose is to give the ball a specular highlight that's in a fixed position and doesn't rotate with the ball, In a nutshell it's just fake lighting. sliderb-spec.png
Eizan Arizawa

RBRat3 wrote:

The premise of colorable sliderballs is so skinners/mappers dont have to reinvent the wheel just to change sliderball colors, It was never my intention to add feature onto custom balls ;)

Eizan Arizawa wrote:

any way i found this on osu!gameplay.dll but i dunno the function of this element can someone tell me? and what the name of the element?
That would be the sliderball specular (which is getting changed again) it's purpose is to give the ball a specular highlight that's in a fixed position and doesn't rotate with the ball, In a nutshell it's just fake lighting. sliderb-spec.png
"sliderb-spec.png" ok i get it thank you :)
Ayesha Altugle
That looks like the sliderb used in 2007 version but it is color something like color yellow-orange
CarinderYeah

TouchFluffyTail wrote:



Colored slider balls is kinda cool, I dunno if I'll keep using it though, since I had my slider ball white for readability in the first place. :P
I like the slider ball tint. It'll just take a little getting used to.

But the most eye-catching one would be the skin you are using. Can I ask for a link?

--

Also, ignore my last post. I solved it myself. Sorry for the trouble.
TouchFluffyTail

CarinderYeah wrote:

TouchFluffyTail wrote:



Colored slider balls is kinda cool, I dunno if I'll keep using it though, since I had my slider ball white for readability in the first place. :P
I like the slider ball tint. It'll just take a little getting used to.

But the most eye-catching one would be the skin you are using. Can I ask for a link?

--

Also, ignore my last post. I solved it myself. Sorry for the trouble.
It's my personal skin that I've been Editing off and on for two years so there's no link. It prolly won't ever be released because it uses a small amount of borrowed elements and I don't think I'll make replacements for them anytime soon. :P
Ayesha Altugle
can you tell me what's the function of that sliderb-nd?

Marcin
Not skinnable, mistake when uploading :(
RBRat3

vahn10 wrote:

can you tell me what's the function of that sliderb-nd?

That would be the sliderb secondary, It's a static sprite like the specular that sits underneath the sliderball and gives it the ability to have a colorable secondary color which isn't currently configurable right now but soon will be.
Eizan Arizawa
this is emoticon right? how do i use this?
Ayesha Altugle

RBRat3 wrote:

vahn10 wrote:

can you tell me what's the function of that sliderb-nd?

That would be the sliderb secondary, It's a static sprite like the specular that sits underneath the sliderball and gives it the ability to have a colorable secondary color which isn't currently configurable right now but soon will be.
The tinting part?

Thanks for the information
RBRat3

vahn10 wrote:

The tinting part?

Thanks for the information
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 :D
Ayesha Altugle

RBRat3 wrote:

ok, now I understand how it works.

but what's up with that colorable specular?
RBRat3
:oops:

vahn10 wrote:

RBRat3 wrote:

ok, now I understand how it works.

but what's up with that colorable specular?
It's not being colored it's adding higher value levels till it reaches white (or any other color), It's similar to using luminosity/lighting layer fx on photoshop. There are other elements that do this such as lighting.png, particle###.png, LightingN.png etc..
Ayesha Altugle
thanks again
Mhinzo
I hope you can help me.

How I can make the Slider so nice?

Look at this video. :D

https://www.youtube.com/watch?v=QZjkdSTkiVY
Nara_NB
It's me again :P I finally set up all the elements, but one of them doesn't work, I dunno if the name I wrote is wrong, or if that element doesn't work either; its name is menu-background.png, and it should appear behind the osu! menu icon instead of the blue background, how can I make it work? :D
Nathanael
Menu Background only works if youre a supporter. Also, its image format is JPG.

This is the 3,000,000th post of the forum. XD
Ayesha Altugle
1. Make sure that is in .jpg format
2. Be a supporter



Edit: Ninja'd

This the first time I was ninja'd by Nathanael

Edit: dat 1 second post

edit: what's next to that 3,000,000th post is this one
Nara_NB
oh :| well, then I can only see it if I'm supporter? uh.. it's fine, at least I know that it CAN work :roll: and thank you :oops:
Mushu
im trying to use the ddr extreme announcer for the combo counter. anyone know what for example i would name the file in my skin for 100 combo all the way up to 2000 combo?
OsuMe65
comboburst-(n).wav (must begin with 0 till infinite)

then, add ComboBurstSounds: (combo of the first sound), (combo of the 2nd sound),...

eg. comboburst-0.wav, comboburst-1.wav, comboburst-2.wav

[General]
ComboBurstSounds: 100, 200, 300

You will hear comboburst-0.wav on the 100th combo, comboburst-1 at 200th combo and comboburst-2.wav at 300th combo
Mushu

OsuMe65 wrote:

comboburst-(n).wav (must begin with 0 till infinite)

then, add ComboBurstSounds: (combo of the first sound), (combo of the 2nd sound),...

eg. comboburst-0.wav, comboburst-1.wav, comboburst-2.wav

[General]
ComboBurstSounds: 100, 200, 300

You will hear comboburst-0.wav on the 100th combo, comboburst-1 at 200th combo and comboburst-2.wav at 300th combo
k i must be missing something because it keeps saying 100 combo at 30 combo.

i copied and pasted this ( ComboBurstSounds: 100, 200, 300) under the general section in the skin ini. and for the 100 combo wav file i renamed it to this (comboburst-0)
OsuMe65
ohwait...
Sorry for that mistake

it's CustomComboBurstSounds... not ComboBurstSounds.
Mushu

OsuMe65 wrote:

ohwait...
Sorry for that mistake

it's CustomComboBurstSounds... not ComboBurstSounds.

k thnx a lot it works now.
English
thanks ^^
Ziggo
When the reverse array in a slider is hit, a little hit burst comes up. Is there a way to prevent this?

Ayesha Altugle
that one? no

but

sliderpoint30? yes
Topic Starter
MLGnom

vahn10 wrote:

that one? no

but

sliderpoint30? yes
And the point of saying about sliderpoint30 if he didn't even asked for it? Don't write things that are not associated with asked question.
OsuMe65
The circle popping in the beginning of the slider can't be modified. It uses the entire hitcircle (hitcircle.png + hitcircleoverlay.png)
Ziggo
Okay, thanks for your answers. Too bad it's not changeable. T_T
CarinderYeah
Sir MLGnom, is the part where the skin.ini on the first post of this thread updated?

Can I ask for help? This is what is currently on my Skin.ini:

SPOILER
Version: 2
AllowSliderBallTint: 1
ComboBurstRandom: 1
CursorCentre: 1
CursorExpand: 1
CursorRotate: 1
CursorTrailRotate: 1
CustomComboBurstSounds: 30, 60, 100, 150, 200, 250, 300, 350, 400, 450, 500, 550, 600, 650, 700, 750, 800, 850, 900, 950, 1000, 1050, 1100, 1150, 1200, 1250, 1300, 1350, 1400, 1450, 1500, 1550, 1600, 1650, 1700, 1750, 1800, 1850, 1900, 1950, 2000, 2050, 2100, 2150, 2200, 2250, 2300, 2350, 2400, 2450, 2500, 2550, 2600, 2650, 2700, 2750, 2800, 2850, 2900, 2950, 3000, 3050, 3100, 3150, 3200, 3250, 3300, 3350, 3400, 3450, 3500, 3550, 3600, 3650, 3700, 3750, 3800, 3850, 3900, 3950, 4000, 4100, 4200, 4300, 4400, 4500, 4600, 4700, 4800, 4900, 5000
HitCircleOverlayAboveNumber: 1
SliderBallFlip: 0
SliderBallFrames: 0
SliderStyle: 2
SpinnerFadePlayfield: 0
SpinnerNoBlink: 0
SpinnerStyle: 1 <= This is for whether Osu! uses the old behavior or the new behavior right?

[Colours]

Combo1: 255,255,255
Combo2: 255,255,255
Combo3: 255,255,255
Combo4: 255,255,255
Combo5: 255,255,255
Combo6: 255,255,255
Combo7: 255,255,255
Combo8: 255,255,255
MenuGlow: 0,0,0 <= for supporter only, no?

SliderBorder : 255,255,255
SliderTrackOverride: 0,0,0


SongSelectActiveText: 250,250,250
SongSelectInactiveText: 150,150,150

[Fonts] HitCirclePrefix: default
HitCircleOverlap: 0
ScorePrefix: score
ScoreOverlap: 0

Is this all that is there or there are more codes that can be included? Would it be ok if I ask for all the other commands not included there?
Topic Starter
MLGnom
SpinnerStyle: 1 <= This is for whether Osu! uses the old behavior or the new behavior right?
Spinner style is dependant on old skin/new skin behaviour. Version:1/2 will change your spinner.

MenuGlow: 0,0,0 <= for supporter only, no?
Yes, it is. Supporter only.

Missing :


SpinnerBackground: 255,255,255
It fixes old style spinner background dim.
See THIS post for more details.
Hatsune Chiyo

TouchFluffyTail wrote:



Colored slider balls is kinda cool, I dunno if I'll keep using it though, since I had my slider ball white for readability in the first place. :P
can I have your reverse arrow and hitcircle? :p for personal use ofc 0:)
--
anyway, I have some questions (not related to TFT):
  1. does these other elements (except menuback.wav) will also be loaded?
  2. does animated parts affect skin load time(and/or)pc's performance while playing?
Topic Starter
MLGnom

Hatsune Chiyo wrote:

TouchFluffyTail wrote:



Colored slider balls is kinda cool, I dunno if I'll keep using it though, since I had my slider ball white for readability in the first place. :P
can I have your reverse arrow and hitcircle? :p for personal use ofc 0:)
--
anyway, I have some questions (not related to TFT):
  1. does these other elements (except menuback.wav) will also be loaded?
  2. does animated parts affect skin load time(and/or)pc's performance while playing?
1. No, only correctly named files are loaded.
2. As far as I know it shouldn't because skin is loaded and rendered in moment of selecting skin/starting osu!. But it might be if you make a long animation and really fast. Something like 30 or more frames.
Primusvici
Is there a way to delete the black background behind mania-keys?
SPOILER
Mania keys are transparent
TouchFluffyTail

Primusvici wrote:

Is there a way to delete the black background behind mania-keys?
SPOILER
Mania keys are transparent
Not possible unfortunately.
Kert
Is there any way to make area behind this darker? So you can see numbers on maps with bright bg
Rio-

Kert wrote:

Is there any way to make area behind this darker? So you can see numbers on maps with bright bg
no you can't.... but You can use Drop Shadow tools in Photoshop or other editing-program to all of the default-(0-9).png
Ayesha Altugle
or try using the stroke one ( I dunno how it is called ) and choose something darker like black
OsuMe65

satriobp wrote:

Kert wrote:

Is there any way to make area behind this darker? So you can see numbers on maps with bright bg
no you can't.... but You can use Drop Shadow tools in Photoshop or other editing-program to all of the default-(0-9).png
Black Outer Glow will do
Kert
Anything apart from changing font?
I had an idea of making wide hp bar but unfortunately it's layer is higher than font
TouchFluffyTail
The absolute most you could do is black the entire transparent background on the numbers, this would fudge the look of a black box background behind them.



You might want to set a separate 'ScorePrefix' for these so that it only pulls them for the score and not your combo and accuracy, just so it doesn't look silly.
Kert

TouchFluffyTail wrote:

You might want to set a separate 'ScorePrefix' for these so that it only pulls them for the score and not your combo and accuracy, just so it doesn't look silly.
How to do that?
TouchFluffyTail

Kert wrote:

TouchFluffyTail wrote:

You might want to set a separate 'ScorePrefix' for these so that it only pulls them for the score and not your combo and accuracy, just so it doesn't look silly.
How to do that? I know only prefixes for Score and Hitcircle
It's like using a custom number set in mania. In the [Fonts] section of the skin.ini you set 'ScorePrefix: score' to something different like 'ScorePrefix: BlackBG' and then you name your number set like BlackBG-0, BlackBG-1, BlackBG-2 and so on.

A quick note however; I haven't actually messed around with this too much in standard mode. It might pull your ScorePrefix for accuracy and combo, rendering this invalid. But it in theory it shouldn't do that.

Edit: You can also change your 'ScoreOverlap' (also in [Fonts]) to make the black backgrounds of the numbers match up pixel-perfect, if they don't already.

You'll also want to use a uniform width of your number's canvas to achieve a more straight look aswell.
tokaku
I saw a spinner where it was white but when the user spins it slowly turns red. How does that work and how do I do that?
Ayesha Altugle
that's spinner-middle.png
rcmero

poddo wrote:

That was just what I was looking for. That will fit perfectly on my beatmap. Have you released that skin yet?
primrose
hey guys, i was just wondering, is the screenshot shutter called shutter.wav? also when i leave my osu! idle, i was at another program, there is a sound when someone chatted me. does someone know what's the chat sound is?
tokaku
So what is spinner-middle2 and spinner-glow?
Nathanael
If you check the new default template,
  1. spinner-middle2 is the circle with a half black color that you can see behind spinner-middle.
  2. spinner-glow will show when you at least completed the spinner, of course behind spinner-bottom.
Kert
Thanks, TouchFluffyTail
Unfortunately nothing works well, except adding outer glow
Garygoh884
It would've been better if there would be another setting to change the color of the spinner glow. It may be useful to match with the skins' theme.
Ayesha Altugle
you can request it if you want actually
tokaku
I tried making a spinner-middle but nothing appeared when I tested it
OsuMe65
Make sure that you're using the new default behavior in order for that element to work
Ayesha Altugle


I would like to know what font is used in the above picture because I will also try to recreate this.

because it is bad to ask by making a new topic
Mathsma

vahn10 wrote:



I would like to know what font is used in the above picture because I will also try to recreate this.

because it is bad to ask by making a new topic
http://www.myfonts.com/fonts/emigre/mat ... t/regular/

I don't know, maybe. http://www.myfonts.com/WhatTheFont/
Ayesha Altugle
wow, you let me search for the free font for that one particular font I'm so impressed! But it is the font that I am looking for a minutes ago
Nathanael
The main post kinda needs an update so I would like to update it with some help so if anyone wanted to put or change something, throw a message here or me via PM and I'll check it. I already asked MLGnom about this and got their permission.
cageslammer
Hey. im making a custom skin and i was wondering. can you alternate between section pass images? kinda like the combo burst images?

took me an hour to find this page -.-
OsuMe65
.png only (except menu-background.jpg)
And section images can't alternate like the comboburst
CarinderYeah
Nope, Section-pass.png is single image. yes, it has to be PNG.

I'm very sorry for this, but can I ask what fonts are being used on these cards?



SPOILER
Content Removed by Author.

If this is very troubling for you guys, can you PM me a method for searching the font's used in images?
Shikeu
Sorry if this question has been answered already, but are the spinner-background and spinner-metre elements off from each other now?
Didn't seem to be off before, or is it just me?
cageslammer
i recently downloaded a skin and changed it to suit my liking. however the hit circles are a little too transparent and blend in with some backgrounds making some songs unplayable with the skin. how would i go about making them a little darker?
Eizan Arizawa

cageslammer wrote:

i recently downloaded a skin and changed it to suit my liking. however the hit circles are a little too transparent and blend in with some backgrounds making some songs unplayable with the skin. how would i go about making them a little darker?
why not try using "Dim background"?
Rio-

Eizan Arizawa wrote:

cageslammer wrote:

i recently downloaded a skin and changed it to suit my liking. however the hit circles are a little too transparent and blend in with some backgrounds making some songs unplayable with the skin. how would i go about making them a little darker?
why not try using "Dim background"?
or using another hitcircle.png < not really a choice, but I always do this

Shikeu wrote:

Sorry if this question has been answered already, but are the spinner-background and spinner-metre elements off from each other now?
Didn't seem to be off before, or is it just me?
It's separated in the first place... or screenshot perhaps?
cageslammer
Tried dimming. kinda helps on bright maps and doesn't help the darker ones, and i can't find any sort of hitcircle.PNG =(
Shikeu

satriobp wrote:

Shikeu wrote:

Sorry if this question has been answered already, but are the spinner-background and spinner-metre elements off from each other now?
Didn't seem to be off before, or is it just me?
It's separated in the first place... or screenshot perhaps?

The spinner-background is higher than the spinner-metre
Topic Starter
MLGnom
It's because original spinner from template have weird size. 1023px x 692px
Just make it 1024x768 and it should be good. ;)
Shikeu

MLGnom wrote:

It's because original spinner from template have weird size. 1023px x 692px
Just make it 1024x768 and it should be good. ;)
They're already 1024x768
They used to work, but after a recent update it seemed to have changed.
blackenanan
If I download old skin template I can use it on osu? :<

I really like how the old skin looks like :'3
Nathanael
Yes, you can use it. ;)
Just place them on your skins folder.
blackenanan

Nathanael wrote:

Yes, you can use it. ;)
Just place them on your skins folder.
Oh ok ^^

I'm not at a computer atm to find out so I ask :3
GoJang
Hello, I just tried to make my own scorebar but there's something wrong with the Scorebar-colour. As you can see it's not placed right can anybody tell what I did wrong ?
TouchFluffyTail

GoJang wrote:

Hello, I just tried to make my own scorebar but there's something wrong with the Scorebar-colour. As you can see it's not placed right can anybody tell what I did wrong ?
You're going to have to move it around on the canvas untill you get them to line up. The background and the fill don't line up the same way which leads to things like this.
Ayesha Altugle
the anchor points of the scorebar-bg to scorebar-colour is

16 px moved down from the top
5 px move to the right from the left, iirc
GoJang
Thanks but it doesn't seem to work for me. Is there anyone I can send the scorebar to and maybe check it out or something ?

EDIT: Thanks alot to vahn10 for helping me out for fixing the scorebar. :P
sennank
excuse me .... i dont understand with http://puu.sh/1RM0C step number 4 .... after i remove i dont understand i must do what D:
show more
Please sign in to reply.

New reply