Making a corporate style design

Hello and welcome in making a corporate style tutorial. In this tutorial we will use Adobe Illustrator instead of Photoshop because as a Graphic Designer you should now that almost every print Add is made in vector based application, and Illustrator is just one of such applications.


I’m using lately released Illustrator CS4 and I really think that this is one of the best versions ever built. It is very flexible and you can tweak your interface just like in Photoshop.


You can make this entire tutorial in Photoshop if you want, but I recommend you to make it in Illustrator.


Making a corporate style design

So let’s go then.


Don’t worry that I’m starting the tutorial in CS2, because after this tutorial I really decided to uninstall it. CS2 in the worst illustrator ever built (IMHO).

Making a corporate style design


Document size is – just choose legal.


Making a corporate style design


The good thing about illustrator is that you can manage your shape fill and stroke in real time, not like in Photoshop.


Making a corporate style design


Here are some examples: I’ve created an ellipse with gradient fill and custom bush stroke. You can change stroke and fill color, stroke diameter and opacity as you wish without pressing Ctrl+Z or setting these parameters before you stroke it, like in the Photoshop.


Making a corporate style design




Making a corporate style design




Making a corporate style design


But this was just an example- actually I did try to make some king of style from these gradient ellipses – but this idea didn’t last long.


So I’m beginning to type the text – I liked this font from the very beginning – it is called – bauwerck.


Making a corporate style design


I’ve used the 3D illustrator function to make something from these circles – but, man, I really don’t know the PC you got to have to make this fast enough.


So you can see the poor result there on the right.

But I’ve made the logo on left that I really like – it has a combination of grey orange colors on the text and light blue background element made by a brush tool.


Making a corporate style design




Making a corporate style design


That’s the moment I’ve decided to get rid of all background element of the right. I will use a basic brush tool -and in illustrator the brush tool reacts like: you draw the path first and then it is being overplayed with brushstrokes. You can change the curve then, changing the brush strokes form.



Making a corporate style design


Close up: I’ve paste some text there.


Making a corporate style design


Save the file and export it like a PSD.


Making a corporate style design


So I think we’ve done our basic elements that make this design: the Font, the brush strokes elements, and the color gamma, now we can make a visiting cad and a contract.
Visiting card:
Make a new document with exact dimensions (9×5).


Making a corporate style design


Drag the patch from the previous file.


Making a corporate style design

I’ve decided to leave the patch without any changes, even if its covers big area.
Typing some txt here:


Making a corporate style design


Changing some colors:


Making a corporate style design


Making a layout for all this data:


Making a corporate style design




Making a corporate style design


Next step: the contract.
When you’re creating a corporate style for any company you should include at least 3 elements: a teller, a visiting card and a contract.


Copy the logo and the text to a new A4 document.


Making a corporate style design


Typing in some additional contact information:


Making a corporate style design


Copy the curve element.


Making a corporate style design


Find some kind of contract template.


Making a corporate style design




Making a corporate style design


And this is it.
The final thing that I recommend you to do is to make a good presentation for your work.


So I will make my presentation in Photoshop CS2.


Arrange all the elements and make 3 separate layers.


Making a corporate style design


Drop a light shadow to all the elements.


Making a corporate style design




Making a corporate style design


Make a background. I’ve used the same colors that you can see in my design. (= a bigger shadow).


Making a corporate style design




Making a corporate style design


And we have it, we got a very bid size document: hope you learned something from it. Use all the applications to become a master designer.



Making a corporate style design


Comments