Creating this Page — In PhotoShop
Each tab sits on its own layer in the vector program, with the defining tab on the top layer. Both CorelDraw and Illustrator allow you to shift the defining layer to the top, leaving subordinate tabs below. Normally I leave the coloring for PhotoShop, but here I've filled in the outlines for illustration purposes. Here I use the same layered vector drawing, shifting the defining tab to the top. I export six different versions, each with a different top layer, to PhotoShop as a PSD file.
In PhotoShop I add the coloration and effects, applying a smooth Inner Bevel layer style with the following properties — Direction: Up; Size: 8; Soften: 0; Shading Angle: 135°; Altitude: 34°; Global Light Disabled; Highlight Screen Mode at 75% opacity; Shadow Multiply Mode at 25% opacity. I use a normal Color Overlay with a different hex color code for each tab per layer (i.e., EFF9FE for the Introduction tab).
Introduction
Journal
Lyrics
Storefront
News
Contact Me
• Introduction
• Creating This Page
— In PhotoShop
In HTML/CSS
Stretch Layout
The Body
Web Design Theory
The Fold
The Masthead
Resources
Sitemap
My Web Sites
About Me
Journal
Lyrics
News
Storefront
Contact Me
Previous Page
link to next page
Here you see the results for blue (top), yellow (middle) and green (bottom) tabs.
link to next page
Introduction: Creating This Page Web Design TheoryResourcesSitemapMy Web Sites
Journal: EvaFrankOut of the MistThe New FrontierThe DawningIn DreamsThe SearchA Phantom Reality
Lyrics (1970-1996) • StorefrontNews — Tell the Truth and Shame the Devil • Contact Me
©2007-2008 Glen F. Nemeth • All Rights Reserved