Photoshop cs5 tutorials for Web Layout Part 6(A)

Part 6

Photoshop cs5

WEB LAYOUT AND OPTIMIZATION

CUTTING A ZIGZAG EDGE 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 300, and click OK. Th e background color of your layout can be any color you like, either with or without a texture. For instance, you might set the background to a tan color with a hexadecimal value of #e3ddcb or add a stone texture background.

STEP : 2

To create the color divider for the footer area, set the foreground color in your toolbar to a maroon color with the hexadecimal value of  #500809, select the Rectangle tool from the toolbar, and draw a rectangular shape that is 960 px wide by 70 px tall across the bottom of your layout, as shown in the example in Figure 6-1.

Figure 6-1

Figure 6-1

 

STEP : 3

The zigzag pattern must now be created in a separate file. Select File > New to open the New document dialog box. Under Preset choose Web, set the width to 12, the height to 7, and click OK. When the new file opens, zoom in to 3200% so you can see the file up close. Click the Create New Fill or Adjustment Layer button on the Layers panel and add a solid color adjustment layer to your file. When the color picker appears, set the color to the same maroon color with a hex value #500809 and click OK.

 

email
GD Star Rating
loading...
GD Star Rating
loading...

Posts You May Also Like to Read:

About shakil .

Shakil . is a Founder and Web Designer, Ahoban Network of Ahoban Network (আহবান নেটওয়ার্ক). Google+ | Twitter | Facebook | LinkedIn | Pinterest | YouTube | Email me



             

Speak Your Mind

*

CommentLuv badge
This blog uses premium CommentLuv which allows you to put your keywords with your name if you have had 3 approved comments. Use your real name and then @ your keywords (maximum of 3)