Sorry your browser is not supported!

You are using an outdated browser that does not support modern web technologies, in order to use this site please update to a new browser.

Browsers supported include Chrome, FireFox, Safari, Opera, Internet Explorer 10+ or Microsoft Edge.

2D All the way! / Learning the ropes of photoshop... need some feedback.

Author
Message
Xenocythe
21
Years of Service
User Offline
Joined: 26th May 2005
Location: You Essay.
Posted: 13th Apr 2007 05:29
Thanks to a video tutorial from Biggadd, I can make these kind of button things. They look pretty cool. All done in Photoshop CS2.


What do you think?



Scraggle
Moderator
22
Years of Service
User Offline
Joined: 10th Jul 2003
Location: Yorkshire
Posted: 13th Apr 2007 10:32
The only improvement that I could suggest is to turn on antialiasing for your text. There are four different options (five if you count off) so, have a play with them and see which one works best.



zenassem
23
Years of Service
User Offline
Joined: 10th Mar 2003
Location: Long Island, NY
Posted: 13th Apr 2007 17:45 Edited at: 13th Apr 2007 17:51
The top one looks ok to me. The bottom one' as reflection looks awkward to me. It actually looks like the layers are off-centered.

I like the style and it reminds me of Apple-ish Buttons. Take a look at the one below, to see how you can improve your hihglithing technique.



heres a link to the tutorial
http://home.zonnet.nl/epragt/tutorials/photoshop/shapesandobjects/aquabutton/index.jsp.htm



As far as the text, I think that you need it to be layered under the button layer with a bit of opaqueness (not fully transparent), and pick up the glossy highlights, to make it look like it's actually on the button and not seperate. I don't know how to do it exactly, but if you could use an effect to slightly curve the text horizontally, so as to give the appearance that the text follows the curvature of the button face itself.
Shadow heart
19
Years of Service
User Offline
Joined: 2nd Dec 2006
Location: US
Posted: 14th Apr 2007 01:31
Quote: "The only improvement that I could suggest is to turn on antialiasing for your text."
yep thats the only thing i see that needs change

to the ones thats trapped inside of you, this is it!!
Xenocythe
21
Years of Service
User Offline
Joined: 26th May 2005
Location: You Essay.
Posted: 14th Apr 2007 01:47
Thanks everyone

I'll turn antialising on and I'll work on the glossyness.. thanks for the tutorial zenassem!

Xenocythe
21
Years of Service
User Offline
Joined: 26th May 2005
Location: You Essay.
Posted: 14th Apr 2007 03:32
I dont erally know what text antialising is

But I worked on my glossy button stuff.. there are two versions.

Tell me which one you like better, and any way I can improve on the one that you like bettter.




zenassem
23
Years of Service
User Offline
Joined: 10th Mar 2003
Location: Long Island, NY
Posted: 14th Apr 2007 04:24 Edited at: 14th Apr 2007 04:28
Looks really good.

Text anti-aliasing is a technique that lessens the appearance of jaggies by surrounding border, especially corner pixels, with a few varying shades (in between the object color and it's background) of pixels. This gives the appearance of softening the jagged edges, and rather blends them into the background.

In your case - It would eliminates, or reduce the staircase appearance to your letters edges. Especially the diagonals in the X and N and the curved portions of the O.

Anti-aliasing is usually a feature that can be turned on in your paint editor. You could also perform anti-aliasing manually by hand, but generally it's not worth the time - especially since the
Anti-aliasing algorithms do a pretty good job.

poor man's example. LOL
Shadow heart
19
Years of Service
User Offline
Joined: 2nd Dec 2006
Location: US
Posted: 14th Apr 2007 05:26 Edited at: 14th Apr 2007 05:29
heres a pic to show you diff. between regular images and anti aliasing.


to the ones thats trapped inside of you, this is it!!
Xenocythe
21
Years of Service
User Offline
Joined: 26th May 2005
Location: You Essay.
Posted: 14th Apr 2007 05:33 Edited at: 14th Apr 2007 05:34
Thank you Zenassem And shadow heart

Hey, which one do you like better? The top or the bottom?

And I now understand what anti-aliasing is.

zenassem
23
Years of Service
User Offline
Joined: 10th Mar 2003
Location: Long Island, NY
Posted: 14th Apr 2007 08:11
I like the bottom one better. Mainly becuase the white reflection at the bottom really makes it look glossy.
Phaelax
DBPro Master
23
Years of Service
User Offline
Joined: 16th Apr 2003
Location: Metropia
Posted: 14th Apr 2007 09:39
I'd say bottom, it looks a little more shiny.

Shadow heart
19
Years of Service
User Offline
Joined: 2nd Dec 2006
Location: US
Posted: 15th Apr 2007 03:59
bottom. it's the best

to the ones thats trapped inside of you, this is it!!
Van B
Moderator
23
Years of Service
User Offline
Joined: 8th Oct 2002
Location: Sunnyvale
Posted: 16th Apr 2007 18:56
Nice work.

Instead of normal AA on the text, I'd suggest drawing at double the required resolution then scaling down, this can help avoid those jaggies around text.


Good guy, Good guy, Wan...
Xenocythe
21
Years of Service
User Offline
Joined: 26th May 2005
Location: You Essay.
Posted: 16th Apr 2007 22:16
Thanks

I've decided to make most glossy buttons with the bottom style now.

zenassem
23
Years of Service
User Offline
Joined: 10th Mar 2003
Location: Long Island, NY
Posted: 17th Apr 2007 02:40
Good tip to know Van B!

@Xenocythe, I think you made a good choice. Love the morph in your sig. Was it done in flash?
Xenocythe
21
Years of Service
User Offline
Joined: 26th May 2005
Location: You Essay.
Posted: 17th Apr 2007 03:09
Thanks Yes it was.

Login to post a reply

Server time is: 2026-07-04 20:45:45
Your offset time is: 2026-07-04 20:45:45