3D Logo Tutorial

by admin
Posted July 27th, 2009 at 6:47 pm
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.
Name: Email:


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

Popularity: 26% [?]

http://www.tutorialspalace.com/wp-content/plugins/sociofluid/images/digg_48.png http://www.tutorialspalace.com/wp-content/plugins/sociofluid/images/reddit_48.png http://www.tutorialspalace.com/wp-content/plugins/sociofluid/images/dzone_48.png http://www.tutorialspalace.com/wp-content/plugins/sociofluid/images/stumbleupon_48.png http://www.tutorialspalace.com/wp-content/plugins/sociofluid/images/delicious_48.png http://www.tutorialspalace.com/wp-content/plugins/sociofluid/images/blinklist_48.png http://www.tutorialspalace.com/wp-content/plugins/sociofluid/images/blogmarks_48.png http://www.tutorialspalace.com/wp-content/plugins/sociofluid/images/furl_48.png http://www.tutorialspalace.com/wp-content/plugins/sociofluid/images/technorati_48.png http://www.tutorialspalace.com/wp-content/plugins/sociofluid/images/myspace_48.png http://www.tutorialspalace.com/wp-content/plugins/sociofluid/images/facebook_48.png http://www.tutorialspalace.com/wp-content/plugins/sociofluid/images/yahoobuzz_48.png http://www.tutorialspalace.com/wp-content/plugins/sociofluid/images/sphinn_48.png http://www.tutorialspalace.com/wp-content/plugins/sociofluid/images/mixx_48.png http://www.tutorialspalace.com/wp-content/plugins/sociofluid/images/twitter_48.png http://www.tutorialspalace.com/wp-content/plugins/sociofluid/images/jamespot_48.png http://www.tutorialspalace.com/wp-content/plugins/sociofluid/images/meneame_48.png


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.
Name: Email:


9 ResponsesLeave a comment
  • tutorialslounge
    July 30, 2009 at 4:52 am

    really awesome training.

  • terdelyi
    September 1, 2009 at 9:07 am

    It’s so ’90s..

  • Peter Mikhael
    September 16, 2009 at 6:32 pm

    thx for the tutorials :) . I have a tutorial 3d logo design – Logo Design behind the Scenes. I use Adobe Photoshop, Autodesk Maya, Adobe Illustrator, and Adobe after Effects, Adobe Flash and Adobe Dreamweaver. so the final logo ready for printing, TV production and Web Publishing.

  • arnel
    October 25, 2009 at 5:53 am

    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

    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

    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

    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>
Sponsors
Advertise with us!
Around The Site
Free Subscription

Enter your email address:

 
Links
A Logo design contest at Loogmyway.com
Blog Promoters
Blogroll
Friends Links
Galleries
Site Sponsors
Categories
Tags
Archives
Community News
Read More News
Add News




Captcha
To prevent spam, please type the text (all uppercase) from this image in the textbox below.

Get Adobe Flash playerPlugin by wpburn.com wordpress themes