Youtube Facebook Twitter Deviantart My feed Feed directly to your inbox

How to create a 3d logo in Photoshop

3 Mayo 2007

Photoshop, Tutoriales

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

Este es un tutorial de photoshop un poco más avanzado, aquí no me detendré mucho en explicar como se usan las herramientas si no más bien en el procedimiento. Si tienes dificultades para seguirlo te recomiendo que practiques primero con otros tutoriales más sencillos… tampoco estaría mal echar un vistazo a la ayuda de Photoshop ;)

tutorial photoshop 3d

Empezamos con lienzo bien grande, 5000x5000px está bien. Creamos una capa de texto en Photoshop, escribimos el texto que queremos para nuestro logotipo en 3d. Rasterizamos el texto (haz click derecho en la capa de texto, dentro del panel de capas, y elige "rasterizar texto"). No está de más que te guardes una copia sin rasterizar por si tienes que hacer futuros cambios.

Logo 3d photoshop

Ok, ahora hacemos un gradiente de blanco a negro, como el que ves en la imagen de abajo (doy por hecho que sabes como hacer selecciones y gradientes).

Photoshop tutorial logo

Ahora duplicamos la capa de texto y la movemos hacia abajo o incluso los lados (si lo haces tendrás que hacer retoques para que conecte todo bien) dependiendo la perspectiva que le quieras dar a tu logotipo. Cambia el color de esta segunda capa a un color un poco que se diferencie bastante.

Tutorial 2d logo

Aquí usé la herramienta subreexponer Subreexponer Photoshop en modo sombras, para añadir unas sombras a las zonas donde llega menos luz.

Logo tutorial 3d photoshop

Ahora usamos la herramiento de sobreexposición Sobreexponer Photoshop en modo iluminaciones, para iluminar las zonas donde llega más luz.

Version final

Hacemos una seleccion de la primera más la segunda capa, añadimso una tercera capa debajo del resto. Y hacemos un contorno negro alrededor de la selección (Editar>contorno, elegimos centro)

Diseno logotipo photoshop

Hacemos una selección alrededor de la primera capa y añadimos una cuarta capa que colocaremos arriba del todo. Contorneamos de nuevo la selección pero esta vez con un color blanco.

Final logotipo

Seleccionamos todo el texto (ve seleccionado capa por capa para no dejarte nada), creamos una quinta capa que pondremos encima de las demás, la rellenamos con un color azul clarito y cambiamos el modo de capa a modo color, así conseguimos un tono un poco más metálico. Después puedes usar algún pincel de efecto especial para darle un toque original… y eso es todo :)

Si quieres comprobar tu mismo como quedaría las capas aquí te dejo el archivo para que le eches un ojo.

This post was written by:

- who has written 97 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.