Texturing Contest #18 - UI

[Zealon]

@chr2, its looking good

I can't wait to see all of these UI's when they're done

 

[THE_END]

Well..lets see what happens
EDIT: Chilla..not enough work, do not even submit that as a final work please.
L0w: OMG your creating my dream, a DK UI, noice
Everyone else, keep working, theres alot of WIPs, which is nice to see

 

[Dentothor]

K imma do one for kicks. Blood elf is myne. :3

 

[67chrome]

I've been playing around with the UI to see exactly were the alpha channels are and figured I'd share what I've found with you guys.



The red is the part of the UI that can support alpha. Anything below it will appear black, anything above it won't appear on the UI and will be cut off.

The icons are solid green to make them stand out more easily and be more easily selectable. I replaced the resource icons as well, though the WC3 UIs aren't designed for square-edged resource icons. I also have icons were the first hero and idle workers would appear over on the left of the UI.

The map is laid over the UI as a semi-transparent layer, and is rather transparent at that. Any texture underneath it really shows through. Could be interesting in you wanted to do some effect underneath it though. Alphaing out the section of it that protrudes into the red will cause the terrain below to show through it, so I'd recommend staying away from alpha underneath the map.

Alternately, the unit portrait is entirely reliant on alpha channels to show anything. Could be a useful piece of information if you plan on making a UI for a tower defense that only uses doodads for units, though I don't imagine anyone will cover it up.

Anyways, I also included a .tga version to make magic wand selections and similar opramands easier for anyone who would like to use this.

 

[Just_Spectating]

for a second there i thought that picture was part of your concept till i read the description lol

 

[Zealon]

@67chrome, that info could be very useful, thanks for sharing ^^

 

[Arowanna]

If I get the time, I'll join... Until then, good luck everyone!

@l0w_kwaliti, looking good mate.

 

[Mr.Goblin]

No... I won't participate..
Yes I will keep my eyes on this contest, because making a UI is just so damn hard ><

someone should make a..

Gnoll UI or a
Goblin UI or a
Tauren UI or a
Forest UI (just ruins and plants basicly) or a
Tuskar UI or a
Centaur UI or a
Forest troll UI or a
Blablablablabla UI

anyway good luck to all

 

[Kwaliti]

Frosty.

 

[Krl70]

Neat!

 

[Kwaliti]

The portrait frame is done:

 

[Mr.Goblin]

The portrait frame is done:

If I was you, I would polish it abit more, it still looks quite sketchy.

make it look more polish etc.

 

[Kwaliti]

Slow down, I still have to finish the basic stuff before refining it.

Almost done.

Show

 

[Azurot]

My only problem with that Icecrown UI is the two orbs, they look like eyes. Which would personally, distract me greatly from my play.

Great nonetheless.

 

[Deolrin]

l0w, that's pretty awesome, but I do hope you will give it an overall sharper and more detailed look later on, because as Goblin said, it looks quite sketchy at the moment.

 

[HappyCockroach]

No... I won't participate..

Goblin, you SHOULD participate.
A goblin UI would be awesome!!11

 

[67chrome]

Looks pretty good l0w_kwaliti, I especially like the portrait frame.

Glad to hear a lot of you liked the alpha boundries I posted for the UI as well.

Anyways, I decided the theme I'm working on for my UI is a cave. The designs for it are inspired by the Underground Reservoir level in Castlevania; symphony of the Night. Though I may get some inspiration from underground Mario levels as well. Basically its going to have crystally-sparkly stuff because shiny things are awesome (though admittadly I haven't gotten to adding sparkles yet).

Kinda felt like doing a UI for a terrain settup rather than some obscure race.

 

[Just_Spectating]

i was thinking of doing maybe like, a First Person (inside of a helmet) kind of UI
but then it probably wouldn't be too useful.

 

[Dionesiist]

67Chrome, Symphony of the Night for the wiiiiin.

 

[Jaret]

@dionesiist: I second that.

I'm stepping out of this contest. No free time. :/

 

[Sir_Elendor]

Slime for the win
Just gave it a try xD


Edit: can someone tell me how i can make ingame screenie just importing in right path doesnt work for me...?!

 

[Krl70]

hmm... i think it needs more details, like more shading and highlights

BTW: i was thinking to use one of these in a map im making, how do you import UI's? I never figured it out, just get's transparent.

 

[Sir_Elendor]

how to put shading in this?!

 

[Krl70]

I don't know, make it look like some of the slime is softer, and dripping, slowly. Something like that, slime might not have been the best choice.

 

[Sir_Elendor]

but it was the only idea i had

 

[Sephalo]

No... I won't participate..
Yes I will keep my eyes on this contest, because making a UI is just so damn hard ><

someone should make a..

Gnoll UI or a
Goblin UI or a
Tauren UI or a
Forest UI (just ruins and plants basicly) or a
Tuskar UI or a
Centaur UI or a
Forest troll UI or a
Blablablablabla UI

anyway good luck to all

You forgot the Pyritie UI..
I'd love to see a yellow dragon UI!

 

[PROXY]

Fuck. Pyrite UI. Would get my vote.

 

[Kwaliti]

I've got good news and bad news.

The good news: I'm done with the basics. Time to work on the top and the inventory cover.

The bad news: I've accidentally saved a flattened PSD file and now I'm screwed when it comes to large edits. To make matters worse, it's not one PSD, but four split PSDs.

I still have to fix some positioning problems.

 

[67chrome]

I've accidentally saved a flattened PSD file and now I'm screwed when it comes to large edits. To make matters worse, it's not one PSD, but four split PSDs.

I hate it when that happens XD

Looks pretty awesome, I like what your doing with the icon spots.
The snow looks a little weird though, right now something about it dosen't look right. It should have more rounded edges and blue-gray shading. I think it's mostly the snow on the minimap that's bugging me actually.

Other than that it's really purty.

Edit - All right; here is were I am with my UI in all it's manly sparkly goodness

 

[Raven0]

This is a great idea for a contest. There aren't alot of custom UI skins floating around the community.

 

[Dentothor]

Sweet baby jesus chrome that is sexy.

 

[HappyCockroach]

really nice, 67chrome
nevertheless I guess it's still a little bit too blurry to totally fit wc3

this contest is so awesome. I guess I'll try do draw something (not that I'm good at it...)

 

[WindowsVistaSucks]

I'll add a WIP when it starts to look good. At the moment it looks retarded. Sorry for taking my time if it really matters.

 

[Zealon]

@67chrome thats just amazing, good job.

@l0w_kwaliti yours is looking really nice too ^^

 

[Tr!KzZ]

@67chrome
I really like your Idea and the cave UI you've created, but it's too blurry and I don't like
the minimap part, try to make it like the Heropreview Area, with a cave around it, instead of that box field.. would be more awesome! Good job so far!

@l0w_kwaliti
Very cool idea I like your UI very much and it's pretty useful for many people I guess
Can't wait to see the finished results, awesome. (But i think the snow parts up left are a bit too much, some less snow, but more icy shards would be better)

 

[The_Silent]

Well, i'm finished with the mini-modeling contest so could as well participate in this too. ^^

 

[67chrome]

@67chrome
I really like your Idea and the cave UI you've created, but it's too blurry and I don't like
the minimap part, try to make it like the Heropreview Area, with a cave around it, instead of that box field.. would be more awesome! Good job so far!

Thanks for the feedback on it, hopefully it looks less blurry now.
Anyways, the map is really square because unlike the time indicator frame and unit portrait, alpha cannot be used to cover up part of it. Rather, the map is projected on top of the UI (I think in a additive layer...basically everything that's black is transparent and everything that's white ends up opaque). I've tried making solid white stalagmites+stalactites hang into it but the map still seems to show through, so I've opted for making the edges straight rather than have the map overflow the edges. I might work on the boarder a little more though, It does sort of stand out as being to straight.

Anyways, Here is what I've got so far, and now showing the inventory cover (why it starts something like 944 pixels over I have no idea). I'll probably go through a few minor adjustments (ie making the minimap edges looks more organic, possibly applying another sharpen, alphaing out the edges of the time indicator, making the button locations surrounded in blackness so disabled and passive icons look cooler) but I think I'm mostly done now >

 

[Just_Spectating]

reminds me of Sonic the hedgehog, the Mystic cave zone

 

[Tr!KzZ]

Hey chrome,
how about this, found some nice looking UI, and the creater painted into the minimappreview.. it's kinda possible and can look ok.. for some maps.. maybe you could add the cave around that square to reduce the look of a box? because it doesn't fit well into your UI.. everything is rounded, or randomly placed by cave corners, except that box at bottom left..

 

[Kwaliti]

This is how the inventory cover looks so far. I still have to finish the background block and add detail to it.

 

[Deleted member 157129]

That's awesome kwaliti, l0w.

 

[Devine]

Chrome, the coin that symbolizes the ammount of gold ingame (upper right) is cut off.
Iow, the 2 blue orbs aren't globally shaded. The light comes from opposite directions because you just mirrored the image.

 

[Kwaliti]

It's intentional. The light source is at the top, where the clock is displayed. The orbs act as prisms which refract light, hence the opposite directions. I should flip both orbs though.

 

[Apheraz Lucent]

l0w_kwaliti, you will get my vote for sure.
Chrome, that is one beautiful UI skin, especially the area where the buttons of orders will be. I like the archer, too :3

 

[Deleted member 157129]

Kind of early to place votes, don't you think?

 

[Forgotten_Warlord]

Good luck guys! make em look sweet

 

[HappyCockroach]

Well... I suck at drawing anything with the mouse or my untamed cheap tablet. And UI drawing should be really well made.

So I decided to draw my UI with the pencil!! I'll make the base drawing freehand as a whole and scan it, then I separate it into the tiles, apply better colors, shading, highlights, make it sharper, etc...

If anyone wants to draw the UI freehand, here's a template you can print.



Just print it and draw over it, the lines are a very bright and a bit hard to see, but if they were darker they would ruin the actual drawing in some parts... they're there just to indicate the areas that support alpha and where the icons go, etc. Just like chrome's scheme. (ripped off there )

 

[Midnighters]

HOLY! You all better add these UI textures to the skin section.

 

[Amargaard]

I'll keep an eye on this contest. I don't know how to skin, myself, so I just let you guys do the hard job :]

Anyways, what about a Draenei-UI, a DalaranMage-UI or a mix of those two?

 

[Zealon]

I'm sure there are hundreds of things we could all suggest for UI's, but yeah, a Draenei UI wouldn't be too bad. And guys, don't forget about the Infernal UI, and the Faceless UI, and the Golem UI, and the.....