Web Development

Creating a theme for your website with Photoshop

Button layout

Continue with these steps to create as many different buttons as you desire for your particular layout. I also used the Edit | Transform | Rotate and Skew options to manipulate several of the button placements; have fun with the settings to create your own button layout.  Once all the buttons are in place I also go to each button layer individually and add a drop shadow as I had done with the background layer previously. I have added five all together as shown here.

About

Selena has been at TechRepublic since 2002. She is currently a Senior Editor with a background in technical writing, editing, and research. She edits Data Center, Linux and Open Source, Apple in the Enterprise, The Enterprise Cloud, Web Designer, and...

3 comments
jhimhope
jhimhope

let me try this it's so beautiful...

pgit
pgit

But I would have made the menu button more distinctive, a pinkish hue comes to mind. I also would desaturate the background a bit. It's a great color, texture and darkness, but draws the eye off a bit with the saturation. Maybe not only desaturate it but lighten up the foreground and saturate it a bit for greater focus on the content. Way cool design, though. I'm not that creative when it comes to the visual arts, but I am a critic, obviously. =|