Latest Project

cafe rio iphone app

Testimonials

Banner

Blog Tags

Lab Eleven Blogs

Web design & Programming tutorials
Tags >> Graphic Design

Photoshop Tricks: Glassy Buttons

Posted by: jstartup

Tagged in: Graphic Design

Shiny, glassy buttons in eleven steps. I've used Photsoshop on a PC for this tutorial, but the idea is really the same for all setups.  Basically you need a solid shape with clean lines, some lighting effects, and a good-looking vector shape to lay on top of the whole thing.  Shape fonts area  a great source for icons, from shopping carts to stereo control icons.  They can be set to any size you'd like and are easy to switch out when making a full set of buttons.

final_button

As with any tutorial the exact numbers used are simply a suggestion, to familiarize you with the lighting techniques being used.  The exact opacity percentages and the depths of your dropshadows will depend entirely on the shape, size and color of the button you create.


Color Theory: The Patterns of Color

Posted by: jstartup

Tagged in: Web Design , Graphic Design

All colors are the friends of their neighbors and the lovers of their opposites. ~Marc Chagall

color_wheel


Latest Blogs

Will iPhone Apps Run On iPad?
Jan 29th 2010 by: Trevor M.

How to create a marquee text for an iPhone app
Jan 21st 2010 by: Trevor M.

How to Submit Additional Images in Virtuemart
Aug 7th 2009 by: Trevor M.

Using an Image as a Submit Button in HTML
Jul 31st 2009 by: Trevor M.

Joomla 1.5 Custom Breadcrumbs
Jul 9th 2009 by: Garrett Bluma

Read all blogs