We help IT Professionals succeed at work.

We've partnered with Certified Experts, Carl Webster and Richard Faulkner, to bring you two Citrix podcasts. Learn about 2020 trends and get answers to your biggest Citrix questions!Listen Now

x

help creating a menu in photoshop

dthomas31uk
dthomas31uk asked
on
Medium Priority
147 Views
Last Modified: 2010-04-03
Hi, Guys.

Does anyone know of any tutorials around that can help me create the green menu box on this webpage

http://www.zufanek.cz/o-spolecnosti.html

Think it looks great and would love to have a go at creating one.

Cheers guys
Comment
Watch Question

Commented:
There are probably a myriad of ways to do this - I'll offer one:

Assuming you have created a new RGB image just a little larger than your actual image needs to be, and at 72 dpi..

1) Create the shape you want as a path. (make sure your paths pallete is showing by going to Windows > Paths. Click on the drop down menu and select New Path). Use the Pen tool to draw your path (I am assuming you know how to use Bezier curves, if not :http://amanda.dd.com.au/cgi-bin/advice/view.cgi?1046, http://www.hypergurl.com/beziercurve.html is a start. Google Bezier Curves Tutorials for more.).

2) Create a new layer(optional- you could use the bottom background layer, but I usually don't). Fill it with the background lighter tint. (Have the color in your foreground in the tools palette, select all, Edit > Fill > Foreground Color (there are key command shortcuts, but I am skipping those for now))

3) Create a new layer. Make sure it is selected, and then click on your path in the paths palette and on the drop down menu, select Make Selection and make sure New Selection is checked and Zero feathering  and click ok. Then choose Select > Modify > Contract and choose any where from at least 10-20 pixels. Then choose Select > Feather the same amount (you can play with this in both stages later). Choose Select > Inverse and then choose the darker color you want in the foreground palette, and then choose Edit > Fill > Foreground Color.

This will fill the whole outside with the darker color. Thats ok. The point is to check the feathered edge and make sure it is soft enough for what you want. If you need to, you can click on your path to show where it will be cut off once it is masked. Once you are happy with the results proceed, if not, Select All on that layer, delete, and go back and play with it until you get it right.

Once you are happy with that, there are two ways to go. I will explain the way I do it, as you can always go back and change things if you want.

4) Choose the darker color layer. Select your path, and Make Selection again as a new selection, no feathering. Go to Layer > Layer Mask > Reveal Selection. This will mask the area outside the dark color.

5) repeat this on the light color layer. If this is good to go, got to File > Save For Web and I usually choose JPEG and medium quality, but you can play with that as well to suit your tastes.

Hope that helps, let me know if you have any questions.

BongSoo

Not the solution you were looking for? Getting a personalized solution is easy.

Ask the Experts
Commented:
http://www.pixel2life.com   many a tutorials on menus!

Author

Commented:
cheers for that guys it worked a treat :) :)
Access more of Experts Exchange with a free account
Thanks for using Experts Exchange.

Create a free account to continue.

Limited access with a free account allows you to:

  • View three pieces of content (articles, solutions, posts, and videos)
  • Ask the experts questions (counted toward content limit)
  • Customize your dashboard and profile

*This site is protected by reCAPTCHA and the Google Privacy Policy and Terms of Service apply.

OR

Please enter a first name

Please enter a last name

8+ characters (letters, numbers, and a symbol)

By clicking, you agree to the Terms of Use and Privacy Policy.