Crea un efecto de texto retro en 3D usando estilos de capas en Adobe Photoshop

Este tutorial te mostrará cómo utilizar estilos de capa, objetos inteligentes y algunos otros elementos básicos en Adobe Photoshop para crear un efecto de texto 3D sencillo y de aspecto retro.

Recursos del tutorial

Durante la producción de este tutorial se utilizaron los siguientes recursos:

• Fuente Freshman Normal
• 30 motivos simples de mslooten

1. Crea el degradado de fondo

Paso 1

Crea un nuevo documento de 800 x 600px, y duplica la capa de Fondo.

Paso 2

Haz doble clic en la copia de la capa de Fondo para aplicar un efecto de Superposición de degradado utilizando los siguientes valores:

• Marca la casilla Tramado
• Estilo: Radial
• Escala: 150%
• Crea un Degradado usando los colores #c8c5b8 a la izquierda y #aaa593 a la derecha.

Esto creará el degradado de fondo.

2. Agrega un sutil ruido al fondo

Paso 1

Duplica la copia estilizada de la capa de Fondo, y luego haz clic con el botón derecho del ratón en la nueva copia y selecciona Rasterizar estilo de capa.

Si trabajas con CS6 o versiones anteriores de Photoshop, tendrás que agrupar la capa (Capa > Agrupar con anterior), y luego combinar el grupo (Capa > Combinar hacia abajo) en su lugar.

Establece el color de Primer plano en #c8c5b8 y el color de Fondo en #aaa593.

Paso 2

Ve a Filtro > Ruido > Añadir ruido, cambia la Cantidad a 5, la Distribución a Uniforme, y marca la casilla Monocromático.

Paso 3

Cambia el Modo de fusión de la 2da copia de la capa de Fondo a Oscurecer. Esto añadirá un ruido sutil al degradado de fondo.

Paso 4

Haz clic en el icono Crear nueva capa de relleno o de ajuste en la parte inferior del panel Capas y elige Niveles.

Paso 5

Cambia el valor de Sombras a 72, el de Gama a 1.05, y el de Luces a 236. Esto ajustará la coloración del fondo.

3. Crea el texto y la extrusión 3D

Paso 1

Crea el texto en Mayúscula usando la fuente Freshman Normal. El Tamaño es de 125 pt, el color es #43a0a8, y el Kerning está configurado en Óptico.

Paso 2

Duplica la capa de texto y arrastra la copia debajo de ella.

Paso 3

Entra en el Modo transformación libre yendo a Edición > Transformación libre (Comando-T). Toca la tecla de la Flecha derecha una vez, y luego toca la tecla de la Flecha hacia abajo una vez también, para mover el texto copiado un píxel a la derecha y un píxel hacia abajo. A continuación, pulsa la tecla Enter para aceptar los cambios.

Paso 4

Presiona Opción-Comando-Shift-T (Alt-Ctrl-Shift-T para Windows) diez veces para duplicar la capa con la transformación para crear la extrusión 3D.

4. Crea los Objetos inteligentes para la Extrusión 3D y la Sombra

Paso 1

Selecciona todas las copias de la capa de texto, y cambia el color del texto a #c7b299.

Paso 2

Con todas las copias seleccionadas, ve a Filtro > Convertir para filtros inteligentes. Cambia el nombre de la capa del objeto inteligente a Extrusión 3D, duplícala, arrastra la copia debajo de ella y cambia el nombre de la copia a Sombra.

5. Estiliza la capa de texto original

Haz doble clic en la capa de texto original para aplicar el siguiente estilo de capa:

Paso 1

Añade un Trazo con estos ajustes:

• Tamaño: 2
• Posición: Interior
• Color: #f2eee1

Paso 2

Añade una Sombra interior con estos ajustes:

• Color: #464646
• Opacidad: 100%
• Desmarca la casilla Usar luz global
• Ángulo: 129
• Distancia: 5
• Dispersión: 50
• Tamaño: 2

Paso 3

Agrega una Superposición de motivo con estas configuraciones:

• Modo de fusión: Luz suave
• Motivo: Líneas diagonales finas

También puedes probar los otros motivos del conjunto, algunos de ellos se ven muy bien.

Esto estilizará la capa de texto principal.

6. Estiliza la extrusión 3D

Haz doble clic en la capa de Extrusión 3D para aplicar el siguiente estilo de capa:

Paso 1

Añade un Bisel y relieve con estos ajustes:

• Técnica: Cincel Duro
• Tamaño: 13
• Desmarca la casilla Usar luz global
• Ángulo: 82
• Altitud: 11
• Marca la casilla Suavizado
• Modo resaltado - Opacidad: 0%

Lo que estás haciendo aquí es cambiar los valores de Ángulo y Altitud del Bisel y relieve para crear un sombreado 3D basado en el ángulo de la extrusión.

Paso 2

Añade un Contorno con estos ajustes:

• Marca la casilla Suavizado.

Paso 3

Añade una Superposición de color con estos ajustes:

• Color: #265559

Esta es la parte en la que eliges el color de la extrusión, así que si quieres puedes cambiarlo.

Puedes observar cómo se crea la ilusión de un efecto 3D plano, con solo usar un par de efectos. Por supuesto, puedes mejorar el resultado que obtienes ajustando la sombra para las esquinas que necesitan ser ajustadas.

También puedes elegir la herramienta Mover, y mover la extrusión 3D un poco hacia arriba, si quieres. Tómate el tiempo de trabajar con el resultado que obtengas, según te parezca.

7. Trabaja en la sombra

Paso 1

Selecciona la capa Sombra y, a continuación, ve a Filtro > Desenfocar > Desenfoque de movimiento. Cambia el Ángulo a -55 y la Distancia a 20. Necesitas que el valor del Ángulo coincida con el ángulo de la extrusión 3D.

Paso 2

Cambia el Modo de fusión de la capa Sombra a Multiplicar y luego usa la herramienta Mover para arrastrar la sombra y moverla hasta que te guste como se ve.

Paso 3

Haz clic en el icono Crear nueva capa de relleno o de ajuste en la parte inferior del panel Capas y elige Tono/Saturación.

Paso 4

Haz clic en el icono Recortar ajuste a la capa en la parte inferior del panel de Propiedades y cambia el valor de Saturación a -65.

¡Felicitaciones! Lo lograste

En este tutorial, creamos un fondo degradado y utilizamos el filtro Añadir ruido para añadirle un sutil efecto de ruido.

Luego creamos el texto, lo duplicamos con una transformación para crear la extrusión 3D, y convertimos las copias de las capas en Objetos inteligentes para crear también la capa de Sombra.

Después de eso, diseñamos el texto y las capas de extrusión 3D para lograr el efecto 3D retro.

Finalmente, creamos la sombra usando el filtro Desenfoque de movimiento, ajustamos el Modo de fusión y el color de su capa, y la movimos para lograr el resultado final.

Por favor, no dudes en dejar tus comentarios, sugerencias y resultados en la sección de abajo.