Solved

help creating a menu in photoshop

Posted on 2006-10-19
3
125 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
0
Comment
Question by:dthomas31uk
3 Comments
 
LVL 16

Accepted Solution

by:
BongSoo earned 400 total points
ID: 17765700
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
0
 
LVL 7

Assisted Solution

by:Animasu
Animasu earned 100 total points
ID: 17766736
http://www.pixel2life.com   many a tutorials on menus!
0
 

Author Comment

by:dthomas31uk
ID: 17801624
cheers for that guys it worked a treat :) :)
0

Featured Post

IT, Stop Being Called Into Every Meeting

Highfive is so simple that setting up every meeting room takes just minutes and every employee will be able to start or join a call from any room with ease. Never be called into a meeting just to get it started again. This is how video conferencing should work!

Join & Write a Comment

Introduction When sharing photos, especially via e-mail, the large resolution images that most cameras take today make for extremely large file sizes. The time required to upload these files to forums, send in e-mails, post to blogs or even placi…
In this article, I'll explain how to change the color of a selection in Photoshop. I'm sure there are a couple different ways to do this in photoshop, but this is my preferred method in Photoshop. I am using Photoshop CS6 and I will be adjusting the…
In this tutorial viewers will learn how to correct colors in Photoshop using the Curves adjustment Open a photo for editing in Photoshop: Begin by creating a new adjustment layer by going to Layer > New Adjustment Layer > Curves: Select "OK" on the …
Make a selection using the pen tool to trace the selection. Then alter the color of the selection by using the color balance option in Adobe Photoshop.

707 members asked questions and received personalized solutions in the past 7 days.

Join the community of 500,000 technology professionals and ask your questions.

Join & Ask a Question

Need Help in Real-Time?

Connect with top rated Experts

17 Experts available now in Live!

Get 1:1 Help Now