Luminar AI lets you turn your ideas into reality with powerful, intelligent AI. Download the photo editor and see how you can completely transform your photos in a few clicks.
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
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
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:
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.