Your Universal Remote Control Center
RemoteCentral.com
Graphics & User Interfaces Forum - View Post
Previous section Next section Previous page Next page Up level
Up level
The following page was printed from RemoteCentral.com:

Login:
Pass:
 
 

Page 4 of 5
Topic:
Show Me Your GUI Contest - WIN A T-SHIRT
This thread has 64 replies. Displaying posts 46 through 60.
Post 46 made on Saturday March 6, 2010 at 22:39
sofa_king_CI
Super Member
Joined:
Posts:
June 2009
4,226
On March 1, 2010 at 23:47, gwstudios said...
I didnt see the contest ended March 1st. I was going to put up a screenshot of my newest creation...... it's all good though.

yes, please show.
do wino hue?
OP | Post 47 made on Saturday March 6, 2010 at 23:11
39 Cent Stamp
Elite Member
Joined:
Posts:
May 2007
17,370
You missed it. He had a bunch of great screenshots but pulled them i assume until its ready for release.
Avid Stamp Collector - I really love 39 Cent Stamps
OP | Post 48 made on Saturday March 6, 2010 at 23:22
39 Cent Stamp
Elite Member
Joined:
Posts:
May 2007
17,370
On March 3, 2010 at 13:02, sic0048 said...
gwstudios - that is some awesome work!

39centstamp - thanks for the kind words. I just wish I had the time to learn some basic GIMP/Photoshop techniques. I think I could make my templates look even better with a little work. As it is, I have to utilize the stock CQC graphics (or graphics offered by other CQC users), so that limits my ability greatly.

There really is some good work on this thread. But in the future, it would be nice to have the pros and amateurs in different categories. We amateurs obviously cannot compete with the Pros. You guys do amazing stuff!

I agree with making categories. I spent all of 20 minutes taking this from an idea to a contest this time so hopefully next time is better :).

I started playing with fireworks about 9 or 10 years ago. It wasnt until the last 3 or 4 that i started getting any good at it. In 2007 we created a new GUI for the company i work for and thats when it went from "eh.. okay" to "wow that looks pretty good".

Starting my blog guijaboard is what got me motivated to practice more. I did the RTI template leather and it looked pretty good then i did the "black glass" button set that gets downloaded 20+ times per month since i uploaded it in 2008. Then i did the dark knight for CJ with a navigation menu i had been working on since late 2007 and it looked even better than all the others then i made tactical and i think its the best i have done so far.

The best advice i can give you is to look for tutorials and layered files that you can pick apart and learn how its done. You already have the whole thing layed out so your well over 50% done. So if you just design your GUI around that layout it should be pretty painless. But IMO your GUI looks good right now. The only reason i would bother is if you are a tweaker and just want to add something new to your HA hobby. I got interested in graphic editors after i started learning HTML and CSS. I put up a little website and needed a logo.
Avid Stamp Collector - I really love 39 Cent Stamps
Post 49 made on Sunday March 7, 2010 at 14:08
sic0048
Long Time Member
Joined:
Posts:
April 2008
53
Honestly I would be happy with starting out learning how to create custom sized backgrounds with shading to make them 3-D like. As it is now, many of my backgrounds end up looking flat. I can use other people's backgrounds (and do manytimes), but sometimes the simply are not the right size.

I realize that is a pretty basic step in graphic creation - so it cannot be that difficult. I've even looked at some "How To" guides on the net, but many of them assume a user already knows how to do the "simple" stuff. I need the Graphics 101 version, or perhaps the precurser course to Graphics 101. :-)
Whole House Automation through CQC (Charmed Quark Controller)
www.charmedquark.com
OP | Post 50 made on Sunday March 7, 2010 at 16:34
39 Cent Stamp
Elite Member
Joined:
Posts:
May 2007
17,370
With backgrounds its always better to start with something bigger then you need vs smaller then you need. That way you have 2 options. #1. Is to crop a section of the image to the size you need it. #2. Scale the image to the size you need it. Here are some screenshots to explain.





Cropping lets you take a piece of the full size image. Very handy for eliminating logos and text you dont want to see or for capturing just a portion of a photo.

Scaling lets you keep the entire image. This usually works fine unless you are scaling waaaay down from the original image. And even then you only notice imperfection on hard lines in the image.

Im most graphics editors you can adjust the size of something manually using your mouse or you can type in exactly what you want. For an image like the one in my example its usually not important that you keep it scaled equally. Meaning you can go from a 4:3 image to a 16:9 image and no one will be able to tell the difference. But with photos and things other than random patterns you have to try and keep it equal. So 800X600 can easily be 400X300 but not 600X200.

This is from fireworks. I cant say for sure but i assume there is a similar feature in every graphics editor.
Avid Stamp Collector - I really love 39 Cent Stamps
Post 51 made on Monday March 8, 2010 at 20:19
Duct Tape
Loyal Member
Joined:
Posts:
November 2008
5,051
 I got my tshirt today.  I can't wait to wear it to work tomorrow.  I think it will be my new karaoke night tshirt :)
[Link: facebook.com]
OP | Post 52 made on Monday March 8, 2010 at 20:27
39 Cent Stamp
Elite Member
Joined:
Posts:
May 2007
17,370
You gotta get this one to complete the set.

Avid Stamp Collector - I really love 39 Cent Stamps
Post 53 made on Monday March 8, 2010 at 22:10
sic0048
Long Time Member
Joined:
Posts:
April 2008
53
Stamp - sorry for the confusion. What I meant by backgrounds are the smaller backgrounds that my buttons might appear on, or perhaps the backgrounds for my popups (like the CD preview screens). These popups are better looking when then have some shading and 3-D look to appear as if they are floating over the regular screen.

Thanks!
Whole House Automation through CQC (Charmed Quark Controller)
www.charmedquark.com
OP | Post 54 made on Tuesday March 9, 2010 at 16:23
39 Cent Stamp
Elite Member
Joined:
Posts:
May 2007
17,370
I call them Device Canvas or Popup. Device canvas is the main area where a device menu will appear. A popup is where a series of buttons would appear. The popup can be fixed or made visible by pressing a button. See the examples below.

With my GUI the device canvas is always the same size and located in the same area. This keeps the page layout consistent and is nice when you like to have everything on subpages in a Crestron project. Its the rectangle (in this example) in the background. The idea is to keep a devices menu inside this area.



This is an example of using a fixed button to bring up a popup. It is translucent in this example.



This is an example of a fixed popup. Its technically not popping up but i decided to call it that vs dialogue box or rectangle. The terminology isnt really important i guess. I had to come up with names for things when working on projects with other people because you get tired of hearing "can you make the box bigger" WHAT BOX? LOL.



Ok finally to your question.. The easiest thing to do is to simple drop a shadow or glow under a shape. If you want to get fancy you can add some translucency to the shape. If you want to get even fancier you can add more effects to the shape.

Box 1 and 2 are from my Tactical template. Box 1 is solid Box 2 is translucent. They are identical except for the translucency. If you look at box 1 you can see i added some shading here and there and a glow under it to make it appear like its floating.

Box 3 and 4 are white and black plain shapes with the transparency set to 50%. They both have a glow effect added to them. These are probably the easiest to make.

Box 5 has some simple effects but it looks really good. It has a slight gradient with the bottom being darker. A light blue trim and a glow effect. I also added in some feathered ovals at the top and bottom to give it a little more depth. YOu can see all the shapes involved in making it below it.



Look around in your graphics editor for something that will drop a shadow or a glow under an object. Thats probably the easiest first step.
Avid Stamp Collector - I really love 39 Cent Stamps
Post 55 made on Thursday March 11, 2010 at 22:34
sic0048
Long Time Member
Joined:
Posts:
April 2008
53
On March 8, 2010 at 20:19, Duct Tape said...
I got my tshirt today. I can't wait to wear it to work tomorrow. I think it will be my new karaoke night tshirt :)

Got mine today too. I was impressed with the quality - it is a decent shirt! I guess I was expecting a lighter weight fabric. (No offense intended to 39centstamp).
Whole House Automation through CQC (Charmed Quark Controller)
www.charmedquark.com
OP | Post 56 made on Thursday March 11, 2010 at 23:07
39 Cent Stamp
Elite Member
Joined:
Posts:
May 2007
17,370
To be honest i have never even seen the shirts :). I set up an account at cafepress.com and uploaded an image. Then you pick from their list of stock items and create a store.

I have never sold an item from the guijaboard or wiremunky store. I just use them to send people t-shirts. I have sent quite a few newborns "onesies". Its part of my marketing strategy to get these kids hooked on my company while they are young :).
Avid Stamp Collector - I really love 39 Cent Stamps
Post 57 made on Monday March 15, 2010 at 19:17
sic0048
Long Time Member
Joined:
Posts:
April 2008
53
On March 11, 2010 at 23:07, 39 Cent Stamp said...
I have never sold an item from the guijaboard or wiremunky store. I just use them to send people t-shirts. I have sent quite a few newborns "onesies". Its part of my marketing strategy to get these kids hooked on my company while they are young :).

That is brilliant. Too bad the pay off is 20+ years in the future.... :)
Whole House Automation through CQC (Charmed Quark Controller)
www.charmedquark.com
OP | Post 58 made on Monday March 15, 2010 at 21:09
39 Cent Stamp
Elite Member
Joined:
Posts:
May 2007
17,370
On March 15, 2010 at 19:17, sic0048 said...
That is brilliant. Too bad the pay off is 20+ years in the future.... :)

I am a patient munky.

Avid Stamp Collector - I really love 39 Cent Stamps
Post 59 made on Monday March 15, 2010 at 22:40
JoeyCes
One In A Million
Joined:
Posts:
May 2004
1,326
On March 15, 2010 at 21:09, 39 Cent Stamp said...
I am a patient munky.

Or was that a monkey patient?



LOL... Thanks for that onsie by they way, it fits her now, so expect those photos soon!
Post 60 made on Monday March 15, 2010 at 23:53
ntdesigner
Long Time Member
Joined:
Posts:
January 2009
87
On March 11, 2010 at 23:07, 39 Cent Stamp said...
I set up an account at cafepress.com and uploaded an image. Then you pick from their list of stock items and create a store.

Can they make me a shirt that just says, "I know karate" in plain, black text across the front...I've always wanted a shirt like that.
Aaron Craig - NTDesigns
www.ntdesignsonline.com
[Link: twitter.com]
Find in this thread:
Page 4 of 5


Jump to


Protected Feature Before you can reply to a message...
You must first register for a Remote Central user account - it's fast and free! Or, if you already have an account, please login now.

Please read the following: Unsolicited commercial advertisements are absolutely not permitted on this forum. Other private buy & sell messages should be posted to our Marketplace. For information on how to advertise your service or product click here. Remote Central reserves the right to remove or modify any post that is deemed inappropriate.

Hosting Services by ipHouse