Creation of Web Page Header

JC
Posted By
Joel_Carothers
Apr 21, 2005
Views
294
Replies
1
Status
Closed
I too have had the exact same experience. I have called upon friends. I have subscribed to Lynda.com. I have searched the net for an answer to the same question. Can anyone please explain or clarify the adobe.com instructions contained here <http://www.adobe.com/tips/phs8navbar/pdfs/phs8navbar.pdf>

I have spent a week or more trying to resolve this and I keep hitting the same wall. Thank you to anyone who can help me.

Master Retouching Hair

Learn how to rescue details, remove flyaways, add volume, and enhance the definition of hair in any photo. We break down every tool and technique in Photoshop to get picture-perfect hair, every time.

LM
Lynch_Mike
Apr 22, 2005
What you are doing is making a set of layers for each tab.

Duplicate the original layer of the first tab.
Then change your new duplicate layer to the way you want it to look in the next rollover state. Repeat making duplicate layers for each rollover state you desire. Now you have one tab with different states on different layers. (I like to use just normal, over and selected states, but there are planty more available.)

Link the various layers of your first tab.
Define them as a layer set.
Now duplicate that layer set for each tab, and move to next tab position. Now, all the tabs look alike and have similar capabilities, rolloverwise.

So: Add the text to one tab / or tab layer, aligning with tab. Repeat, duplicating each text layer you want to be different in different rollover states.

Make a layer set from the linked text layers.
Now duplicate that stext layer set if you want the same text styles to apply to each tab. Then align each text set with the various tabs, and change the actual text at each tab and rollover state layer, as needed.

Now your tabs each have a layer style and text style whcih you can apply to each rollover state.

For best results, slice each tab into a separate slice.
Ideally you make one slice and divide into x equal segments Slices>divide Slices

Now go to image ready.
Find the Windows>Rollovers window and define how you want each rollover state to apear. Test and export images and HTML using File>Save Optimised That’ll be $5 please.
-Mike

How to Master Sharpening in Photoshop

Give your photos a professional finish with sharpening in Photoshop. Learn to enhance details, create contrast, and prepare your images for print, web, and social media.

Related Discussion Topics

Nice and short text about related topics in discussion sections