SageTV Community

SageTV Community (http://forums.sagetv.com/forums/index.php)
-   SageMC Custom Interface (http://forums.sagetv.com/forums/forumdisplay.php?f=41)
-   -   Glassy Show Icons for SageMC - Coming Soon (http://forums.sagetv.com/forums/showthread.php?t=18724)

MeInMaui 06-23-2006 01:22 PM

Glassy Show Icons for SageMC - Coming Soon
 
Hi all,

We've been discussing putting together a set of semi-transparent glassy show icons for SageMC in the Addons thread. It seemed about time to breakout and start a new thread for this. I have a preview of the ones I have done so far. I still have to generate the Encoder Markers before I release them. I'm hoping to finish and post the icon pack over the weekend.

I'd like some feedback. Are the meanings of the icons obvious enough? Also, I have made two versions of the watched and favorites (series record) icons. I will include both version in the icon pack, but which should I make the default? I personally prefer the eyes for the watched icon and the heart for the favorites icon, but they may be too silly for some. I am also planning on releasing large (60x60) and small (30x30) versions of the icons as well. As always, suggestions are welcome.

Aloha,
Mike

http://img266.imageshack.us/img266/9...bnails12li.png

millers_35 06-23-2006 01:45 PM

Ah Man great job. Those look awesome!!! Cant wait till you release them. I like the heart and the eyes as well but some may not but definetly put them in as an option.

Miller

evilpenguin 06-23-2006 01:48 PM

Just an observation, but they look a little weird with the light hitting them dead on the top of the sphere. Perhaps you could try moving the "reflection" (or whatever you want to call it) slightly askew and give them a little more of a natural feeling? Maybe something like this...

https://home.comcast.net/~zadigian/n...rd_nofocus.png

Otherwise, I like where your going with this :thumb:

MeInMaui 06-23-2006 03:04 PM

Thanks for the feedback everyone. Please keep it coming.

Quote:

Originally Posted by evilpenguin
Perhaps you could try moving the "reflection" (or whatever you want to call it) slightly askew and give them a little more of a natural feeling?

I'll try a couple variations of the reflections and see what I can come up with. I'll post an example of each and see what is preferred. Since I'm planning on releasing different versions anyway (large and small) I might make up a couple of sets with different reflections and such. It just depends on how much time it all takes. (I really want to finish the skin I'm working on :D )

jds23,

Additional glassy graphics are on my todo list for my orbital skin, so I think I'll be able to address your requests. It might just take a little while.

Thanks again!

Aloha,
Mike

kricker 06-23-2006 10:03 PM

Mike,
Your graphic work is getting better and better with each thing you do. I read thru some of your other posts where you are using Illustrator and Photoshop. As a graphic designer and animator, I use these every day. If you have any questions on how to do some things, or even how to make things easier on yourself, feel free to contact me. I'd be glad to give you some help.

MeInMaui 06-24-2006 12:04 AM

Thanks for the encouragement kricker. I have so far to go it isn't funny, but I have lots of years to get better. I can guarantee I'll take you up on your offer. But don't worry, I'll try not to be too much of a pest. Thank you very much, I really appreciate it.

Aloha,
Mike

kricker 06-24-2006 09:21 AM

No prob...pester away! :)

geogecko 06-24-2006 03:10 PM

Nice job MIM. I agree, the reflection could go a little, maybe to the left (as if the light source was coming from the left), but other than that, they look great. Can't wait to use them.

MeInMaui 06-24-2006 05:23 PM

Ok, so I've learned alot about using layers upon layers for generating highlights and shadows. After seeing a finished example, I have to agree that moving the reflection works much better.

So, which version do you guys prefer: original, revision1, revision2, or am I completely out to lunch? I personally like the effect of revision2, but additional suggestions are welcome.

Aloha,
Mike

http://img72.imageshack.us/img72/496...parison6ud.png

kricker 06-24-2006 06:01 PM

I vote for revision 1. Drop shadows are way over used. Also in this case, as most cases, it just looks cleaner and more professional without them.

Also if you really want a glass look, there should be some small highliting on the dark side as well. example
tutorial with a really shiny ball
If you make your ball a black one, then you place it on your top most layer using transfer modes to "apply" the shiny ball look to the layers below. Then you can make multiple "shiny ball" icons in no time.

You might also wanna try it without any lighing on the "icons" inside the balls.

gplasky 06-24-2006 06:04 PM

Quote:

Originally Posted by kricker
I vote for revision 1. Drop shadows are way over used. Also in this case, as most cases, it just looks cleaner and more professional without them.

I'd have to vote for Rev. 1 also. The drop shadows actually makes the graphic more confusing. In Rev.1 you clearly see the graphic.

Gerry

viper99 06-24-2006 06:37 PM

Rev 1 but a litle bit brighter like the Original.

They look great, can't wait.

geogecko 06-24-2006 09:38 PM

Tally another for Rev. 1. These are going to be so cool. Finally, an artist willing to do some cool stuff for Sage...

MeInMaui 06-25-2006 11:54 AM

Quote:

Originally Posted by kricker
I vote for revision 1. Drop shadows are way over used. Also in this case, as most cases, it just looks cleaner and more professional without them.

Also if you really want a glass look, there should be some small highliting on the dark side as well.

Thanks for the advice. It really helps to have someone who know what they are doing give input.

Quote:

Originally Posted by gplasky
I'd have to vote for Rev. 1 also. The drop shadows actually makes the graphic more confusing. In Rev.1 you clearly see the graphic.

Thanks. You guys have me convinced.

Using rev1 as the starting point, I've added some highlight on the dark side, reduced the lighting on the inner icon, and increased the transparency a notch.

Now I'm starting to feel like I'm at the opthamologist. 1 or 2 ..... 1 or 3 :D

Aloha,
Mike

PS. geogecko: I'm no artist, but I really appreciate the support. Thanks.

http://img526.imageshack.us/img526/6...arison22pa.png

kricker 06-25-2006 12:06 PM

Looking good. Sitting back a few feet and looking at it gives me the idea of what it will look like within Sage. I like rev 3, but depending on the size of the users TV set and if they are HD or not, it could be hard to tell the difference between the 2.

The following are only suggestions, ignore them if you like:
If you stretch that lower highlight a bit more around the edge. Like something similar to a very thin moon shape. Then you should definately tell the difference in the 2. You also might want to boost the contrast a little as well, so it looks a bit more glossy.

MeInMaui 06-25-2006 12:23 PM

Quote:

Originally Posted by kricker
Looking good. Sitting back a few feet and looking at it gives me the idea of what it will look like within Sage. I like rev 3, but depending on the size of the users TV set and if they are HD or not, it could be hard to tell the difference between the 2.

The following are only suggestions, ignore them if you like:
If you stretch that lower highlight a bit more around the edge. Like something similar to a very thin moon shape. Then you should definately tell the difference in the 2. You also might want to boost the contrast a little as well, so it looks a bit more glossy.

Good point. I hadn't even thought of sitting back a few feet. I was worried about overdoing the contrast, but I guessed I erred a little to much on the side of caution. Thanks.:thumb:

evilpenguin 06-25-2006 12:34 PM

I'm a huge fan of rev 1. It looks like it will match the SageMC themes very well. Great work!

ToxMox 06-25-2006 01:07 PM

I like the icon ideas.

Just want to give a pointer coming from designing the default STV icons. Stay away from things that are too detailed and try to use bold lines otherwise when Sage scales them down it will be very difficult to see what they are.

kricker 06-25-2006 07:31 PM

Quote:

Originally Posted by ToxMox
I like the icon ideas.

Just want to give a pointer coming from designing the default STV icons. Stay away from things that are too detailed and try to use bold lines otherwise when Sage scales them down it will be very difficult to see what they are.

Exactly. Good GUI design usually follow the KISS theory (Keep It Simple Stupid). But just because something might look simple doesn't mean the underworkings, or the path to it actually are ;) I have found the more simple things appear, the more difficult it is to get them to "look" that way.

insomniac 06-25-2006 09:11 PM

i hate to critique something so cool. I love what you have done so far. Question:

Is there a way that you can bleed the very clean lines of the reflection a bit? With something like the photoshop correction brush or something similar? To me the clean lines just stand out too much.

I can say that I would definitely use what you have done so far! Im just giving my 2 cents worth i guess...

I.


All times are GMT -6. The time now is 08:10 PM.

Powered by vBulletin® Version 3.8.7
Copyright ©2000 - 2019, vBulletin Solutions, Inc.
Copyright 2003-2005 SageTV, LLC. All rights reserved.