Comments on: Professional Menu Button

By: Frederic

Frederic — Mon, 30 Jan 2012 00:04:54 +0000

Nice tutorial,but i have problem,Now, select the Rounded Rectangle Tool (Radius: 10 px)
OK but after apply drop shadow and gradient button the button was cut up? as the round top and disappeared?

Before apply Drop Shadow and Gradient:
http://www.photoshopstar.com/wp-content/uploads/2009/04/menu_button_02.jpg

After Apply Drop shadow and Gradient:
http://www.photoshopstar.com/wp-content/uploads/2009/04/menu_button_05.jpg

the slice menu?

By: Armaghan

Armaghan — Fri, 20 Jan 2012 16:55:08 +0000

now how to make this become alive?
any tutorial on jQuery or Flash implementation of this please

By: gmaxxx

gmaxxx — Sat, 06 Nov 2010 22:12:03 +0000

New to PS and I get most of it but how did you get from a rounded rectangle to rounded at the bottom and square at the top. You go from placing the rectangle on the page then Drop Shadow and Gradient to a squared off top…other than that great tut.

By: iankaufman80

iankaufman80 — Mon, 28 Sep 2009 17:13:31 +0000

I’m a fan of all ur stuff and all, but could you make this anymore confusing…oh gooooooooooooooooooddddddddddddddddddd….

By: desch

desch — Sat, 09 May 2009 20:46:11 +0000

Hmm, I’m running into a problem halfway through. Any chance you could post the psd file so I could see what I’m doing wrong?

@mgui5 — Just disable the background, resize the image, save as a PNG, and then in the CSS:

.class {
background-image: url(pathtoimage);
height: heightofimage;
width: widthofimage;
}

then, you just do

Not the best way to do it, but a fast one.

By: mgiu5

mgiu5 — Wed, 29 Apr 2009 11:46:21 +0000

hi can you do a tutorial on how to place these on dreamweaver or get a code as I want to place hyperlinks and otheer stuff tnx this site ROCKS!

By: Vim82

Vim82 — Thu, 23 Apr 2009 08:09:00 +0000

Nice tips, really helpful for the website I’m currently making!