Como crear un Limpio, Suave Plastico Efecto de Texto en Adobe Photoshop

Usando multiples estilos de capa pueden ayudarte a lograr un mayor detalle con un efecto muy parecido al 3D. Este tutorial va a mostrarte como usar estilos de capas, filtros, texturas, pinceles, y ajustes de capa para crear un efecto de texto plastico, brillante y limpio en Adobe Photoshop Comencemos! 

Acitvos del Tutorial

Los siguientes activos seran usados durante la producción de este tutorial.

• Fuente Intrepid ExtraBold 
• textura 31 por Sirius-sdz 
• Pincel Splash de Agua by Serkenil
• Set de Pinceles Estrellas y destellos by MysticEmma
• Pack Gratis de 6000 gradientes en photoshop por Supertuts007 (carga el archivo CHROMES.grd)

En orden de cargar los contornos usados, ve a Edición>Ajustes preestablecidos>Gestor de Ajustes preestablecidos, y escoge Contornos del menu desplegable en el Tipo de Ajuste preestablecido. Luego click en la pequeña flecha a la derecha del menú desplegable Tipo de Ajuste preestablecido, y click en Contornos cerca de la parte inferior del menú.

Cuando aparezca el cuadro de diálogo después de eso, simplemente haga clic en Anexar, y obtendrá los contornos. Tu también necesitas cargar un set por defecto de Degradados Photoshop. Asi que ve a Edición>Ajustes preestablecidos>Gestor de Ajustes preestablecidos, y escoge Degradados del menú desplegable en el Tipo de Ajuste preestablecido. Luego click en la pequeña flecha a la derecha del menú desplegable Tipo de Ajuste preestablecido, y click en Armonías en Color 1 cerca de la parte superior del menú. Cuando aparezca el cuadro de diálogo después de eso, haga clic en Añadir.

1. Creando el Fondo

Paso 1

Crea un nuevo documento de 900 x 675px Ajusta el Color Frontal a #2c353c y el Color de fondo a #191919. Escoge la Herramienta Degradado, escoge degradado  Color Frontal a Color de Fondo, y click en el icono Degradado Lineal.

Luego, click y arrastra desde la esquina izquierda inferior del documento hasta la parte derecha de arriba para crear el degradado del fondo.

Paso 2

Coloca la imagen "textura31" en la parte superior de la Capa del fondo, renombrar esta capa a Textura de Fondo, cámbialo a Modo a  Multiplicar, y ve a Imagen> Ajustes> Desaturar

2. Creando las Capas de Texto

Paso 1

Crea un texto Todo en Mayusculas usando la fuente Intrepid Extrabold El color es #e5eaec, el Tamaño es 230 pt, el Kerning ajustarlo a Optica, y el valor de Tracking ajustarlo a 100

Paso 2 

Duplica la capa de texto cuatro veces. Luego, cambia el Relleno de la tres ultimas copias de la capa al valor de 0

3. Creando la Capa con Trazo

Paso 1

Doble click a la capa del texto original para aplicar un efecto de Trazo usando las siguientes configuraciones:

• Tamaño:10
• Color: #7e7e7e

Paso 2

Este aplicara un trazo por fuera de la capa con el texto original.

Paso 3

Duplicar la capa del texto original, renombrar la copia de la capa a Trazo 1, click derecho y escoge Rasterizar Estilo de Capa, y cambia el Relleno a 0

Para versión mas anteriores o viejas que el CS6, lo que necesitas es agrupar las capas (Capas > Combinar Capas), renombrar el grupo a Trazo 1, y ve ahora a Capa >Combinar Grupo y cambia el Relleno a 0.

Duplicar la capa Trazo 1, renombrar la copia a Trazo 2, y arrástralo debajo de la capa con el texto original.

4. Estilizando la Capa de trazo Principal

Doble click a la capa de texto original otra vez para aplicar mas efectos.

Paso 1

Añade a Bisel y Relieve con estas configuraciones:

• Estilo: Relieve de Trazo
• Contorno de Resplandor: Cono - Asimetrico
• Marca la casilla de Suavizado
• Modo resaltado: Luz intensa
• Opacidad: 100%

Paso 2

Añade un Contorno con estas configuraciones:

• Contorno: Medio Redondo
• Marca la casilla de Suavizado

Paso 3

Esto dara estilo a la primera capa del trazo

5. Estilizando la Capa superior del Trazo

Doble click a la capa Trazo 1 para aplicar los siguientes estilos de capa:

Paso 1

Añade a Bisel y Relieve con estas configuraciones:

• Tamaño: 2
• Marca la casilla Suavizado
• Modo de Sombra- Color: #676767

Paso 2

Añade un Contorno con estas configuraciones:

• Contorno: Cono - Invertido
• Marca la casilla Suavizado

Paso 3

Añade una Superposición de Degradado con estas configuraciones:

• Modo de fusion: Luz Suave
• Opacidad: 51%
• Estilo:Reflejado
• Usa el degradado stove pipe 150

Paso 4

Este estilizara la segunda capa del trazo

6. Añade la Sombra Paralela

Paso 1

Doble click a la capa Trazo 2 para aplicar un efecto de Sombra Paralela usando las siguientes configuraciones:

• Distancia: 15
• Tamaño: 7

Paso 2

Esto añadira la sombra al fondo de la capa del trazo.

7. Estilizando la Primera Copia de Capa de texto

Doble click a la capa de la primera copia del texto para aplicar el siguiente estilo de capa:

Paso 1

Añade un Trazo con estas configuraciones:

• Tamaño: 1
• Tipo de Relleno: Degradado
• Estilo: Reflejado
• Angulo: 90
• Usa el degradado de relleno steel pipe 60

Paso 2

Añade una Sombra Interior con estas configuraciones:

• Modo de Fusión: Normal
• Color: #2c6c99
• Opacidad: 100%
• Distancia: 0
• Tamaño: 18

Paso 3

Añade una Sombra Paralela con estas configuraciones:

• Distancia: 17
• Tamaño: 9

Paso 4

Esto dará estilo a la primera capa del texto con el color interno. Tu puedes usar cualquier otro color cambiando el valor de Color en Sombra Interior.

8. Estilizando la La Capa con Segunda Copia del Texto

Doble click a la segunda copia de la capa de texto para aplicar los siguientes estilos de capa:

Paso 1

Añade un Bisel y Relieve con estas configuraciones:

• Profundidad: 297
• Tamaño: 35
• Desmarca la casilla Usar Luz Global
• Angulo: 108
• Altitud: 42
• Marca la casilla Suavizado
• Modo resaltado: Luz Intensa
• Opacidad: 64%
• Modo de Sombra - Opacidad: 0%

Click en el icono Contorno de resplandor para crear el contorno usado abajo. Lo que necesitas es mantener el click en la linea que ya tiene para agregar puntos. Entonces, por cada punto que agregues puedes agregar los valores de Entrada y Salida, y marca la casilla de Vertice.

Los valores para los dos puntos son:

• Punto - Entrada - Salida
• Punto superior - 71 - 72
• Punto Bajo - 42 - 34

Paso 2

Añadir un Contorno con estas configuraciones:

• Contorno: Desnivel - Profundo
• Marca la casilla Suavizado

Paso 3

Añadir un Trazo con estas configuraciones:

• Tamaño: 1
• Tipo de Relleno: Degradado
• Angulo: 90
• Usa el degradado stove pipe 155b

Paso 4

Esta primera capa añadira de brillo/suave al efecto.

9. Estilizando la Tercera Copia de capa de texto

Doble click a la capa de la tercera copia de texto para aplicar los siguientes estilos:

Paso 1

Añadir al Bisel y Relieve con estas configuraciones:

• Tamaño: 21
• Desmarca la casilla de Luz Global
• Angulo: 53
• Altitud: 64
• Marca la casilla Suavizado
• Modo resaltado: Luz Intensa
• Modo de Sombra - Opacidad: 24%

Paso 2

Para el Contorno, solo marca la casilla Suavizado

Paso 3

Esto añadira la capa de suavidad.

10. Estilizando la Cuarta Copia de capa de Texto

Doble-click a la cuarta copia de capa de texto para aplicar el siguiente estilo de capa:

Paso 1

Añadir un Bisel y Relieve con estas configuraciones:

• Tamaño: 21
• Desmarcar la casilla de Usar Luz Global
• Angulo: 108
• Altitud: 74
• Marcar la casilla de Suavizado
• Modo Resaltado: Luz Intensa
• Modo de Sombra - Opacidad: 0%

Paso 2 

Añadir un Contorno con estas configuraciones:

• Contorno: Leño
• Marca la casilla de Suavizado

Paso 3

Esto añadira la ultima capa de suavidad 

11. Creando la Textura de texto

Paso 1

Ajusta el Color frontal y el Color de Fondo a Negro y Blanco, creando una nueva capa arriba de todas las capas, llámalo Textura de Texto,  y ve a Filtro > Interpretar > Nubes.

Paso 2 

Ve a Filtro > Galería de Filtro > Trazos de Pincel > Bordes Acentuado, luego ve Anchura de Borde a 2, el Brillo de Borde a 28, y el Suavizado a 5

Paso 3

Esto creara una textura simple.

Paso 4

Cambiar en la capa de Textura de Texto de Modo de Fusión a Luz Suave.

Paso 5

Click-Comando a la capa de texto a la Uña o division para crear la seleccion.

Paso 6

Con la capa de Textura de Texto todavía seleccionado, click en añadir una mascara de capa al fondo del Panel de Capas para crear una mascara.

12. Cambiando el Color de la textura

Paso 1

Click en el icono al fondo de  Crear nueva capa de relleno o ajuste en el panel de Capas y escoge Tono/Saturación.

Paso 2

Click en el icono Este ajuste realiza el corte en la capa, marca la casilla Colorear, y cambia el tono a 200.

Paso 3

Cambia el ajuste de la capa en Modo de Fusión a Luz Suave.

13. Añadiendo el pincel de Splash de Agua al Fondo

Paso 1

Escoge la Herramienta Pincel, y escoge uno de Los Pinceles de Splash. Ajusta el Color frontal a #e8ecef, creando una nueva capa arriba de la capa Textura de Fondo y llámalo Splash, y escala el pincel a un tamaño que te guste y click para añadirlo debajo del texto.

Paso 2

Doble click a la capa Splash para aplicar los siguientes estilos de capa:

Añade un Bisel y Relieve con estas configuraciones:

• Contorno de Resplandor: Aro
• Marca la casilla de Suavizado
• Modo Resaltado: Luz Intensa

Paso 3

Añade el Contorno con estas configuraciones:

• Contorno: Semicircular
• Marca la casilla Suavizado

Paso 4

Cambia la capa de Splash el Modo de Fusión a Luz Intensa y el valor en el Relleno a 35%.

14. Añadiendo unas Chispas y ajustando los colorantes

Paso 1

Creando una nueva capa encima de todas las capas, llamalo Chispas y cambia el Modo de Fusion a Luz Intensa. Escoge uno del Set de Pinceles Estrellas y Chispas, baja su tamaño, y añade un par de chispas en el borde de algunas de las letras. Puedes controlar en Angulo como quieras, en La pestaña de forma de la Punta del Pincel en el Panel Pinceles (Ventana > Pinceles)

Paso 2

Click en Crear nueva capa de relleno o ajuste en el panel de Capas y escoge Mapa de Degradado.

Paso 3

Usando el Naranja, Azul, Magenta, Amarillo relleno de degradado y luego cambia el Modo de fusión de la capa a Multiplicar y su Opacidad a 3%. Este efecto es muy sutil, pero ayuda a mejorar el color del resultado final.

Felicidades! Acabaste

En este tutorial, nosotros creamos un fondo simple usando un degradado lineal  y textura. Entonces nosotros creamos el texto, y duplicamos la capa para aplicar diferentes estilos de capa.

Nosotros añadimos un trazo a algunas capas, y aplicamos el estilo de capa usando diferentes efectos y valores en orden de crear capas de brillo y suavidad para tener una apariencia 3D.

Una vez que todas las capas de texto hayan sido estilizadas, nosotros usamos simples filtros para crear una textura basica y crear un efecto un poco mas dinamico.

Finalmente, añadimos un pincel de splash al fondo y lo estilizamos, asi como algunas chispas al borde de algunas letras, y un ajuste del gradiente para mejorar el color del resultado final.

Por favor siéntate libre de dejar tus comentarios, sugerencias y resultados debajo.

¡Sé el primero en conocer las nuevas traducciones–sigue @tutsplus_es en Twitter!