Tutoriales en la Web

Texto 3D iluminado con Photoshop

Posteado el 07. Aug, 2010 por tuto in 3D, Photoshop

PASO 1
Creamos un nuevo documento de Illustrator de 500 x 500 píxeles y con la herramienta Text Tool vamos a escribir nuestro texto con un tipo de fuente Compact BD BT y un color salmon (#DC4740).

PASO 2
Ahora seleccionamos nuestro texto y vamos al menú Effect – 3D – Extrude & Bevel y colocamos los valores que se ven en la imagen.

Descarga el editable que hicimos en Illustrator

PASO 3
Copiamos y pegamos nuestro texto en un documento de Photoshop de 500 x 500 píxeles.

PASO 4
Vamos a arrastras a nuestro documento la textura de madera que nos servirá para el fondo.

PASO 5
Con la herramienta Eliptical Marquee Tool vamos a crear una selección como la que se ve en la imagen pero antes le colocamos un valor de Feather de 100 pixeles.

PASO 6
Creamos una capa nueva sobre la textura de madera y con el comando Ctrl + I invertimos la selección luego con la herramienta Paint Bucket pintamos rellenamos la selección con un color café Claro (#6E370A).

PASO 7
A la capa le colocamos un modo de fusión “Overlay”.

PASO 8
Creamos una capa nueva sobe la del color café y con la herramienta Paint Bucket rellenamos con un color negro ahora con la ayuda de la herramienta Erraser Tool borramos desde el centro con un pincel esfumado.

PASO 9
Ahora creamos una capa nueva entre el color negro y café y con la herramienta Marquee tool vamos a crear una selección circular con un Feather de 100 píxeles y con la herramienta Paint Bucket vamos a rellenar con un color anaranjado (#FFAE00), por ultimo a la capa le colocamos un modo de fusión Overlay.

PASO 10
Creamos una nueva capa sobre la capa del brillo y con la herramienta Gradient Tool creamos un gradiente lineal de negro a blanco y le colocamos a la capa un modo de fusión Overlay.

PASO 11
Duplicamos la capa del gradiente para obtener más oscuridad y brillo.

PASO 12
Movemos la capa del texto por encima te todas las capas.

PASO 13
Con la herramienta Magic Wand Tool (barita mágica) vamos a seleccionar la cara frontal de nuestro texto, una vez hecha la selección presionamos el comando Ctrl + J para crea una nueva capa con la forma de la selección.

PASO 14
Repetimos el paso anterior con las partes traseras de las letras.

PASO 15
Con el comando Ctrl + click sobre la capa del texto de la cara del frente creamos una selección y ahora creamos una nueva capa sobre ella y con la herramienta Gradiente Tool vamos a crear una gradiente de naranja (#ffae00) a naranja (#ffae00) con opacidad 0 para que nos quede como se ve en la imagen.

PASO 16
A la capa del gradiente le colocamos un modo de fusión Overlay.

PASO 17
Duplicamos la capa del gradiente para obtener un efecto como el que se ve en la imagen.

PASO 18
Seleccionamos la capa del texto de la parte trasera y con el comando Ctrl + M aplicamos Curvas como se ve en la imagen.

PASO 19
Ahora movemos nuestro texto a la esquina superior izquierda de nuestro documento y con la ayuda de la herramienta Linea vamos a dibujar dos líneas que nos servirán de guía para realizar la sombra.

PASO 20
Creamos una nueva capa llamada sombra y con la herramienta Lazo poligonal vamos a crear una selección de manera que siga la dirección de la luz que definimos con las líneas.

PASO 21
Movemos la capa por debajo de la capa del texto y vamos al menú Filter – Blur – Gaussian Blur y le aplicamos los valores que se ven en la imagen.

PASO 22
Con la herramienta borrador, borramos en la parte superior con un pincel esfumado para darle un mejor toque de sombra.

PASO 23
Vamos a añadirle un poco de textura a nuestro texto, copiamos la imagen de una textura a nuestro documento de Photoshop.

PASO 24
Con el comando Ctrl + Click sobre la capa de la cara frontal del texto creamos una selección ahora con el comando Ctrl + I invertimos la selección luego presionamos la tecla suprimir y borramos los borramos el exceso.

PASO 25
Movemos la capa de la textura por debajo de los gradientes y le colocamos un modo de capa Multiply.

PASO 26
Ahora a la capa frontal del texto le aplicamos un Bevel and Emboss con los valores que se ven en la imagen.

PASO 27
FINAL.

Descarga el editable de Texto 3D iluminado con Photoshop

Articulos relacionados:

Tags: 3D, Photoshop