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

Corporate Business Website Design Tutorial


1. Create a new document of 1024x850 pixels.

image 1

2. Fill the background with color #1f1f1f

image 2

3. Next use your Rulers to make a selection area for place company logo and rest area for top navigation buttons.

image 3

4. Now choose "Rounded Rectangle Tool" with radius "5px" and draw as you need there top navigation buttons with two colors as you seen below screen.

image 4

5. I searched wallpapers-room.com(Download) and found a nice and simple photo to use for the purpose of header, you should use same size rectangle with white background for top and bottom border of this header image as you seen below image.

Download banner Image

image 5

6. now we're going to make an heading on our header image which can be done as follow mentioned steps below on image.

image 6

7. in this step we're going to more creative and professional our design when we just put there heading "Mixing your ideas with our creativity" with follow some specific steps, using "Photoshop free styles DOWNLOAD" and apply whereever you want for make more beautiful your header and also using "HelveticaInseratCyr Upright DOWNLOAD" font for heading font style.

Photoshop Style Download HelveticaInseratCyr Upright DOWNLOAD

image 7

7.1. Ultimate Web 2.0 Layer Styles

image 8

image 9

I used these blending options onto the fonts layer

image 10

image 11

8.  we step forward for content area where we designing an latest concept and devide into 3 columns as follow design requirments, in this first colum "Web Design" with an illustrative icon download from iconfinder.net, in these 3 columns we follow some Photoshop techniques like blending options as you seen in below images.

Web Design Icon Download

image 12

<

img src="/img_articles/18760/1256.jpg" width="530" height="396">

image 13

image 14

Web Design Area with Icon

Web Design Icon Download

image 15

Print Media Area

Print Media Icon Download

image 16

Multimedia Area Multimedia Icon Download

image 17

9. The content area and footer is attractive and illustrative for this business website layout, where 3 sections displayed as "Web Design" "Print Media" and "Multimedia".

image 18

10. now we're on final step where we designing our Business Website footer as follow some latest trends, in this step we draw light yellow background #fffac0 also place there company logo as you seen below image.

image 19

11. as all professionals know fotter requirments which we placed there according to our design needs.

image 20

Final Result Business Website Design Tutorial

When your finished you should have something like this.

Corporate Business Website Design Tutorial (Free PSD file)



Author's URL: tutoriallounge
Final results of our readers
New!
Passed through all the steps? Share your result!
Your result will be premoderated.
Please make sure you choose the right image.
 
 



Captcha

*Required fileds
Grasp the chance to enhance your site with the best fitting layout, including elements like buttons, headers and logos. More Web Layout Tutorials: Featured Materials | Fresh Materials | TutorialKit New Photoshop Tutorials

No comments yet...
Add comments to "Corporate Business Website Design Tutorial"

Captcha