Skin Synthesia Flat updated 09/07/2016

Collaborate with other modders to make Synthesia the way you want it.
Always the latest versions: [ colors.xml | ui.xml ]
Read the Getting Started topic to learn how important it is to MERGE YOUR CHANGES every time you download a new dev preview.

Postby kiwi » 01-29-16 6:52 pm

Hi piano lovers!

Here's Synthesia totally flatized in the metro style ;)

Spoiler:
Image

Settings
Image

List:
Image

Hand & color assignements:
Image

Playscreen have the top bar flat but keyboard is by default (cuz i love the real keyboard drawed by Nicholas)

How to:
mac only
Replace you're "ressource" folder by mine.
Replace colors.xml by mine in ressources folder

Windows users u can use ressource hacker with my ressources and do the things by hand
You can replace colors.xml by mine you 'll haven't the flat theme but only the colors themes

Updated 05/02/16
Updated14/02/16 (used a vectorial software and removed the little black pixels on the sort by in the library and made them slightly rounded)

Enjoy! :mrgreen:

Ps: This skin works great with all the 3 colors themes included with Synthesia.(included the black one)
Attachments
colors.xml
(17.39 KiB) Downloaded 164 times
Synthesia Flat by kiwi.zip
The flat kiwi skin ;)
(50.2 KiB) Downloaded 3960 times
Last edited by kiwi on 07-08-16 8:27 pm, edited 8 times in total.
kiwi
Synthesia Donor
 
Posts: 1172

Postby kiwi » 02-02-16 7:29 am

Hum on mac it's easy to change the png.

Mac: Navigate to /Application /Synthesia =>right click =>show the package.

But on windows is it on "appdata"? we need ressource hacker? I don't remember.
Last edited by kiwi on 02-02-16 5:43 pm, edited 1 time in total.
kiwi
Synthesia Donor
 
Posts: 1172

Postby kiwi » 02-02-16 8:53 am

Skin updated 02/02/16

sparkle changed to blue (prior was orange) scrubber on grey (not blue) so it can match any color theme)
Window segment redrawed and on grey for to match all the themes colours

Now the skin can be used with all the themes colours variants so redownload it.
kiwi
Synthesia Donor
 
Posts: 1172

Postby kiwi » 02-03-16 12:43 pm

So the colors.xml is almost finished here's a preview:

Spoiler:
Image

@Nicholas

Where is the selection on the xml ? (look at the blue arrow) i mean the black square
kiwi
Synthesia Donor
 
Posts: 1172

Postby kiwi » 02-04-16 3:35 pm

Bump it drive me crazy i have tried for 2 hours and i really can't found this black aréa also

Also a little help for these buttons and text under them?
Spoiler:
help.jpg
help.jpg (49.06 KiB) Viewed 98628 times

Only these 2 points are missing in my skins
kiwi
Synthesia Donor
 
Posts: 1172

Postby Nicholas » 02-04-16 4:19 pm

kiwi wrote:But on windows is it on "appdata"? we need ressource hacker? I don't remember.

Yep, unfortunately this still isn't very easy on Windows. I'd have Synthesia check the disk for textures before resorting to the built-in images, but I worry that a bunch of disk checks might slow things down.

kiwi wrote:Where is the selection on the xml ? (look at the blue arrow) i mean the black square

That is "sidebarButtonActive" which has a color of "buttonFaceHover".

kiwi wrote:Also a little help for these buttons and text under them?

These are the "songSettings*ButtonFrame" entries in ui.xml near line 429. Their color is usually "songSettingsGrayText" for the foreground and "songSettingsGrayBox" or "songSettingsGrayBoxHover" for the background.
Nicholas
 
Posts: 11032

Postby kiwi » 02-04-16 5:19 pm

Thank you very much Nicholas i 'll check :)

By the way i have finished the works on tga files (removed the shadows on the play next magnyfying glass etc...)
Adjusted some things for the skin matching better any color xml :)


Also i think i have found an unused ressource who can be it removed.
ui_window_segment_o2.tga

Have paint it in yellow and it seems it doesn't appear anywhere on Synthésia

ui_window_segment_o1 is used yes but not ui_window_segment_o2 it seems.

PS: sorry for the spoiler had forgotten.

Edit: ok was thinking the same things for button face hover but it wasn't working and it's because i was thinking it was a RGB but it's hsv and the last one was on 10 so wherever i set 200 the result wasn't visible.
kiwi
Synthesia Donor
 
Posts: 1172

Postby kiwi » 02-04-16 6:43 pm

All is ok now XML released and skin updated version final ;)

Enjoy! (at least mac users or geeks on windows with ressource hacker...)

Preview:
Spoiler:
1.jpg
1.jpg (139.27 KiB) Viewed 98623 times
2.jpg
2.jpg (208.4 KiB) Viewed 98623 times
3.jpg
3.jpg (150.52 KiB) Viewed 98623 times
4.jpg
4.jpg (167.26 KiB) Viewed 98623 times
5.jpg
5.jpg (88.58 KiB) Viewed 98623 times
6.jpg
6.jpg (221.76 KiB) Viewed 98623 times
8.jpg
8.jpg (74.45 KiB) Viewed 98623 times
9.jpg
9.jpg (236.42 KiB) Viewed 98624 times
7.jpg
7.jpg (274.46 KiB) Viewed 98624 times


The blacky is very dark but it's good for night sessions the grey one is ok and i have included a greeny one ;) not on the screenshots try yourself...
kiwi
Synthesia Donor
 
Posts: 1172

Postby Nicholas » 02-06-16 10:54 pm

kiwi wrote:Also i think i have found an unused ressource who can be it removed.
ui_window_segment_o2.tga

It's very subtle, but it's the highlight at the top of the song library's sorting buttons: Points, Title, Last Played, etc.

I changed mine to bright red and this is how it looked.
o2.png
o2.png (4.02 KiB) Viewed 98462 times


I agree though, both the o1 and o2 textures could be removed. I'm not sure there is a reason that control needs to have the 3D effect anymore when almost everything else is flat now.
Nicholas
 
Posts: 11032

Postby kiwi » 02-06-16 11:31 pm

Ah ok i see now :)

Well yes on the flat one it's not needed and i have changed some others tga totally transparent (check the zip...).

But i have also noticed some ressources are "vectoriel" (like tutorial one per eg) who is good for 4k resolutions but others ressources 'll be weird on a 4k ? You plan to update them?
Cause it seems 4k is becoming very popular i don't have one personaly so i don't know how it looks like.

Another question:
On the xml it's possible to change the white colour of the minus,plus and forward buttons on the top player bar?
kiwi
Synthesia Donor
 
Posts: 1172

Postby Nicholas » 02-09-16 9:39 am

kiwi wrote:... who is good for 4k resolutions but others ressources 'll be weird on a 4k ?

What do you mean? Which textures would be weird on 4k?

Really, the high resolution textures are more for the retina/HiDPI screens you find on tablets more than the large monitors. (Although they look nice in both places.)

kiwi wrote:On the xml it's possible to change the white colour of the minus,plus and forward buttons on the top player bar?

Yeah, you can add an imageColor attribute to them.

So, changing lines 881 and 886 to the following will change the + and - to yellow (because "deviceDisconnectBackground" happens to be yellow):

Code: Select all
        <ui inherit="playToolboxButton" id="speedDown" imageColor="deviceDisconnectBackground" image="interface_minus" />
        <ui inherit="playToolboxButton" id="speedUp" imageColor="deviceDisconnectBackground" image="interface_plus" />
Nicholas
 
Posts: 11032

Postby kiwi » 02-09-16 11:39 am

Ah ok dunno about 4k and tablet i was speaking about some picture like segment button per eg they look weird when zoomed in the osx browser and look fine on Synthésia on a 24" but i was thinking 4k make a sort of zoom on the pictures.

So it seems i am wrong my bad

For the minus,plus buttons so i can't specify an rgb value?

If i want black color not yellow?
kiwi
Synthesia Donor
 
Posts: 1172

Postby Nicholas » 02-09-16 11:47 am

All you have to do is use one of the colors from colors.xml. I used "deviceDisconnectBackground" because it's an easy-to-see example. But you can use any color you like. Or add your own new one. "black" is defined right at the top of colors.xml, so you should be able to use that directly.
Nicholas
 
Posts: 11032

Postby kiwi » 02-09-16 12:04 pm

Thank you Nicholas!

I understand better now i 'll update with this ;)



Edit: It works we can do many things with the ui.xml!
But i 'll wait for the official support for it cause am not familiar with the merge tool...
And it looks good just with the colors.xml also have done it for the freeplay screen but i need to do also for the play screen etc... (so much line to add :p )
kiwi
Synthesia Donor
 
Posts: 1172

Postby kiwi » 02-10-16 2:06 am

Working on a new one:
Light grey:
Spoiler:
Light grey Preview.jpg
Light grey Preview.jpg (129.96 KiB) Viewed 98257 times
kiwi
Synthesia Donor
 
Posts: 1172

Postby kiwi » 02-14-16 3:30 pm

Bump skin updated replace the old one by the new one.

@Nicholas can i make a skinned exe with ressource hacker and release it here for windows users?
kiwi
Synthesia Donor
 
Posts: 1172

Postby Nicholas » 02-15-16 11:51 am

This sounds like exactly what Skinbox was created for. That little tool prevents the need to redistribute Synthesia's assets or have unsigned .exes floating around out there.
Nicholas
 
Posts: 11032

Postby kiwi » 02-16-16 10:19 am

I have completely forgotten this little tool :p
Well if someone have tried to use it with my tga files let me know how it works ;)
kiwi
Synthesia Donor
 
Posts: 1172

Postby kiwi » 03-19-16 3:10 am

Skin & colors tested on Synthesia 11 it works ;)
I 'll finish the light grey skin soon...
kiwi
Synthesia Donor
 
Posts: 1172

Postby kiwi » 07-08-16 8:30 pm

Hi,
Light grey released and some updates to all the colors themes ;)

Grab the new colors.xml in the first post.
Attachments
update.jpg
update.jpg (127.99 KiB) Viewed 5648 times
Light grey.jpg
Light grey preview
Light grey.jpg (176.56 KiB) Viewed 5648 times
kiwi
Synthesia Donor
 
Posts: 1172

Next

Return to Modding Synthesia

Who is online

Users browsing this forum: No registered users