- Published by
- Posted on
- Leave your thoughts
In this tutorial i will show you a very simple way to create an awesome dark business layout.
You can see the end result bellow. If you want to see the full size layout i recommend you to press on the Demo button and you will see all the details.
For start you need to create a new document with a dark background. I will use the following color: #212121. To add a color to your document the easy way is to use Paint Bucket Tool.
With Rounded rectangle tool i will create a shape. I will use this shape to create a slide show in the middle of the business layout.
I will add some layer styles for this shape. please try to save each layer style from all my tutorials, because it will save you a lot of time. To add layer styles please select the round shape, and then go to Layer > layer style.
I will create one more time a round shape. This time i will use a white color.
On the header of the layout i will create a new shape. Here i will add a text logo, and a menu. To create the shape please use Rectangle Tool
I will add another shape in the footer with the same tool.
For both layers: header and footer i will add the following layer styles.
I will use Line Tool to create two lines. It is very important to set the line weight to 1 pixel. Please also create the lines with the following colors:
As you can see from the next image, i will add the lines several time.
Right above the footer i will create a round shape.
Please use the following layer styles.
Now it is very good if you turn on the Grid ( if you are on a mac user press on CMD+’, and if you are on a windows press on CTRL+’ ). Then please use Pen tool to create the following shape. Please note that i have used a red color, because you will see better.
I have changed the color to black, and then i will create a similar shape, but this time i will use a white color.
I will create some buttons with different colors. Download the PSD file and then you will find the color codes for each gradient i have used.
I will add over this colorful buttons some text.
On the header of the website i will create a logo : ” Webdevtuts “, and on the right side i will add a simple menu.
On the footer of the website i will create some Round shapes and some text.
Bellow you can find the layer styles i have used for the forms from above
I will add some text inside the forms, and over the button.
I will add also a nice red button, and some text in the dark area.
Under this slideshow i will add some text, and some icons. To add the icons is very simple. Open the icon inside photoshop, and then drag it to the layout. With Move tool you can align the icons.
You can see in the next image also the right side of the layout.
Here is my final results. I hope you like it.