Page 1 of 3

[W.I.P.]Xbox 360 theme

Posted: Mon May 19, 2008 5:34 pm
by xbox
Last Friday I finally got my design premium and decided that my first project would be to re-create the Xbox 360 dashboard. I am creating it in photoshop extended and then bringing it into either flash (Most likely) or dreamweaver where I will put it together into a working website theme.

To enter the site you press the power button:
Image
It's hard to see on the blue background but the ring of light is transparent and the power symbol is there.

Image
Here is the background(1024 x 1024). I have not created the blades yet.
I know about the more opaque line on the top fade away.

Image
And here are the four background colors.

I will update this post with my progress.
Please rate what I have so far.

Posted: Mon May 19, 2008 7:21 pm
by xlRainlx
looks cool and uh make sure the avatar you're trying to upload is the right file type and file size.

Posted: Mon May 19, 2008 8:52 pm
by JK-47
The edges are a bit rough.

Posted: Tue May 20, 2008 12:59 am
by Danke
The power button has no anti-aliasing =/
And the dashboard part's edges are very blurry, and kind of not-round.
The gradient on the top and bottom parts is kind of washed out.

Good idea, could use a little work.

Posted: Tue May 20, 2008 3:15 am
by xbox
Like I said, this is my first project so...
Don't know how to add anti- aliasing.
Image
The blur is from drop shadow and inner glow.
I made the top and bottom fade aways with the polygon select tool.
The fade aways will be redone, but what is a good gradient to match this:
Image

Posted: Tue May 20, 2008 4:09 am
by Cryticfarm
Can't you just use the eyedropper tool on one side of the gradient and again on the other?

Posted: Tue May 20, 2008 6:26 am
by Tural
Uh, the program should be doing the AA for you. What are you using? Photoshop shouldn't be giving you such aliased results, unless you're using the pencil tool or something..

Posted: Tue May 20, 2008 12:56 pm
by xbox
I was using the circle selection tool.
I have the colors for the gradient, I just don't have the gradient style itself.

Posted: Tue May 20, 2008 1:05 pm
by Cryticfarm
xbox wrote:I was using the circle selection tool.
I have the colors for the gradient, I just don't have the gradient style itself.
Phail, use normal circle tool :p.

Posted: Tue May 20, 2008 2:01 pm
by xbox
Why can I not edit the circle when I use the "normal" circle tool.
I try to select it so I can apply a gradient but it wont let me.

Posted: Tue May 20, 2008 2:43 pm
by -Legendary-
Maybe it's on the wrong type? Change it up at the top. It might be trying to minus that part out, not add that to the selection.

Posted: Tue May 20, 2008 3:13 pm
by RaVNzCRoFT
Just make the whole layer a solid color, then in blending options, create the gradient by using the eyedropper tool to get the right colors. The gradient, by default, should be set to Linear, I believe. Click the drop down arrow and select the circle one...it's Circular or Elliptical or something. Then drag it around and mess with the other settings until you get what you want.

Posted: Tue May 20, 2008 3:25 pm
by {TP}Spartan
xbox wrote:Why can I not edit the circle when I use the "normal" circle tool.
I try to select it so I can apply a gradient but it wont let me.
Did you try blending options or regular gradient tool?

Posted: Tue May 20, 2008 3:31 pm
by xbox
here is an update on the dashboard
Image
Remember: it looks jagged in this picture because it was scaled down from 1324 x 1024
I figured out the problem and will be starting the power button over in just a minute.

Posted: Tue May 20, 2008 3:44 pm
by Tural
That should not be why it is aliased, unless you resized it in Paint or something. By doing whatever resizing method you used, you make the edges look pretty bad.

Posted: Tue May 20, 2008 3:48 pm
by Cryticfarm
I redid you power button. It's aliased, but the ring around the line thing on the power on symbol is a bit off.

Posted: Tue May 20, 2008 4:05 pm
by Tural
No aliasing.
Image

Posted: Tue May 20, 2008 4:08 pm
by xbox
k..... heres mine, post yours.
Image

Edit: Thanks tural, that looks better! how did you apply anti-aliasing?

Posted: Tue May 20, 2008 4:10 pm
by Tural
I didn't apply anything, I just made it how I would normally. I don't even know how you can make it aliased, because the AA is done on its own.

Posted: Tue May 20, 2008 4:10 pm
by {TP}Spartan
Tural's is better