Grasp the chance to enhance your site with the best fitting layout, including elements like buttons, headers and logos.  Home Photoshop Web Layout Designing a Company Home Page from Start to Finish

Designing a Company Home Page from Start to Finish


Start by creating a rounded rectangle using rounded rectangle shape tool.

image 1

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

image 2

image 3

image 4

Create a selection as shown using polygon lasso tool.

image 5

Create a new layer. Apply Black to white gradient.

image 6

Create some horizontal lines using line tool.

image 7

Create a rounded rectangle using rounded rectangle shape tool.

image 8

Insert any image and place it right over the rounded rectangle. Press Ctrl+Alt+G to create a clipping mask.

image 9

Create some more rounded rectangle using rounded rectangle shape tool.

image 10

Create another rounded rectangle using rounded rectangle shape tool. Press Ctrl+Alt+G to create a clipping mask.

image 11

Insert tiny boxes to create some icons. Create some lines and rectangles and place them as shown in the image below.

image 12

Populate the template by inserting company logo, links, products information etc.

Designing a Company Home Page from Start to Finish Tutorial: Final Result



Author's URL: PhotoshopForFun.com
Thank you for voting.
Rate this Materials:
Bad 
1 2 3 4 5 Excellent
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 "Designing a Company Home Page from Start to Finish"

Only registered users can write comment

Reader's comments