Follow Design Stacks

Subscribe to our free newsletter to get all our latest tutorials and articles delivered directly to your inbox!

Making a logo and a quick graphic design element

Zoe, hello once again and welcome in making a logo and a quick graphic design element tutorial. In this tutorial we’ll practice how to make logos – combine them with

colors and little details and of course to select proper font styles for all this madness.


logo design

So create a document – the size Is not so important- just try to select the proper combination between PC (hardware), the document dimensions and the speed while you

working.



So with me speed and Core 2 Duo, 2 GB ram – I often choose something like this.


graphic design element


So the first step will be the creation of something like background – because white is too bright.


graphic design element


This is how I did it this time – very quickly! I’ve created a fast tone with big diameter brush.



Then I’ve applied texture filter along with motion blur filter:


graphic design element


The result I’ve got is this:


graphic design element


Then it is some text work:



So the first thing I always do is I choose some king of non Classic (web) font to apply some layer styles.



Here is my font line:


graphic design element


I will do 2 lines with different fonts.


graphic design element


See my layer styles on the first one:


graphic design element




graphic design element




graphic design element




graphic design element




graphic design element




graphic design element


Here is the overall effect


graphic design element


The food thing that you can do this – you can change the letters and the layer style will be there too: you can also copy the layer styles and even paint and design

with it.


graphic design element


So back to business: change some characters. I just like to put a dot along with letter L:


graphic design element


Oh yes: you can also change the fonts and the style will be there too:


graphic design element


I think I just found the font I was searching for:


graphic design element


Now all the web 2.0 conception consists of glows, reflections,
saturated highlights and shadows I think. So this is why we’ll just
select some areas and drop even more highlights: use white to
transparency gradient.


graphic design element




graphic design element




graphic design element


I also changed the layout of what was dots some time ago ) .


graphic design element

As you can see I’m already setting up the style for second line:


graphic design element


Here is the font I’m using here:


graphic design element


Here are the other fonts I’m couple more fonts.


graphic design element




graphic design element


Some elements with the brushes maybe:


graphic design element




graphic design element




graphic design element


Zoom in zoom out: watch it carefully – the compositing moment of truth. Seams OK!


graphic design element


Some deco: very easy: just watch the pictures.


graphic design element




graphic design element




graphic design element




graphic design element




graphic design element


And this is it.



logo design

Try
to stay in web 2.0 style. I hope you were just exited reading it as I
doing it. See you next with even more PS and other applications
tutorials next time on eyesontutorials.com

Comments