Showcase and discover digital art at yex

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