3D Logo Tutorial

Posted July 27th, 2009 by

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

Helpful Links


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 3D Logo Tutorial

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 3D Logo Tutorial

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 3D Logo Tutorial

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

image005 3D Logo Tutorial

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 3D Logo Tutorial

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 3D Logo Tutorial

image008 3D Logo Tutorial

image009 3D Logo Tutorial

image010 3D Logo Tutorial

image011 3D Logo Tutorial

Now delete the black rectangle, and the blue rectangle.

image012 3D Logo Tutorial

Now add a layer style for the white circle:

image013 3D Logo Tutorial

image014 3D Logo Tutorial

image015 3D Logo Tutorial

image016 3D Logo Tutorial

image017 3D Logo Tutorial

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

image018 3D Logo Tutorial

Nice isn’t it?

Select all the layers and resize the logo:

image019 3D Logo Tutorial

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 3D Logo Tutorial

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 3D Logo Tutorial

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 3D Logo Tutorial

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

image023 3D Logo Tutorial

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 3D Logo Tutorial

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

image030 3D Logo Tutorial

image029 3D Logo Tutorial

image028 3D Logo Tutorial

image027 3D Logo Tutorial

image026 3D Logo Tutorial

image025 3D Logo Tutorial

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



Related Articles

Hello there! If you are new here, you might want to subscribe to the RSS feed for updates on this topic, or follow us on Twitter. Get promotion with Hypesol.
Name: Email:
6 ResponsesLeave a comment
  • tutorialslounge
    July 30, 2009 at 4:52 am
    Reply

    really awesome training.

  • terdelyi
    September 1, 2009 at 9:07 am
    Reply

    It’s so ’90s..

  • arnel
    October 25, 2009 at 5:53 am
    Reply

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

  • wheel spin roulette
    March 9, 2010 at 3:34 am
    Reply

    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.

  • gambling feel
    March 10, 2010 at 2:53 am
    Reply

    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!!

  • 17ps8
    May 8, 2010 at 4:36 pm
    Reply

    very good i like it

Add a commentGet a Gravatar

* Name

* Email Address

Website Address

You can usethese tags:
<a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>



  •  
  •  
  •  
Around The Site
Free Subscription

Enter your email address:

 
Become Facebook Fan
Links
Get Adobe Flash playerPlugin by wpburn.com wordpress themes