Deviantart Youtube Twitter Facebook 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, 5000×5000px 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:

Sergio Ordonez - who has written 87 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

4 Comments For This Post

  1. Alexy Says:

    cool logo)

  2. quanta Says:

    luv it luv it luv it!!

  3. Adriana Says:

    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

  4. Peter Mikhael Says:

    thx for the tutorials :)

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

Leave a Reply