Her

Home Photoshop Tutorials Web Layout Corporate Look Website Home Page

Corporate Look Website Home Page

Author: PhotoshopForFun.com Author's URL: http://photoshopforfun.com More by this author

Create a rectangular selection using rectangular marquee tool. Create a new layer and fill it with blue to green gradient in linear mode.

image 1

Create two rectangles on top and bottom using rectangular shape tool.

image 2

Create a rounded rectangle using rounded rectangle shape tool.

image 3

Double click the layer to open layer style window. Apply settings as shown.

image 4

image 5

image 6

Create a rounded rectangle using rounded rectangle shape tool. Place it as shown and apply same layer style.

image 7

Duplicate the layer thrice and place below each other.

image 8

Create a rounded rectangle using rounded rectangle shape tool. Change gradient style to darker one.

image 9

Insert a relevant image. Move this layer right above the dark rounded rectangle layer in layer order in layer palette. Press Ctrl+Alt+G to create a clipping mask.

image 10

Create a rounded rectangle using rounded rectangle shape tool. Place it on the left.

image 11

Double click the layer to open layer style window. Apply settings as shown.

image 12

image 13

image 14

Similarly create another rectangle for the heading of the rectangle.

image 15

Type link names and heading as shown in the image below.

image 16

Similarly create more rectangles with different colors.

image 17

image 18

Create a rectangular selection using rectangular marquee tool. Create a new layer. Apply white to transparent gradient.

image 19

Duplicate the layer several times an place for the other buttons.

image 20

Insert another graphic over the top rectangle using clipping mask technique. Reduce the opacity.

image 21

Insert company logo and name. Type link names and other details. Insert some image thumbnail too.

Corporate Look Website Home Page
Click to enlarge