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 photoshoptutorials.ws license. The satellite image on the map in contact page is licensed to geoportal.gov.pl.

Download the Source File

JA Room.zip | 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.

Pages: 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21

6 responses to “How to Create Business Template in Photoshop”

  1. vendle Avatar

    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.

  2. priya Avatar

    not like

  3. fixit Avatar

    Great post

  4. Opentargets Avatar

    Your give each and every post in clear explain

  5. Carol Mendez Avatar
    Carol Mendez

    Thanks… very long and some textarea/code not showing up property but good info

  6. Aviv Avatar

    thank you so much for this tutorial.
    you are very talented and tought me a lot!

    keep on with the good work.

Leave a Reply

Your email address will not be published. Required fields are marked *