How to Create Business Template in Photoshop

How to Create Business Template in Photoshop

Hey folks, in this massive tutorial you can watch and learn how full design process looks like. We will create a full designs set for ghost company and then we will fly thru the process of cutting and adapting scripts. All you really need is just Photoshop and some basic text editor.

Preview of Final Results


How to Create Business Template in Photoshop


  • Program: Adobe Photoshop CS4
  • Difficulty: Hard
  • Completion Time: more than 4 hours


Copyright notice
In my design, thanks to kindness of PPUCh Tarczyn LLC, I am using two images that I'm not the owner of. However PPUCh Tarczyn LLC allowed me to use them in my tutorial with a restriction that they will not be populated, so you won't see them in finished template nor in psd file. The one is CO2 evaporator machine, and the second are lamellas in the header. I will use them as an example of importing client's images into design. You can not as well copy them from tutorial's images and using on your own. The rest of output of the tutorial (including html template with images and psd source) is under license. The satellite image on the map in contact page is licensed to

Download the Source File

JA | 0.53 MB

Download from Website

Business Template Photoshop Tutorial

Step 1 - Starting a new document

All right, let's make some design. I will just admit that this design is based on a real order and was made with client's guidance. We have a lot to do so we want every step to be as fast as possible. We need some guides to help us determine designs borders, for we will make our design 980px in width, but we will work on wider document. Math won't hurt you, believe me. However the time would do so. We are going to make a document with guides the fastest way I know. I call it 0/100. The thing is that I play with canvas size and adding guides only on 0px position and on 100%. Did you ever notices that some of Photoshop inputs has absolute unit while some of them have units typed next to value? Like this:
And this:
On first image there is no chance to change the unit, because pixels is written on label rather than inside the input, so it is absolute. But try change the unit on second image from px to percent. See? It is possible and works! It should work every time when input has a value of it's parent element - in percent case.
Now you will se what's the trick is all about. We want our document to be 1200x1845 pixels. Now we want to have two guides that will center the area of 980 pixels. How to make it? Create a new document that is 1200px wide. Then divide this value by two so it will be 600px. Our design is 980px wide, we are dividing this value on two as well (490px) and then adding and subtracting it from documents center so we will have 600-490 and 600+490 which will give us 110px and 1090px. This could be problematic if someone can't count quickly in mind and have not round dimensions. Yet there is really easier way that I'm using everyday and it requires a minimum of math. We want 980px design with inside margins of 20px each side (for safety reasons). Thus we are making a document of 940x1845 px and adding guides on 0px and 100%.
Then we are going to Image > Canvas Size and typing 40px in width (with relative measuring checked) for we want 20px each side.

Pages: 1 2 3 4 5 6 7 8 9 10 11 12 13 14

90% Off Cyberpunk Preset Bundle

Make your artwork look like they're from an alternate universe. These Cyberpunk presets work with Photoshop (via the Camera Raw filter) and Lightroom. Download all 788 presets for 90% off.

6 comments on “How to Create Business Template in Photoshop”

  1. I have been trying so hard to make my own templates. There are so many tutorials out there, but it always seems like one or two things are missing from the final product. Either that, or I am missing something within the instructions.

Leave a Reply to fixit Cancel reply

Your email address will not be published.