martes, 4 de febrero de 2014


PASO 1 - Creamos el documento y comenzamos.

Para el documento podemos elegir cualquier tamaño. En este caso, he usado 1024 x 780px.
  • Con la fuente que desees, escribe tu texto y luego Rasterízalo como se muestra en la imagen a continuación.
Yo utilicé la fuente Avenger que se encuentra en el pack de archivos fuente para este tutorial.  Descarga aquí.
Cambiamos la perspectiva del texto para crear el efecto de que éste está acostado sobre una superficie.
  • Sobre la capa rasterizada del texto, presiona CTRL + T y luego click secundario sobre el texto para abrir el menú de herramienta Transformar.
  • Escoge Perspectiva
  • Mueve el texto desde las puntas superiores hasta crear la perspectiva deseada.

PASO 2 - Creamos el efecto 3D.

Ahora la técnica que es el corazón de esta composición, y por la cual este tutorial me ha gustado mucho.
Crearemos el 3D a partir de duplicar copiosamente nuestra capa de texto. ¿Cómo? De la manera que se crea en la vida real: acumulando placas.
  • Sobre la capa de texto, mantenemos presionado CTRL + ALT y apretamos la flecha "Arriba" en el teclado para generar una nueva duplicación.
  • Hacemos lo mismo entre 20 y 25 veces hasta tener el tamaño deseado.
  • Luego nombramos como Arriba a la capa que nos quede en el tope supremo.
  • Luego seleccionaremos el resto de las capas de texto y las combinaremos (CTRL + E) en una a la que llamaremos Abajo.
  • Vamos a hacer doble click en la capa Abajo y en Estilos de Capa.
  • Seleccionamos Superposición de Degradado y en Degradado elegimos un color como el que tengamos nuestra fuente. Pero en una punta más claro y en otra más obscuro.
  • En Estilo escogemos Reflejado.
  • Escala 150%
Para continuar debemos duplicar 3 o 4 veces la capa Arriba. Esta vez lo haremos al revés, hacia abajo. "CTRL + ALT + TECLA ABAJO" 
Luego combinamos esas copias en una a la que llamaremos Medio. Obviamente, situamos esa capa entre las dos que ya teníamos.
En esta capa vamos a crear un brillo.
  • Vamos a Estilos de Capa y escogeremos Superposición de colores y pondremos un colorBlanco con 20% de Opacidad.

PASO 3 - Detalles en el 3D

En este paso crearemos una líneas que harán de articulación de nuestras letras. Con estas aristas, daremos más realismo y acentuaremos el efecto.
  • Creamos una nueva capa y la nombramos como líneas.
  • La situamos arriba de la capa Abajo.
  • Escogemos un pincel rígido de 1px con una dureza de 100%.
  • Dibujamos las líneas partiendo del vértice superior como se muestra en la captura.
  • Manteniendo la tecla SHIFT, arrastramos hacia abajo hasta completar la letra.
  • Una vez que completamos todas las líneas, como se marca  en círculos verdes en la siguiente captura, cambiamos a 20% la opacidad de la capa.

PASO 4 - Sombras.

Para dibujar unas sombras vamos a usar una técnica muy rápida y efectiva.
  • Creamos una capa nueva y la nombramos Iluminaciones.
  • La situamos entre la capa Líneas y la capa Abajo.
  • Con un pincel negro de 20 a 30px pintamos en los paredes de las letras donde creas que deben haber sombras.
  • Si no te das cuenta, puedes usar como referencia la siguiente imagen.

No hay comentarios:

Publicar un comentario