Unlimited PS Actions, graphics, videos & courses! Unlimited asset downloads! From $16.50/m
Advertisement
  1. Design & Illustration
  2. Text Effects

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

Read Time: 5 mins
This post is part of a series called Retro Text Effect Tutorials.
Create a One-Layer Retro Text Effect in Adobe Photoshop
How to Create a Retro Chrome Text Effect in Adobe Photoshop

Spanish (Español) translation by Rosario (you can also view the original English article)

Final product imageFinal product imageFinal product image
What You'll Be Creating

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:

1. Crea el degradado de fondo

Paso 1

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

Duplicate the Background LayerDuplicate the Background LayerDuplicate the Background Layer

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.
Gradient OverlayGradient OverlayGradient Overlay

Esto creará el degradado de fondo.

Background GradientBackground GradientBackground Gradient

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.

Noise LayerNoise LayerNoise Layer

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.

Add Noise FilterAdd Noise FilterAdd Noise Filter

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.

Noise Layer Blend ModeNoise Layer Blend ModeNoise Layer Blend Mode

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.

LevelsLevelsLevels

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.

Levels ValuesLevels ValuesLevels Values

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.

Create the TextCreate the TextCreate the Text

Paso 2

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

Duplicate the TextDuplicate the TextDuplicate the Text

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.

Transform the TextTransform the TextTransform the Text

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.

Create the 3D ExtrusionCreate the 3D ExtrusionCreate the 3D Extrusion

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.

Change Copy Text Layers ColorChange Copy Text Layers ColorChange Copy Text Layers Color

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.

Creating the Smart ObjectsCreating the Smart ObjectsCreating the Smart Objects

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
StrokeStrokeStroke

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
Inner ShadowInner ShadowInner Shadow

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.

Pattern OverlayPattern OverlayPattern Overlay

Esto estilizará la capa de texto principal.

Styled TextStyled TextStyled Text

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.

Bevel and EmbossBevel and EmbossBevel and Emboss

Paso 2

Añade un Contorno con estos ajustes:

  • Marca la casilla Suavizado.
ContourContourContour

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.

Color OverlayColor OverlayColor Overlay

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.

Styled 3D ExtrusionStyled 3D ExtrusionStyled 3D Extrusion

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.

Adjusting the 3D ExtrusionAdjusting the 3D ExtrusionAdjusting the 3D Extrusion

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.

Motion BlurMotion BlurMotion Blur

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.

Motion Blur Blend Mode and PositionMotion Blur Blend Mode and PositionMotion Blur Blend Mode and Position

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.

HueSaturationHueSaturationHueSaturation

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.

Adjust SaturationAdjust SaturationAdjust Saturation

¡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.

Advertisement
Did you find this post useful?
One subscription.
Unlimited Downloads.
Get unlimited downloads