forum

Skinning tutorial (+ skinning support)

posted
Total Posts
4,226
show more
deadbeat
just posting to say there's a new mod icon:
[peppy] Add cinema mod. Watch storyboards with no interruptions!
BasedGod

deadbeat wrote:

just posting to say there's a new mod icon:
[peppy] Add cinema mod. Watch storyboards with no interruptions!
I can't find the mod with the default skin :/
deadbeat
the mod is located under Auto
guessing the file name is selection-mod-cinema.png
BasedGod

deadbeat wrote:

the mod is located under Auto
guessing the file name is selection-mod-cinema.png
i think he removed it again or restricted it to Auto. (check the changelog)
deadbeat
wish i was at home so i could do testing on this >_>
BasedGod

deadbeat wrote:

wish i was at home so i could do testing on this >_>
:p i wonder why he restricted it tho, wasn't really watching the stream
Garygoh884
Oh yes, here comes another one! (prepares SD and HD sprites of that using his own template)
Rolling Boy
Hi,

my question is, Can I change the colour of the spinner-glow? its blue by default.
deadbeat

/me runs
Nathanael
Where the heck is that Cinema mod... :/
Ayesha Altugle
[peppy] Add cinema mod. Watch storyboards with no interruptions!

?
on the changelog
Nathanael
I know its at the changelog. I was looking for it at the test build... :/
OsuMe65
Cinema (CN) mod is under Autoplay, if I'm right.
deadbeat

OsuMe65 wrote:

Cinema (CN) mod is under Autoplay, if I'm right.
not yet, that's where it will be. it's rather hidden at the moment. should hopefully should be more visible in the next few days

vahn10 wrote:

[peppy] Add cinema mod. Watch storyboards with no interruptions!

?
on the changelog
yeah, i mentioned that on the previous page :p
Ginky
What is about the images with the suffix of "@2x"? What is their significance of exisitence? How should they be made?
Mathsma

bayun lan wrote:

What is about the images with the suffix of "@2x"? What is their significance of exisitence? How should they be made?
They are HD images meant for resolutions higher than some resolution I am unsure of. They are 2x the resolution of non-@2x files which allows for them to look better in higher resolution game windows.
Hatsune Chiyo

Rolling Boy wrote:

Hi,

my question is, Can I change the colour of the spinner-glow? its blue by default.
spinner-glow.png, 825x825

also, for anyone who hasn't yet looked the changelog, cinema mode is ctrl-shift-enter, it just added to the public build :p
Rolling Boy

Hatsune Chiyo wrote:

Rolling Boy wrote:

Hi,

my question is, Can I change the colour of the spinner-glow? its blue by default.
spinner-glow.png, 825x825
Emm... I'm asking for some code in the skin.ini, not the name of the file...
Hatsune Chiyo
oh, you mean the code..
sorry man I did not.. :\
Rei Hakurei
skin it, since you can't specify it
Khorux
Hello, I was wondering if it was possible to add animations to the playfield, similar to the dancing kurousagi on this person's vid:

I'm not sure if it's part of the skin, or just video animations
Ayesha Altugle
It is made from the scorebar-colour I think.
FieryLight
Quick question: how are numbers aligned? does the centre of the image just align to the centre of the hitcircle?

Thanks in advance! =)
Hatsune Chiyo
yes, it aligned to the center of the circle :)
Hykisho
Quick question, can you make a HD skin out of a SD skin? If so, how? Do you need to recreate every sprite in HD for it?
OsuMe65
It must be the other way around.
(If you're skilled enough, why not recreate them in HD?)
-Jaunty-
Does anyone here know how to make REALLY good custom skins? If so please reply. ;) ;) ;)
Nya Nya Neko
ive got a question
what is about the key overlay
in some skins they are costumized in some not
How do I create these overlays.
I couldn't find an image in my skin
Timorisu

not94 wrote:

ive got a question
what is about the key overlay
in some skins they are costumized in some not
How do I create these overlays.
I couldn't find an image in my skin
inputoverlay-background.png

inputoverlay-key.png
Hykisho

OsuMe65 wrote:

It must be the other way around.
(If you're skilled enough, why not recreate them in HD?)
Well, I don't really know how and I'm too lazy to find out. :D
deadbeat
i know there's volume-bg.png
but what's the element for the effects volume. it is just effects-volume-bg.png?
Haskorion

deadbeat wrote:

i know there's volume-bg.png
but what's the element for the effects volume. it is just effects-volume-bg.png?
it's volume-bg-effect.png
deadbeat
excellent. thank you
P-San
Why is it that some ranking-panel s fill my screen but others only fill parts?
OsuMe65

PandaDoctor wrote:

Why is it that some ranking-panel s fill my screen but others only fill parts?
Ranking screens vary because of their image resolutions.
Also, skin behavior matters
P-San

OsuMe65 wrote:

PandaDoctor wrote:

Why is it that some ranking-panel s fill my screen but others only fill parts?
Ranking screens vary because of their image resolutions.
Also, skin behavior matters
What do you mean by skin behavior?
OsuMe65


that one
Khorux
Hi, I was wondering if it was possible to control the speed of the scorebar-colour animation. I've tried to add extra frames to make the animation slower or delete frames to make it faster, but these frame changes only come into effect when previewing the skin. When I'm in game the animation speed is always the same no matter how many frames there are.
OsuMe65
AnimationFramerate: (value in numbers)
This code applies to skin.ini
This will help. The lower the #, the slower the animation.
Topic Starter
MLGnom

Stort wrote:

Hi, I was wondering if it was possible to control the speed of the scorebar-colour animation. I've tried to add extra frames to make the animation slower or delete frames to make it faster, but these frame changes only come into effect when previewing the skin. When I'm in game the animation speed is always the same no matter how many frames there are.
I will just quote thing that I wrote 5 month ago. :D

MLGnom wrote:

That depends which one part you are actually animating.

With adding to skin.ini "AnimationFramerate: <Number of frames per second>" - This option will affect every animation that you have in your skin (except hitbursts and sliderball).
But now how to control speed with it and how to make different speed on different parts?

This is a tricky part. As stated AnimationFramrate is affecting amount of frames used per second.
Example: We have animated lifebar that contains 8 frames and animated skip button that contains 20 frames. We are setting AnimationFramerate to 4.
Full loop of lifebar animation will take 2 seconds , 5 second for skip button.
In other words The more frames you have and lower Animation Framerate is, then slower animation will be.

But now case where we want fast animation for skip and very slow for lifebar. Let's say we are using the same amount of frames as previosly stated (8 and 20)
You are setting AnimationFramerate to 10. Now you have pretty fast skip button but way too fast lifebar (less than 1 second to do loop) but you want it to be slow. So the only way is to increase amount of frames. You will need to duplicate frames few times.
Example :
scorebarcolour-0, scorebarcolour-1, scorebarcolour-2 and scorebarcolour-3 are using picture number 1. scorebarcolour-4, scorebarcolour-5, scorebarcolour-6, scorebarcolour-7 are using picture number 2 etc.

After that you will have "8 frames" as 40. So now with AnimationFramerate it will take 4 second instead less than 1.
It's not taking that much time as it's looks to duplicate frames. Generally only renaming them is a little annoying but still is possible to do this in few minutes.

(menu-back is not affected by normal duplication of frames. You need to add AnimationFramerate to control it's speed).
show more
Please sign in to reply.

New reply