Create a black and white business template using Photoshop and Complete Designer Set from ArtBox7.com

Hello. Today I will create a black and white business template in Photoshop. I hope it will be useful for your upcoming projects!
What do you need to create a similar template:
1. Photoshop (obviously :P )
2. Complete Designer Set from ArtBox7.com (we will use some vector icons from this set).
Open Photoshop and create a new document (Ctrl + N). Your document needs to have the following dimensions: 1020X1020 px and as a background color choose:  #f1f1f1 (a Grey one)

10

Step 1 – Creating top navigation and logo

Select rectangle tool and create a similar shape with the following dimensions: 1020X214px. I have used this color: #464646

12

Next select again rectangle tool but this time create a smaller shape on the top. Please note that I have used white just for learning proposes. This shape need to be a blackish one (#464646)

13

Next apply the following layer styles

14

Add some text on the right side. Here is my final result for it navigation

15

Creating the logo
Select type tool and add your desired text for logo then apply th following layer styles:

16
17
Here is my result for logo

18

Then I will select ellipse tool and I will add a shape just above the logo (I have used white)

19

Make sure that you have this shape selected, then apply a Gaussian Blur:

20
21

My final result

22

Next I will add a search bar (using rectangle tool) and a vector icon from Complete Designer Set
My result:

23

Step2  – Creating the content area

Here using rectangle tool we will need to create several shapes. Please see the screenshot:

24

Then apply the following layer styles for each shape:

25
26
Next using type tool, and some vector icons from Complete Designer Set add some text and some vector images on each shape created above
Here is my final result for content area:

27

Step 3 – Creating the footer

As usual footer is quite easy to create. First select rectangle tool and create a similar shape (mine has the following dimensions 1020X180px)

28

Next duplicate logo and make it a little bit smaller

29

Using line tool, create 3 separators. I have used white

30

And the final step would be to add some text, using type tool

31

Here is my final result:

psd4

ABOUT THIS AUTHOR

Hi, my name is Jeff and I'm the man behind ArtBox7.com. This blog was created to share my knowledge and in the same time to demonstrate the value of the Complete Designer Set All of our tutorials listed on this website have been created using our vector packs

Leave a Reply