Part 16
Photoshop CS 5
WEB LAYOUT AND OPTIMIZATION
CREATING A LINED NOTEBOOK LAYOUT Part (B)
Figure 16-1
Click the Add a Layer Style button at the bottom of the Layers panel, select Stroke, and apply a 15 px inside stroke, but instead of filling it with a solid color, choose Pattern from the Fill Type menu and select the Rusted Metal pattern from the Patterns menu. If the Rusted Metal pattern isn’t showing, click the Pattern pop-up menu, load the Pattern library named Patterns, and select Rusted Metal. Next, select the Bevel and Emboss style and add a 3 px, smooth, inner bevel. Click OK to close the Layer Style dialog box.
Using a chalkboard font, add the words Back to School Specials along the left side of the chalkboard and slightly rotate it counter-clockwise using the Transform > Rotate command. To the right of this, add three sale items with labels and promotional text. Take a look at Figure 16-2 for inspiration.
STEP: 5
For the main content area of the page, break up the layout into three equal columns and fill each with a header, paragraph text, and Add To Cart button, followed by a product category header and product box (which you can replace later with product images). In this layout, the headers are Arial bold, the paragraph text is Arial regular, the buttons use Arial bold, and the boxes were made with the Rectangle tool. The final touch is adding a footer navigation bar, which includes text links, copyright information,phone number, and links to additional customer support pages. The completed layout is shown in Figure 16-3.
Figure-16-2
Figure 16-3
loading...
loading...
Posts You May Also Like to Read:
- Photoshop CS5 Tutorials CREATING A LINED NOTEBOOK LAYOUT Part 16(A)
- Photoshop CS5 Tutorials BUILDING A SIMPLE WEB LAYOUT Part 15(C)
- Photoshop cs5 tutorials USING THE PATTERN MAKER Part 12(C)
- Photoshop cs5 tutorials USING THE PATTERN MAKER Part 12(B)
- Photoshop cs5 tutorials for CREATING AN ANIMATED FAVICON Part 8(A)
About shakil .
