iBrandStudio - Resources in Designing Your Brand Identity

Make your Logo a 3D Look with Photoshop

Posted November 10th, 2010 in Tutorials by Yahya

In this tutorial, we didn’t explain how to creata a logo but how to change your logo into a 3D form by using Photoshop. And as example to make things easier, I also include the file .psd logo is simple.
This tutorial is a case study, therefore may not be exactly the same applied to other forms of logos. So take the main points of this tutorial and apply on your logo. Let’s get started!

[afiliasitutsplus]

Final Image Preview

Let’s have a look what we’ll be creating
Before
3d logo tutorial
After
3d logo tutorial

Tutorial Details

  • Program : Adobe Photoshop CS2 (minimal)
  • Difficulty : Beginner – Intermediete
  • Estimated completion time : 60 minutes

Step 1

Before we start, you may want to download the source logo that we’ll use in this tutorial, here: Logo Basic (1866)
3d logo tutorial

Duplicate the layer “Moon1″ using the right click on that layer and choose Duplicate layer, then give the name “Moon2″ and click “ok”. Or you can use this command “Ctrl”+”J” on the keyboard.
3d logo tutorial

Step 2

Drag the layer “Moon2″ slightly to the left down and give a brighter color #0077a2
3d logo tutorial

3d logo tutorial

Step 3

By using “pen tool(P)” we will change the little the ends of the shape layer “Moon2″
3d logo tutorial

3d logo tutorial

Step 4

Add layer style
3d logo tutorial

3d logo tutorial

3d logo tutorial

Step 5

Now we will add to the effects of light on the object by using brush, first we need a new layer (please create a layer), give the name “light” then set tge blending layer “Overlay”
3d logo tutorial

And choose a brush with a diameter of 125px, hardness 0% and color #fff
3d logo tutorial

select the layer “Moon2″ press ‘ctrl’ + ‘ left click on the vector mask thumbnail’ and then back to the layer “light” and give the paint its edges

3d logo tutorial

3d logo tutorial

Next do deselect, and select the layer ‘Moon1′, press ‘ctrl’+’alt’+’left click on the vector mask thumbnail’ on the layer “Moon2″ and then back to the layer “light” and give the paints, as shown below
3d logo tutorial

3d logo tutorial

Step 6

Now, add layer style on the layer ‘Moon1′
3d logo tutorial

3d logo tutorial

3d logo tutorial

Step 7

By using “ellipse tool” we will create a shadow effect, first make an oval form with a color #000 height 27px and 355px wide
3d logo tutorial

3d logo tutorial

Then convert from vector to object by pressing the right click on the layer and choose “Rasterize Layer”
3d logo tutorial

After that make an object a litter blurry by using gaussian blur with a radius of 10px
3d logo tutorial

3d logo tutorial

further reduce the opacity layer into 30%
3d logo tutorial

Step 8

NOw we will edit the ‘BLUE’ layer, add layer style
3d logo tutorial

3d logo tutorial

So it will be like this
3d logo tutorial

Step 9

Duplicate the ‘BLUE’ layer and slide a little down then change the layer style
3d logo tutorial

3d logo tutorial

3d logo tutorial

3d logo tutorial

So it will be like this
3d logo tutorial

Step 10

Duplicate the ‘BLUE’ layer and also the ‘BLUE copy’ layer, we have made previously, then select both layers and merge
3d logo tutorial

After that we return and change the opacity becomes 20%
3d logo tutorial

3d logo tutorial

Step 11

Repeat step 8 through step 10 to change the “MOON” layer and the result is as shown below
3d logo tutorial

Step 12

Click ‘Layer 0′,by using gradient tool, then add the blue color (#48d7ff) in the background layer
3d logo tutorial

3d logo tutorial

The Result

I hope you enjoyed this tutorial and you’re happy with your result!
3d logo tutorial

Download the PSD file

Feel free to download the psd file (or source file): Simple 3D Logo (930)

share button
Powered by Shutterstock

20 Responses so far.

  1. Yahya says:

    thanks, glad you like it!

  2. Greenafik says:

    the moon looks great ^^

  3. Dan Netting says:

    Bah… it’s okay… i guess…

    …i like turtles….

  4. Paul Murray says:

    The type and the moon don’t seem to work together. The moon has no reflection, just a huge, ugly shadow, as opposed to the text which has a reflection but also appears to be floating slightly above the surface.

  5. anderson says:

    good effect i like it

  6. Bad Bunny says:

    Nice… quick and dirty… I like it.

  7. [...] Make your Logo a 3D Look with Photoshop In this tutorial, we didn’t explain how to creata a logo but how to change your logo into a 3D form by using Photoshop. [...]

  8. Gina says:

    the “blue” reflection is backwards

  9. Yahya says:

    ^_^) yes it is, i made a little mistake at the picture (i’ll fix it soon). But the tutorial is still true, as shown in step 10 and 11

  10. This is a really cool tutorial! These skills will really be helpful.

  11. Chris Madison says:

    The instructions say to use overlay for the white layer yet in a subsequent image where the focus is on the white layer, it has the blending mode as soft light. It looks like the the first style created is applied to the Moon1 layer. This tutorial requires at least a basic understanding of the tools in photoshop.

  12. [...] 28. Make Your Logo a 3D Look with Photoshop [...]

  13. Carlos E. Quevedo says:

    Not just really ‘NICE’, but the level of detail in each step to do it is Wonderful. Following this step to any shape & title we’ll get some like that in 3D.

    Thank you guys, I had learn a lot more.

  14. Phil says:

    This is fucking awesome! King tut you are!

  15. nice tutorial i prefer to use illustrator but even you made cool work thanks for share

  16. [...] types of creations were uploaded, there is no special trend that simply exponentially grown; from 3D logos to black and white concepts all were [...]

Leave a Reply