Part 4

WEB LAYOUT AND OPTIMIZATION

SEMI-TRANSPARENT RIBBONS Part A

STEP : 1

Select File > New to open the New document dialog box. Under Preset choose Web, set the width to 960, the height to 768, and click OK.

STEP : 2

Select the Pen tool and use the Shape Layers setting on the Control bar to ensure that you’ll be drawing closed shapes with editable color fills. Using the Pen tool, draw a ribbon-like closed shape, like the one shown in Figure 4-1. Don’t worry too much about being perfect as you draw; you can always adjust the curves and anchor points using the Direct Selection tool (A) aft er closing the shape. With a shape layer, you can easily adjust the color of your new shape through the Layers panel.

Figure 4-1

STEP : 3

Next, draw a second, similar shape slightly overlapping the first one. To see how this second shape interacts with the first one, adjust the second shape’s opacity down to about 80%, as illustrated in Figure 4-2.

Figure 4-2

STEP : 4

To create the 3D overlapping soft shadow effect, apply the Inner Glow Layer Style to the second shape using the Layer Style button at the bottom of the Layers panel. When the Layer Style dialog box opens, change the blending mode color to a dark gray, adjust the opacity down to about 50%, and set the blending mode to Multiply. To deepen the shadow effect, adjust the choke and size to your liking. For instance, you might set the choke to 23% and the size to 10 px.

Posts You May Also Like to Read:

• Photoshop cs5 tutorials for Web Templates Part 3(B)
• Photoshop cs5 tutorials for Web Templates Part 3(A)
• Photoshop cs5 tutorials for Web Templates Part 2(B)
• Photoshop cs5 tutorials for Web Templates Part 2(A)
• Photoshop cs5 tutorials for Web Templates