TMW GUI - skinning thread

Content and general development discussion, including maps, quests, and server code from the development team.
User avatar
kr0n05931
Warrior
Warrior
Posts: 652
Joined: 26 Jul 2008, 02:59
Location: United Socialist States of America
Contact:

Re: TMW GUI - skinning thread

Post by kr0n05931 » 01 Aug 2009, 00:40

adamaix wrote:I did a button inspired by Wesnoth. Its not perfect yet, but I would like to know what the community thinks. Should I continue this? Perhaps another color?
That color blue really only goes with stone, IMHO. Try making this one have a cobalt-blue stone texture as the background.
Lazy bum.
User avatar
adamaix
Novice
Novice
Posts: 200
Joined: 08 Apr 2009, 23:25
Location: A secret garden hidden deep in the woods of Hurnscald

Re: TMW GUI - skinning thread

Post by adamaix » 01 Aug 2009, 19:31

I tried it with cobalt blue, it looks very nice. Below is the completed set including tabs. The buttons work best with the latest Git client because there was a commit by Turmfalke that allows you to change the colour of the buttons to something lighter. Enjoy.
wesnoth_buttons.tar.gz
0.1
(5.78 KiB) Downloaded 49 times
Attachments
TMW_Screenshot_28.png
TMW_Screenshot_28.png (9.23 KiB) Viewed 1425 times
User avatar
Kage
Warrior
Warrior
Posts: 927
Joined: 02 May 2009, 19:12

Re: TMW GUI - skinning thread

Post by Kage » 02 Aug 2009, 20:21

adamaix wrote:I did a button inspired by Wesnoth. Its not perfect yet, but I would like to know what the community thinks. Should I continue this? Perhaps another color?
Looks like a colorblind theme, I don't like it
<Kage_Jittai> ... are you saying I am elite :D
<thorbjorn> Yes. :P
User avatar
adamaix
Novice
Novice
Posts: 200
Joined: 08 Apr 2009, 23:25
Location: A secret garden hidden deep in the woods of Hurnscald

Re: TMW GUI - skinning thread

Post by adamaix » 02 Aug 2009, 22:20

This is the fourth button set, everytime someone does not like it, then I do another. The sapphire set is still medieval using the golden font that goes with the theme set. I could make it cracked to have an authentic feel to it and if you don't like it then make your own button.

I like this set so far and I'm sticking to it.

edit: Rotonen suggest green.
Attachments
TMW_Screenshot_31.png
TMW_Screenshot_31.png (9.25 KiB) Viewed 1360 times
Inkweaver
Novice
Novice
Posts: 171
Joined: 10 Mar 2009, 16:13

Re: TMW GUI - skinning thread

Post by Inkweaver » 02 Aug 2009, 23:44

I've got a suggestion adamaix:

Stick with your first wooden button from the original theme. I don't know why someone complained about them in the first place. They look fine. None of the other buttons that you have done look anywhere near as good as that first wooden set.

These other buttons you have done don't fit the theme of the game, and their color looks really bad.
User avatar
adamaix
Novice
Novice
Posts: 200
Joined: 08 Apr 2009, 23:25
Location: A secret garden hidden deep in the woods of Hurnscald

Re: TMW GUI - skinning thread

Post by adamaix » 03 Aug 2009, 09:44

I've kept the style and combined it with the initial wooden set. Just a colour test, I'll still need to rough it up a little.
wood_buttons1.png
Combination of the wesnoth set with the original wooden set.
wood_buttons1.png (66.83 KiB) Viewed 1333 times

edit: There, if that doesn't go perfectly with the new theme, then I don't know what will.
wood_buttons2.png
Roughed up to the same texture
wood_buttons2.png (66.57 KiB) Viewed 1328 times
Attachments
wesnoth_wooden.tar.gz
(9.11 KiB) Downloaded 57 times
User avatar
Rotonen
TMW Adviser
TMW Adviser
Posts: 3154
Joined: 08 Sep 2004, 20:48
Location: Espoo, Finland

Re: TMW GUI - skinning thread

Post by Rotonen » 03 Aug 2009, 18:06

It's a bit narrow for the font to fit with the background of the button now. With how the skinning of the client is now, perfection is hard to achieve.
This message used to be meaningful.
User avatar
Bertram
Knight
Knight
Posts: 1026
Joined: 07 Sep 2004, 15:55
Location: France

Re: TMW GUI - skinning thread

Post by Bertram » 04 Aug 2009, 07:15

Hi Rotonen,

Could we still use the wooden button for the highlight patch from Turmfalke?

If the buttons are too narrows, can Adamaix make them a little bit wider?

Regards,
User avatar
Rotonen
TMW Adviser
TMW Adviser
Posts: 3154
Joined: 08 Sep 2004, 20:48
Location: Espoo, Finland

Re: TMW GUI - skinning thread

Post by Rotonen » 04 Aug 2009, 08:34

I'd rather hold frustrating him over minor details of the GUI to the point where he has proper tools to fiddle with it. It will be less painful then.

As for the hilight effects, consistency is what matters. As long as we achieve that, sure.
This message used to be meaningful.
User avatar
Bertram
Knight
Knight
Posts: 1026
Joined: 07 Sep 2004, 15:55
Location: France

Re: TMW GUI - skinning thread

Post by Bertram » 04 Aug 2009, 09:23

Ok, then I shall upload the wooden theme in the Mantis and see how we can handle this for now...

Regards,
User avatar
adamaix
Novice
Novice
Posts: 200
Joined: 08 Apr 2009, 23:25
Location: A secret garden hidden deep in the woods of Hurnscald

Re: TMW GUI - skinning thread

Post by adamaix » 04 Aug 2009, 15:27

I've been working on a title bar lately. The title is a bit hard to read, but this is a work in progress. Its possible also for the title text to have its own colour/font setting, which we could use to mitigate the problem of illegible text. Another possiblilty is to have the title text embedded in its own nine patch graphic (I'm hoping for this one).

I'm, trying to think of a suitable design to blend the border into the title. As you can see on the right side of the title, I've achieved the illusion of the title sitting as a slate with cracked paper glued to it.

Another thing you will notice is that the edges are rounded, which looks cool and gives the drop shadow a better definition.

I don't like the thickness of the border, and will most likely try to make it as thin as possible.

Any suggestions on style?
Attachments
TMW_Screenshot_36.jpg
Title bar prototype
TMW_Screenshot_36.jpg (176.23 KiB) Viewed 1208 times
User avatar
Bertram
Knight
Knight
Posts: 1026
Joined: 07 Sep 2004, 15:55
Location: France

Re: TMW GUI - skinning thread

Post by Bertram » 04 Aug 2009, 16:28

Hi Adamaix,

First words: Wow! Real nice!

The rounded border and the paper on wood effect are great ones.

Just for the title bar, I would have make it a little less dark, so that titles would be more readable.

I'm just a coder, though ;)

Have a nice day,
User avatar
Rotonen
TMW Adviser
TMW Adviser
Posts: 3154
Joined: 08 Sep 2004, 20:48
Location: Espoo, Finland

Re: TMW GUI - skinning thread

Post by Rotonen » 04 Aug 2009, 16:33

We need a border/shadow for the font to make it clearer. Something equivalent to what is at use in subtitles.
This message used to be meaningful.
User avatar
adamaix
Novice
Novice
Posts: 200
Joined: 08 Apr 2009, 23:25
Location: A secret garden hidden deep in the woods of Hurnscald

Re: TMW GUI - skinning thread

Post by adamaix » 04 Aug 2009, 18:21

Something really needs to be done about the font, especially since all these player appearing with similar names.

I did a test to see what it would look like to have a 9patch thing for the title. Looks like it could work, the image was taken from a scroll I made for one of Fate's project, which I then proceeded to stretch, resize and rotate to the point of blurred pixelation. Of course the final product will be done by hand.

A scroll is one idea, the other idea is a golden plate with bolts, similar to those used in plaques. What do you think?

edit: A wooden or brass curtain pole in the center is also another idea http://sandras-soft-furnishings.co.uk/accessories.htm
Attachments
title-9patch.png
prototype
title-9patch.png (42.25 KiB) Viewed 1177 times
User avatar
Bertram
Knight
Knight
Posts: 1026
Joined: 07 Sep 2004, 15:55
Location: France

Re: TMW GUI - skinning thread

Post by Bertram » 05 Aug 2009, 06:55

Hi Adamaix,

As for myself, I'm definitely for the paper scroll.

Regards,
Post Reply