Logo Design Tutorial

There are literally dozens of different ways to design a Web 2.0 logo, the most time consuming methods will definetely bring you better results but there are also extremely simple ways to create a good looking logo within a few minutes.

Today we are going to show you a very basic tutorial that if used in the right way can give your logo a very nice glossy look.

If you like this tutorial but would like a professional to design your logo check out LogoSamurai.com our logos are very professional and very affordable, visit us for cheap logo design.

Today you will learn how to create this:

For this tutorial, we will be using Photoshop. Although there are other softwares you could use to design your logo Photoshop is surely the most popular one and that's whay we are going to use it.

1- Open your Photoshop ( any version of Photoshop is OK ), click the tab
FILE > NEW


cheap logo design

Now that you have your 500 x 300 window created let's pick our text color. In order to do this simply click the SQUARE like the picture below shows.

Choose the color BLACK ( don't worry, you will be able to change the color later).


cheap logo design

Once you picked your color it's time to write your text, for this tutorial we will be using the word " SAMURAI " but you can use whatever you want.

To Start typing your text just click the " T " in the tool bar like the picture below shows.



cheap logo design

Once your text is ready go ahead and click the tab LAYER > RASTERIZE > TYPE.

This step will change your text from it's vector format to a pixel format, which is easier to work with in Photoshop.



cheap logo design

Now that your text is written and RASTERIZED go ahead and duplicate your layer.

To duplicate your layer right click your text's layer and choose DUPLICATE LAYER.



Now you have this:



cheap logo design

In case you can't find your LAYERS menu don't freak out! Just chill and click the tab WINDOW and select LAYERS.

Check out the picture below:



cheap logo design

OK, this is the best part, now you will your text will to start to look like a Web 2.0 logo.

Select the layer that contains your text ( the layer without the "copy" next to it ) , and then click the tabs EDIT > Stroke.



cheap logo design

You will then see a little window like the one we're showing below:

ps: Make sure to keep the same configurations as the image below, the same width, color and location ( outside ) else.



Once you hit the OK button your text will look like this:


cheap logo design

Now the magic begins, select the LAYER where your text with a red outline is located and double-click it.

You will see a menu with many options, see the image below:


cheap logo design

Now you will double-click that BLACK to WHITE gradient in order to choose your own colors.


cheap logo design

In order to get a nice gradient effect you need to select two tones of the same color, for example, if I want my text to be outlined by a nice orange gradient I must select a DARK BLUE and then a LIGHT BLUE ( you may do this with the colors you prefer )

To selece the dark orange you must double-click the black square and choose a dark blue.

To select the light orange you must double-click the white square and choose a light blue.

You text will look like this:


cheap logo design

Doesn't look that good huh? Relax, now choose the other layer, that one with a "copy" written next to it.

Now double-click that layer to reveal the menu below:

Once you select the GRADIENT OVERLAY you will be able to choose two different colors, just like we did with the dark blue and the light blue.


cheap logo design

This time you won't select anything too colorful, your first color must be LIGHT GRAY and the second one WHITE:


cheap logo design

You text will look like this:


cheap logo design

It looks much better than before but we still have some effects to add.

Now click and hold the SQUARE located at the tool bar and select the ELLIPSE TOOL:


cheap logo design

After you selected the Ellipse Tool draw an ellipse right over your current logo. If your ellipse has any color other than white just click the COLOR BUTTON at the top of the screen and change the color to white:


cheap logo design

After you change the color of your ellipse to WHITE your logo will look like this:


affordable logo design

In order to get the effect we want you must select the LAYER where the ELLIPSE is located and decrease its opacity to 30%.

It's pretty simple, check this out:


affordable logo design

We already have something good here, let's just get rid of all these layers that are on the way. Click the tab LAYER > FLATTEN IMAGE, this will delete all the unnecessary things and keep only what realy matters.

Here's the logo:


affordable logo design

Let's add a reflection on the ground.

You will select the RECTANGULAR MARQUEE TOOL and slect all your logo. Once this is done you will press Ctrl + C ( to copy your logo ) and then Ctrl + V ( to paste it in the same place ).


affordable logo design

Ok, now that you've already copied and pasted your logo you have to press Ctrl + T , to be able to transform your logo.

Once you see a rectangle around your logo try to deform it to make it look like this:


affordable logo design

What we will do now is fade this layer a little bit in order to make it look like a reflection.

To do this you must select the deformed logo's layer and double click, we've done this before, again select the GRADIENT OVERLAY:

The only difference is that this time you will select the second SQUARE at the top of the window instead of picking colors:


logo design company

When you select that square you will see something like this:

You will pick those two little squares at the bottom of the image and turn them to WHITE.


cheap logo design

Here's your logo:


cheap logo design

If you want to enhance the looks of this refelction you may decrease the opacity of the reflection's layer.

The best result will be reached at 40% of opacity:


cheap logo design

And here's the final logo:


cheap logo design

If you have a website, a company, a blog or even just a SQUIDOO page visit Logo Samurai to check out our logos and other services.

We have designed thousands of logos during the past months and we would love to design your logo as well.

Our prices are definetely lower than those from other websites on the internet and our designs....well, take a look at them yourself and let us know what you think =)


cheap logo design

cheap logo design

cheap logo design

cheap logo design

cheap logo design

business logo design

business logo design

business logo design

business logo design

business logo design

business logo design

business logo design

business logo design

business logo design

business logo design

business logo design

business logo design

business logo design

business logo design

business logo design

business logo design

business logo design

business logo design

business logo design

business logo design

business logo design

business logo design

If you want to buy a logo just click the button below and place your order!