Youtube Facebook Twitter Deviantart My feed Feed directly to your inbox

How to create a 3d logo in Photoshop

3 May 2007

Photoshop, Tutorials

How to create a 3d logo in Photoshop
Choose your language / Elige tu idioma:englishespañol

This is an advanced Photoshop tutorial , i’ll give more importance to the procedure here and i’m not going to explain the tools in thoroughness. If you have any difficulties to follow it, i recommend you to practice a bit with some simpler tutorials first… You could also take a look at Photoshop’s Help ;)

tutorial photoshop 3d

We will start with a big canvas, 5000 x 5000px should be ok. Let’s create a text layer in Photoshop, write any text you want for the 3D logo. Rasterize the text (right click in the text layer, in the layers panel and choose “rasterize text”). You could save a copy without rasterize just in case you have to make future changes.

Logo 3d photoshop

Ok, now we do a gradient from white to black, like the one you see in the picture below (I assume you know how to do selections and gradients).

Photoshop tutorial logo

Now duplicate the text layer and move it down or to the sides (if you do this you will have to make some adjustments to make everything connect) depending on the perspective you want for your logo. Change the color of this second layer to one that differentiates.

Tutorial 2d logo

Here I used the Burn Tool Subreexponer Photoshop in shadows range, to add some shadows in some zones where there is little light.

Logo tutorial 3d photoshop

Now we use the Dodge Tool Sobreexponer Photoshop in highlights range to illuminate zones where there is more light.

Version final

Let’s select the first and the second layers and add a third one below the rest. After that make a black contour around the selection (Edit > Contour, choose center).

Diseno logotipo photoshop

Make a selection around the first layer and then add a fourth layer on the top. Contour again the selection, but this time with white color.

Final logotipo

Select all the text (select layer by layer so you don’t miss anything), create a fifth layer to put in the top, fill it with a light blue color and change the layer mode to color, that way we’ll get a metallic tone. You could also use some effect brush to give it an original touch… and that’s it :)

If you want to take a look at how the layers should be, here you have the file.

This post was written by:

- who has written 96 posts on SOSFactory Blog.

My name’s Sergio Ordoñez I´m illustrator, graphic and web designer. A selection of my work is included at SOSFactory. If you want to support this blog, please be an active member: tweet the posts, participate in the discussions and the exercises :)

Contact the author

  • http://designpix.ru Alexy

    cool logo)

  • quanta

    luv it luv it luv it!!

  • http://spiraleyerabbit.deviantart.com Adriana

    Hola !
    Soy diseñadora y hace poco descubrí tu espacio en el deviant.
    Me encanta tu trabajo y me parece excelente que lo compartas con el mundo. Diseñadores como tú hay pocos, que comparten sus técnicas y confían en el poder de su creatividad.
    Estaré visitando sosnewbie con frecuencia!
    Gracias

  • http://www.petermikhael.com/tutorials_3d_logo_design.html Peter Mikhael

    thx for the tutorials :)

    (Edited: please dont spam, use the link on the username to link your site)

  • MacroSoft

    Simplemente “chingón”, jejejeje. Traducido: Excelentes trabajos, eres de los mejores diseñadores que he visto, sin duda eres muy talentoso y te agradezco mucho compartas con nosotros tu técnica. Saludos.

  • http://www.tokitover.com Toki Tover

    Hey Sergio,

    I was giving this a go when I got stumped. This step:

    “Let’s select the first and the second layers and add a third one below the rest. After that make a black contour around the selection (Edit > Contour, choose center).”

    How is this accomplished?

    Thanks!

    Toki

  • http://www.sosfactory.com Sergio Ordonez

    Hi Toki, you need to do a selection of the whole logo and then create an stroke in a layer below, you have severals ways to do it.

    I do it this way: CTRL+CLICK on thumbnail of first layer and CTRL+SHIFT+CLICK on thumbnail of second layer. So the selections are added.

    Then create a layer behind the rest and do a stroke (Edit > Contour, choose center) to the selection. You can also fill the selection with a solid color and add the stroke with layer effects.

    Cheers!

  • http://twitter.com/natan_monte Nathan Monte

    Do a video tutorial.