Make your Logo a 3D Look with Photoshop

13,476

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!

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 (5423 downloads )
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 (4246 downloads )

You might also like
27 Comments
  1. Giacomo Colddesign says

    Really nice tut!!

  2. Yahya says

    thanks, glad you like it!

  3. Greenafik says

    the moon looks great ^^

  4. Dan Netting says

    Bah… it’s okay… i guess…

    …i like turtles….

  5. 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.

  6. anderson says

    good effect i like it

  7. Bad Bunny says

    Nice… quick and dirty… I like it.

  8. […] 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. […]

  9. Gina says

    the “blue” reflection is backwards

  10. 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

  11. Brett Widmann says

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

  12. 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.

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

  14. 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.

  15. Phil says

    This is fucking awesome! King tut you are!

  16. […] Make Your Logo With A 3-D Look […]

  17. www.destinycontest.com says

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

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

  19. […] 画像出展:ibrandstudio 平面の絵を立体的に表現するテクニックが解説してあります。 各パラメーターや色の使い分けを駆使するチュートリアルは非常に勉強になります。 […]

  20. […] 20. Make your Logo a 3D Look with Photoshop […]

  21. […] Make your Logo a 3D Look with Photoshop […]

  22. Robert Cristian says

    thanks bro i need this…

  23. […] Reference 2 […]

  24. […] Make your Logo a 3D Look with Photoshop – iBrandStudio […]

  25. […] Make your Logo a 3D Look with Photoshop – iBrandStudio […]

  26. […] Reference 2 […]

Comments are closed.

This website uses cookies to improve your experience. We'll assume you're ok with this, but you can opt-out if you wish. AcceptRead More