Grasp the chance to enhance your site with the best fitting layout, including elements like buttons, headers and logos.  Home Photoshop Web Layout Hosting Layout

Hosting Layout

Browse Pages: << < 1  2 

I have selected again rectangle tool and I will create a white rectangle.

Hosting Layout image 26

With Custom Shape Tool:

Hosting Layout image 27

and the following shape selected:

Hosting Layout image 28

I will create some arrows on our layout:

Hosting Layout image 29

After that I will create a copy, by pressing ctrl+j, then I will rotate the arrow, and place it on the other side.

Edit>>transform>>Flip Horizontal

Hosting Layout image 30

This is what I have so far:

Hosting Layout image 31

With Horizontal type tool

Hosting Layout image 32

I will write some text:

Hosting Layout image 33

After that I will create another black shape:

Hosting Layout image 34

I will reduce the opacity to: 70%; fill: 40%.

This is my result:

Hosting Layout image 35

I will select an image with a computer.

Hosting Layout image 36

After that I will choose another shape with the following color #6890b6.

Hosting Layout image 37

And I have placed the square custom shape like in the following image:

Hosting Layout image 38

I will select another custom shape

Hosting Layout image 39

And I will place the shape like in the following image:

Hosting Layout image 40

I will create a duplicate of this shape ( press Ctrl+J ), then change the color to #195087.

And I will place the shape like in the following image:

Hosting Layout image 41

I will select Line Tool

Hosting Layout image 42

And I will place the lines between the text buttons:

Hosting Layout image 43

I will right click on the layer in my layer palette, then I will choose rasterize.

With Eraser tool

Hosting Layout image 44

And I will delete the top part and the middle part of the line:

Hosting Layout image 45

After that I will duplicate the line a few times and I will place it like in the following image. here is my final result:

Hosting Layout Tutorial: Final Result



Author's URL: amitk
Thank you for voting.
Rate this Materials:
Bad 
1 2 3 4 5 Excellent
Browse Pages: << < 1  2 
print this page subscribe to newsletter subscribe to rss

Advance your current skills or acquire new skills in Photoshop by creating projects using our step-by-step tutorials. More Tutorials: Most Popular Materials | Fresh Materials | TutorialKit New Photoshop Tutorials

Add comments to "Hosting Layout"

Only registered users can write comment

Reader's comments
comments miamiwebdesign February 17, 2009 says:
Hosting Layout
Looks great! Nice to see someone else's technique.