Search Templates
| Create a Business PSD Layout in less than 10 minutes* |
|
Now let's start (don't forget to start your stopwatch also): At the top of your canvas create a rectangle about 961px width and 95px height, having a darker color (I used #303123) ![]() After that add a logo and create the navigation. For the logo I have used a special font Bauhaus93 but this is a commercial one and I don't have the right to distribute it. Anyway you can find some really nice free fonts on this website: DaFont. For navigation use a Grey color for the text and for the hover effect I have created a shape (using rounded rectangle tool) and I have applied the following blending options: Color Overlay: ![]()
Outer Glow: ![]()
You should obtain something like this: ![]()
Let's go to the header now: Inner Glow: ![]()
Gradient Overlay: ![]()
Note: To create a shape with a fixed size you will need to select the rectangle tool and once is selected on the top bar select rectangle options and here choose Fixed Size. Rectangle options: ![]()
Here is my result: ![]() Now add a presentation image, some text and some auroras effects (might be vectors or brushes). You can find some really nice brushes or vectors on this websites: VectorMix.com - free vectors or BrushMix.com - free brushes for illustrator, photoshop or gimp. Here is my result for header: ![]()
Now let's move to the main area of the template. (where we will add the main content).Create a new shape (using rectangle tool) with the following dimensions: width:9600px, height 530px, and apply this blending options: Gradient overlay: ![]()
Detailed Gradient overlay: ![]()
After that please add an welcome message with 2 paragraphs and at the bottom 3 columns with text.On our final step we will need to add the footer.Here create a new shape (as color choose #303123) using rectangle tool with this dimensions: width:960px, height:46px.To populate the footer I have added the logo and I have typed a copy write information. Full preview for this psd template: ![]()
Now stop the timer and see if you have created a similar layout in less than 10 minutes. If the answer is yes, you can prepare for another and more complex tutorial....to see which would be the next one, please take a look on our Free PSd Templates Section. And the the next tutorial will be Wordpress PSD Template Portofolio You can download this psd template on free psd template section
Bookmark
Email This
Hits: 76946 Comments (15)Looks good
I like this tutorial and I can't wait to see the next ones. You have some really nice psd templates over here..Keep up the good work!
Cool Design...
I was digging for a tutorial like this. Thank you for your time and for making available for free the psd source.
Nice done
Verry slim design gratz. Could you give me the name of the font that you used for "your title goes here" plz?
...
Nice work! The orange color works really well too! The design is sleek and simple. Thanks for sharing this tutorial!
Amazing
Amazing work man, one of the few tutorials with real professional designs. I learned alot, thanks!
I LIKED THE WEBDESIGN LAYOUTS OF PHOTOSHOP HONESTLY.
i am really very impressed with the Photoshop layouts really.I am also making my personal website layouts all on my own this is the best tool photoshop for weblayouts really.
i have made one and now seeing how the others are made. B.P.S.SEKHON tech expert. Very useful
Wow super cool, i like the webdesign solutions used in this tutorial. Thanks and keep the good work
Thanks for breaking the Rut
I got a bit of designers block and your tutorial sent me in the right direction. thanks for the help.
Write comment
|












