Tutorial Photoshop: logotipo 3d

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

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.

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

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.

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

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

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)

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.

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.

Post relacionados:

1. Tutorial Diseño Mascota para PSDTuts
2. Dibujo digital con Photoshop (Videotutorial)
3. Videotutorial Photoshop: guardar para web

11 comentarios »

PUEDE SER MUY AVANZADO Y TODO PERO QUEREMOS (O POR LO MENOS YO)MAS EXPLICACION DEJÁ LA PEREZA

Comments de CAVORKA — September 20, 2007 @ 9:09 pm

Cogete el manual de photoshop

… lo que hay que aguantar…

Comments de Sergio Ordonez — September 21, 2007 @ 9:11 am

muyy bueno, un efecto bonito y rapido, jugando con el modo de fusion de capas se pueden sacar otros efectos muy buenos. gracias.
pd: me parece que si se tienen conocimientos basicos de photoshop no es muy dificil de realizar, en verdad me gusto

Comments de javier — November 5, 2007 @ 12:15 am

jeje tras que nos ayuda tanto, le decis q deje la pereza, el dejo muy claro al inicio del tutorial que es una explicacion para gente que ya esta avanzada en photoshop.

Yo te agradezco Sergio, no habia encontrado aun ningun tutorial donde explicaran como dar ese efecto al texto, y ahora q lo explicas es tan simple.

Gracias por toda tu ayuda

Comments de Adriana — December 3, 2007 @ 4:56 pm

Como se dice por aquí… hay gente pa tó

Gracias a ti

Comments de Sergio Ordonez — December 4, 2007 @ 11:52 pm

Como decimos acá en Colombia este tutorial estuvo del putas (para decir que está excelente), gracias y sigue en ese camino que así nos ayudas a todos.

Comments de Raynier Borja — January 13, 2008 @ 8:53 am

Excelente tutorial, hay alguna forma de hacerlo pero en illustrator??

Comments de FabroX — February 28, 2008 @ 12:44 pm

Hola Fabrox, el proceso sería casi el mismo, solo que en vectores.

Comments de Sergio Ordonez — February 28, 2008 @ 1:03 pm

Wow!! Esta bueno el tutorial, bonito efecto que se logro.
Seguire practicando y pronto hare un par de banners.
Gracias.

Comments de elChapin — April 17, 2008 @ 5:18 pm

Gracias por tomarte el tiempo en explicar esta técnica que es muy útil a la hora de crear logotipos.

Saludos desde Venezuela.

Comments de ArxM3r — May 1, 2008 @ 6:52 pm

hola Sergio! saludos desde COLOMBIA! me pareces un excelente diseñador, tus trabajos y tutoriales son muy didacticos, aunque te soy sincero, yo soy muy malo para esto de los computadores, soy excelente con el papel y el lapiz y tambien para diseñar logotipos, pero con el mouse no. me encantaria llegar a tu nivel en ésto, pero la verdad me cuesta mucho.

una vez mas saludos y gracias!…sigue asi. CHAO!

Comments de EDGAR — March 16, 2009 @ 3:47 pm