Cómo Crear un Radiante Efecto de Texto Retro 3D en Adobe Photoshop

Éste tutorial te mostrará cómo usar objetos inteligentes y estilos de capa para crear un radiante efecto de texto retro 3D. ¡Comencemos!

Éste efecto de texto fue inspirado por los muchos Estilos de Capa disponibles en Envato Market.

Recursos del Tutorial

Los siguientes recursos fueron utilizados durante la producción de éste tutorial:

• Fuente Big John
• Metal texture (textura Metalica)
• Textura Freeze por AFineWar
• Paquete Gratuito de 6000 degradados para photoshop por Supertuts007 (Cargar el archivo CHROMES.grd)

1. Crea el Degradado del Fondo

Paso 1

Crea un nuevo documento de 800 x 600 px, haz click en el ícono Crear nueva capa de relleno o ajuste en la parte inferior del panel Capas, y elige Color Uniforme.

Paso 2

Usa el Color #2e363.

Paso 3

Haz doble-click en la capa Solid Color (Color Uniforme) para aplicar un efecto de Superposición de Degradado usando éstos parámetros:

• Marca la casilla Tramado
• Modo de Fusión: Subexposición Lineal
• Opacidad: 20%
• Estilo: Radial
• Escala: 150%
• Haz click en la casilla Degradado para crear el relleno de degradado usando los colores #ffffff a la izquierda y #ababab a a derecha

Ésto creará un sencillo fondo de degradado.

2. Agrega la Textura al Fondo

Paso 1

Coloca la Metal texture (Textura metálica) arriba de la capa Solid Color, y redimensiónala como sea necesario.

Renombra la capa de la textura a BG Texture, y cambia su Modo de Fusión a Luz Suave.

Paso 2

Ve a Imagen > Ajustes > Niveles, y cambia el valor de Medios Tonos a 1.50.

3. Crea el Texto y Su Objeto Inteligente

Paso 1

Crea el texto usando la fuente Big John. El Tamaño es 200 pt, el Color es #e8a505, y el Tracking es 100.

Paso 2

Renombra la capa del texto a Text, haz click-derecho en ella, y elige Convertir en Objeto Inteligente.

Asegúrate de seguir los nombres de las capas a través de todo el tutorial para que las cosas no se tornen confusas.

Paso 3

Duplica la capa Text, hazla invisible, y arrástrala arriba de la capa de la copia.

4. Crea la Acción Transformar

A continuación, vamos a duplicar el texto y a transformar la capa de la copia, y luego repetir eso para varias capas.

Ya que estamos trabajando con objetos inteligentes, y para evitar cualquier duplicado con los asuntos de transformar, grabaremos una Acción para ello.

Paso 1

Abre el panel Acciones (en el menú Ventana).

Paso 2

Haz click en el ícono Acción nueva en la parte inferior del panel, ingresa Extrusion en el campo Nombre, y haz click en OK.

Paso 3

Haz click en el ícono Crear acción nueva en la parte inferior del panel, ingresa Acción en el campo Nombre y haz click en Grabar.

5. Graba la Acción

Paso 1

Duplica la capa Text copy (copia de Text) al hacer click-arrastrándola al ícono Nueva Capa en la parte inferior del panel Capas.

Paso 2

Presiona Comando-T para ingresar en Modo Transformación Libre, y luego pulsa la tecla Flecha Abajo una vez y la tecla Flecha Derecha una vez para mover la capa Text copy 2 1 px hacia abajo y 1 px a la derecha.

Paso 3

Pulsa la tecla Return plara aceptar los cambios. Deberías ver todos los pasos grabados y añadidos a la Acción que estás creando.

Paso 4

Haz click en el ícono Detener grabación en la parte inferior del panel Acciones.

6. Crea la Extrusión

Paso 1

Haz click en el ícono Ejecutar selección en la parte inferior del panel Acciones 10 veces para crear 10 copias más con la transformación.

La capa final debería tener el nombre Text copy 12.

Paso 2

Selecciona todas las capas Text copy (sin la capa Text original invisible), y ve a Capa > Organizar > Invertir.

Ésto colocará la capa de la última copia abajo y traerá la primera arriba.

Paso 3

Deselecciona la primera y la última capa, y luego coloca las restantes capas seleccionadas en un grupo y llámalo Extrusion.

Paso 4

Renombra la capa Text copy a Text Front, y la capa Text copy 12 a Text Back.

Duplica la capa Text Front, cambia el valor de Relleno de la copia a 0, y luego duplícala.

7. Aplica Estilo a las Capas Extrusion

Haz doble-click en la capa Text copy 2 para aplicar el siguiente estilo de capa:

Paso 1

Agrega un Bisel y Relieve con éstos parámetros:

• Tamaño: 0
• Modo de Sombra - Opacidad: 15%

Paso 2

Agrega una Sombra Paralela con éstos parámetros:

• Opacidad: 7%
• Distancia: 3
• Tamaño: 2

Paso 3

Ésto aplicará estilo a la primera capa extrusion.

Haz click-derecho en la capa dónde se aplicó estilo y elige Copiar Estilo de Capa.

Paso 4

Selecciona el resto de las capas extrusion, haz click-derecho en cualquiera de ellas, y elige Pegar Estilo de Capa.

Ésto creará el efecto de extrusión 3D.

Paso 5

Duplica el grupo Extrusion, arrastra la copia para colocarla arriba de la capa Text Front copy 2, y cambia el valor de su Relleno a 0.

8. Aplica Estilo a la Capa Text Front

Haz doble-click en la capa Text Front para aplicar el siguiente estilo de capa:

Paso 1

Agrega un Bisel y Relieve con éstos parámetros:

• Tamaño: 3
• Contorno de Resplandor: Desnivel - Profundo
• Marca la casilla Suavizado
• Modo de Sombra - Opacidad: 15%

Paso 2

Agrega un Contorno con éstos parámetros:

• Contorno: Desnivel - Profundo
• Marca la casilla Suavizado
• Rango: 100%

Paso 3

Agrega un Trazo con éstos parámetros:

• Tamaño: 1
• Posición: Interior
• Modo de Fusión: Trama
• Tipo de Relleno: Degradado
• Usa el relleno de degradado faucet 70

Paso 4

Agrega una Sombra Interior con éstos parámetros:

• Opacidad: 35%
• Desmarca la casilla Usar Luz Global
• Ángulo: 141
• Distancia: 9
• Retraer: 6
• Tamaño: 18

Paso 5

Agrega un Resplandor Interior con éstos parámetros:

• Modo de Fusión: Luz Lineal
• Opacidad: 100%
• Color: #d1cc90
• Técnica: Preciso
• Tamaño: 90
• Contorno: Cono - Asimétrico

Paso 6

Agrega un Resplandor Exterior con éstos parámetros:

• Opacidad: 100%
• Color: Usa el relleno de degradado faucet 140
• Extender: 28
• Tamaño: 10
• Contorno: Desnivel - Superficial

Paso 7

Agrega una Sombra Paralela con éstos parámetros:

• Opacidad: 7%
• Distancia: 3
• Tamaño: 2

Ésto aplicará estilo a la capa superior del texto.

9. Aplica estilo a la Primera Copia de Text Front 

Haz doble-click en la capa Text Front copy para aplicar el siguiente estilo de capa:

Paso 1

Agrega un Bisel y Relieve con éstos parámetros:

• Tamaño: 10
• Desmarca la casilla Usar Luz Global
• Ángulo: 138
• Altitud: 21
• Contorno de Resplandor: Desnivel - Profundo
• Marca la casilla Suavizado
• Modo de Sombra - Opacidad: 15%

Paso 2

Agrega un Contorno con éstos parámetros:

• Contorno: Desnivel - Profundo
• Marca la casilla Suavizado.
• Rango: 100%

Paso 3

Agrega un Trazo con éstos parámetros:

• Tamaño: 1
• Posición: Interior
• Modo de Fusión: Trama
• Tipo de Relleno: Degradado
• Usa el relleno de degradado faucet 70

Ésto aplicará estilo a la primera capa de la parte interna de text front.

10. Aplica Estilo a la Segunda Copia de Text Front

Haz doble-click en la capa Text Front copy para aplicar el siguiente estilo de capa:

Paso 1

Agrega un Bisel y Relieve con éstos parámetros:

• Técnica: Cincel Duro
• Tamaño: 10
• Desmarca la casilla Usar Luz Global
• Ángulo: 110
• Altitud: 26
• Contorno de Resplandor: Cono - Asimétrico
• Marca la casilla Suavizado
• Modo de Sombra - Opacidad: 15%

Paso 2

Agrega un Contorno con éstos parámetros:

• Contorno: Niveles de Redondeado
• Marca la casilla Suavizado
• Rango: 100%

Ésto aplicará estilo a la segunda copia de la parte interna de text front.

11. Aplica Estilo a la Capa Text Back

Copia y Pega el estilo de capa de la capa Text Front a la capa Text Back, y luego haz doble-click en la capa Text Back para ajustar los siguientes parámetros:

Paso 1

Bisel y Relieve:

• Tamaño: 6

Paso 2

Contorno:

• Contorno: Cono - Invertido

Paso 3

Sombra Paralela:

• Opacidad: 70%
• Distancia: 20
• Tamaño: 50

Ésto aplicará estilo a la capa text back.

12. Aplica Estilo a los Grupos Extrusion

Paso 1

Haz doble-click en el grupo Extrusion para aplicar un efecto Superposición de Degradado con éstos parámetros:

• Marca la casilla Tramado
• Modo de Fusión: Multiplicar
• Usa el relleno de degradado stove pipe 185x

Ésto añadirá más dimensión al extrusión.

Paso 2

Haz doble-click en el grupo Extrusion copy para aplicar un efecto Resplandor Exterior con éstos parámetros:

• Modo de Fusión: Luz Lineal
• Opacidad: 35%
• Color: #a9f6ff
• Tamaño: 27
• Contorno: Aro
• Rango: 75%

Paso 3

Agrupa todas las capas visibles de text copy y los grupos de extrusion que tengas, y lláma al grupo Text Effect.

Paso 4

Haz doble-click en el grupo Text Effect para aplicar un efecto Resplandor Exterior con éstos parámetros:

• Modo de Fusión: Trama
• Opacidad: 50%
• Color: #399da7
• Tamaño: 150

Paso 5

Ésto finalizará el efecto de texto.

Si quieres cambiar el texto, puedes hacer doble-click en la miniatura de la capa Text original para abrir el archivo de texto original, cambia el texto, ve a Imagen > Descubrir Todas, y luego Archivo > Guardar, y Archivo > Cerrar.

Ésto actualizará el resto de las capas objetos inteligentes, y obtendrás el efecto aplicado al nuevo texto que ingresaste.

13. Agrega una Textura y Algunas Capas de Ajuste

Paso 1

Coloca la textura Freeze arriba de todas las capas, y renombra su capa a Texture Overlay. Cambia el Modo de Fusión de la capa Texture Overlay a Subexposición Lineal y su Opacidad a 15%.

Paso 2

Agrega una capa de ajuste de Mapa de Degradado arriba de todas las capas, y marca la casilla Tramado.

Crea el relleno de degradado usando los colores #433469 a la izquierda, #5e6474 en medio, y #d4b28a a la derecha.

Cambia el Modo de Fusión de la capa a Color y su Opacidad a 15%.

Paso 3

Duplica la capa de ajuste de Mapa de Degradado, y luego cambia el Modo de Fusión de la copia a Luz Suave y su Opacidad a 50%.

¡Felicidades, Terminaste!

En éste tutorial, creamos un sencillo fondo degradado con una superposición de textura.

Posteriormente creamos el texto, lo convertimos en objeto inteligente, y lo duplicamos. Después de eso, grabamos una acción para crear la extrusión y comenzamos a aplicar diferentes estilos de capa a las capas para crear el efecto de texto.

Finalmente, agregamos una textura y un par de capas de ajuste para terminar todo.

Por favor con toda confianza deja tus comentarios, sugerencias y resultados abajo.