Web Page Design Layout

September 8th, 2007 by ART-D Posted in Adobe Photoshop, Web Layout

Create Web Page Design Layout in Photoshop CS3

(products, downloads, store, support, community)

Create Web Page Design Layout in Photoshop CS3

Now we have to create a circle on the right part of the menu’s button, applying the Ellipse Tool (U):

Create Web Page Design Layout in Photoshop CS3

The layer’s parameters: Blending Options>Inner Shadow

Create Web Page Design Layout in Photoshop CS3

Blending Options>Gradient Overlay

Create Web Page Design Layout in Photoshop CS3

Gradient’s parameters:

Create Web Page Design Layout in Photoshop CS3 

Create Web Page Design Layout in Photoshop CS3

Make five copies of the last made layer and place the copies exactly the way it is demonstrated next picture:

Create Web Page Design Layout in Photoshop CS3

We have to make some corrections on the right corner of the menu’s buttons panel. For the beginning we’ll mark out all the layers with the small circles (keep pressed the Ctrl button and make a click on the marked buttons), paste them together Ctrl+E. And then select the Rectangular Marquee Tool (M) for marking the zone as it is shown on the next picture. Press Delete button:

Create Web Page Design Layout in Photoshop CS3 

Create Web Page Design Layout in Photoshop CS3

Finished!

View full size here.

  •  

  •    
  •  

 

Post Pages: 1 2 3 4 5 6