Monday, July 27, 2009

3D Logo Tutorial

This is the second Tutorial from the 100 Marathon Tutorial
As i have told you i will try to add a tutorial each day.

So today i will show you how to create a Logo 3D





Let's start with a new document:
The size should be 400 x 400 pixels. We will use a green background
i will use green because you will be able to see better what i am doing

Now please download the following image:

image002

This image will help you to give a nice perspective to your logo
After you will open also this image in photoshop, with the move tool drag the this image on your document.

Next select Rectangle Tool and draw a rectangle. i will use a different color. you can use what color you want.
image003

You can notice that i have changed the opacity for this rectangle. This is very important.

Now with the same tool create another 4 small rectangles and one circle:

image004

Now will have to select all the layers except the background layer and the black rectangle:

image005

After you have selected the rectangles go to Edit > Transform > Distort and move the corners of the layers selected near the corners from the black rectangle:

image006

As you can see the logo looks already good. It has a 3D look.

Let's add a layer style for this white rectangle:

image007

image008

image009

image010

image011

Now delete the black rectangle, and the blue rectangle.

image012

Now add a layer style for the white circle:

image013

image014

image015

image016

image017

After you have added this style to the small circle please change the background to white:

image018

Nice isn't it?

Select all the layers and resize the logo:

image019



Now with all the layers selected go to Layer > duplicate layers

Now select the first layers ( if you have followed my tutorial it should be the tutorials from the bottom: ( do not select the background layer )

image020

With this layers selected use the arrow keys press a few times on the down arrow.

You will give a 3D look to these logos.

You can repeat the steps from above, and duplicate another time the layers and with the arrow keys place them one more time. After i have duplicated a few times and after i have changed the layer style for the duplicated layers this is my result:

image021

Do you think we are ready? Hmm . not yet. we will add a simple shadow and we will be ready.

Select rectangle tool and draw a small rectangle like mine.

image022

Now go to Edit > Transform > Distort and move the corners of this small grey rectangle like in the following image.

image023

Now go to Filter > Blur > Gaussian Blur
You will be asked if you want to rasterize the shape. Press YES

Then set the radius to 7 Pixels
Press OK

Be sure you drag this layer above the background layer.

This is my result:

image024

With this technique you are able to create nice logos.
Here are some examples:

image030

image029

image028

image027

image026

image025

these logos from above are available only for paid members. If you want to download access the VIP download area you have to pay 9,95 $ for one year and you can download all the stuff from the download area.

If you want to see how this logo is created please download the PSD file

6 comments:

  1. nice but i would just do this in maya then take it to photoshop check out some good tutorials at maya tutorial

    ReplyDelete
  2. the process of doing the 3D Logo is given here to know the details on it. Thanks for this nice post. The method of doing the process is given by step-by-step.

    ReplyDelete
  3. to design a 3D logo in photoshop the first step should make your page size in correct pixels and then set the background color. Next download an image and make the designs by using photoshop tools. Good post!!

    ReplyDelete
  4. very good i like it

    ReplyDelete