7 days of PS Actions, graphics, templates & fonts - for free!* Unlimited asset downloads! Start 7-Day Free Trial
Advertisement
  1. Design & Illustration
  2. Text Effects

Crear un Efecto de Texto Retro, Colorido y de Medio Tono en Adobe Photoshop

Scroll to top
Read Time: 9 mins

Spanish (Español) translation by Cristian Marroquin (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 usar los estilos de capa de Photoshop, filtros, y acciones con un par de capas de ajuste y superposición de texturas, para crear un efecto de texto brillante, colorido, retro y de medio tono. ¡Comencemos!

Este efecto de texto fue inspirado por los muchos Estilos de Capa disponibles en GraphicRiver.

Elementos del Tutorial

Los siguientes elementos fueron usados durante la producción de este tutorial:

1. ¿Cómo Crear un Motivo de Línea Simple?

Paso 1

Crea un nuevo documento de 1 x 3 px y usa la Herramienta Marco Rectangular para crear una selección de 1 x 1 px en la parte inferior del documento.

Rectangular Marquee ToolRectangular Marquee ToolRectangular Marquee Tool

Paso 2

Asegúrate de que el Fondo sea transparente, rellena la selección con el Color #bcbcbc y presiona Comando-D para quitar la selección.

Ve a Edición > Definir Motivo, cambia el nombre a Líneas y da clic en OK.

Define PatternDefine PatternDefine Pattern

2. ¿Cómo Crear el Fondo y las Capas de Texto?

Paso 1

Crea un nuevo documento de 1000 x 735 px; da clic en crear nueva capa de ajuste o relleno, que se ubica en el panel Capas; escoge Color Solido, y pon el relleno a #030608.

Solid ColorSolid ColorSolid Color

Paso 2

Crea el texto Toda en Mayúsculas usando la fuente Komikazoom. Cambia el Tamaño a 300, el Tracking a 50 y la Escala Horizontal a 95%.

Create the TextCreate the TextCreate the Text

3. ¿Cómo Crear las Capas de Forma y Ajustar sus Atributos?

Paso 1

Renombra la capa de texto a Texto, duplica y cambia el nombre de la copia a Medio Tono.

Duplicate the Text LayerDuplicate the Text LayerDuplicate the Text Layer

Paso 2

Duplica la capa de Medio Tono; renombra la copia a Trazo 1 y da clic derecho a esa capa y escoge Convertir a Forma.

Convert to ShapeConvert to ShapeConvert to Shape

Paso 3

Escoge la Herramienta Selección Directa (A) y en la barra de opciones, cambia el Relleno a Ninguno, y el color de Trazo a #b6b6b6 y el Tamaño a 5. Pon el Alineado hacia Fuera.

Shape AttributesShape AttributesShape Attributes

Paso 4

Duplica la capa de Trazo 1 dos veces, y renombre la primera copia a Trazo 2 y el segundo Trazo de Extrusión.

Create Copy LayersCreate Copy LayersCreate Copy Layers

Paso 5

Oculta todas las copias de las capas de texto, pero mantén la original capa (de texto) visible para trabajar con cada una separadamente.

Asegúrate de hacer cada capa visible antes de trabajar con ella en todo el tutorial.

Hide the LayersHide the LayersHide the Layers

4. ¿Cómo Aplicar Efectos de Superposición de Degradado?

Paso 1

Da doble clic en la capa de Texto para aplicar un efecto de Superposición de Degradado con esta configuración:

  • Marca la casilla de Tramado.
  • Usa el relleno de degradado de espectro.
Gradient OverlayGradient OverlayGradient Overlay

Esta parte determina la base del coloreado del efecto de texto, para que puedas escoger otros rellenos si te parece.

Gradient FillGradient FillGradient Fill

Paso 2

Da doble-clic a la capa de Medio Tono para aplicar un efecto de Superposición de Degradado con esta configuración:

  • Marca la casilla Tramado.
  • Usa el el relleno de degradado a Negro a Blanco.
Gradient OverlayGradient OverlayGradient Overlay

Paso 3

Da clic-derecho a la capa de Medio Tono y escoge Convertir a Objeto Inteligente.

Convert to Smart ObjectConvert to Smart ObjectConvert to Smart Object

5. ¿Cómo Crear un Efecto de Medio Tono?

Paso 1

Con la capa Medio Tono seleccionada, ve a Filtro > Pixelizar > Medio Tono de Colores.

Cambia el Radio Máximo a 8 y todos los valores de los Canales de Ángulos de Trama (Grados) a 90 y da clic en OK.

Color HalftoneColor HalftoneColor Halftone

Paso 2

Ve a Filtro > Desenfocar > Desenfoque de Superficie, y cambia el Radio a 2 y el Umbral a 255.

Surface BlurSurface BlurSurface Blur

Paso 3

Cambia el Modo de Fusión de la capa Medio Tono a Sustraer. Esto creará el efecto de medio tono.

Blend ModeBlend ModeBlend Mode

6. ¿Cómo Darle Estilo a las Capas de Trazo?

Paso 1

Da doble clic a la capa de Trazo 1 para aplicar efectos de Superposición de Degradado con esta configuración:

  • Marca la casilla Tramado.
  • Modo de Fusión: Luz Fuerte 
  • Usa el relleno de degradado Grey Fan F10 - angled.
Gradient OverlayGradient OverlayGradient Overlay

Paso 2

Añade otro efecto de Superposición de Degradado con esta configuración:

  • Marca la casilla de Tramado.
  • Usa el relleno de degradado Amarillo, Magenta Verde Azulado.

Asegúrate de que este debajo del anterior.

Gradient OverlayGradient OverlayGradient Overlay

Esto le dará estilo a la primer capa de trazo.

Styled Stroke 1Styled Stroke 1Styled Stroke 1

Da doble clic en la capa de Trazo 2 para aplicar el siguiente estilo de capa:

Paso 3

Añade un Trazo con esta configuración:

  • Tamaño: 250
  • Posición: Fuera
  • Modo de Fusión: Luz Viva
  • Marcar la casilla Sobreimpresión
  • Opacidad: 65%
  • Tipo de Relleno: Motivo
  • Motivo: Líneas
  • Escala: 75%
StrokeStrokeStroke

Paso 4

Añade una Sombra Paralela con esta configuración:

  • Modo de Fusión: Luz Fuerte
  • Color: #ff9b19
  • Opacidad: 70%
  • Distancia: 0
  • Tamaño: 75
  • Ruido: 5
Drop ShadowDrop ShadowDrop Shadow

Paso 5

Añade otro efecto de Sombra Paralela con esta configuración:

  • Modo de Fusión: Luz Fuerte
  • Color: #ff1919
  • Opacidad: 25%
  • Distancia: 0
  • Tamaño: 150
  • Ruido: 5
Drop ShadowDrop ShadowDrop Shadow

Paso 6

Añade otro efecto de Sombra Paralela con esta configuración:

  • Modo de Fusión: Luz Fuerte
  • Color: #e719ff
  • Opacidad: 55%
  • Distancia: 0
  • Tamaño: 250
  • Ruido: 5
Drop ShadowDrop ShadowDrop Shadow

Paso 7

Cambia el valor de Relleno de la capa Trazo 2 a 0%.

Styled Stroke 2Styled Stroke 2Styled Stroke 2

7. ¿Cómo Darle Estilo a un Trazo de Extrusión?

Da doble clic en la capa Trazo de Extrusión para aplicar el siguiente estilo de capa:

Paso 1

Añade un Bisel y Relieve con esta configuración:

  • Técnica: Cincel Duro
  • Tamaño: 0
  • Desmarca la casilla Luz Global.
  • Ángulo: -30°
  • Altitud: 16
  • Marca la casilla Suavizado.
  • Modo de Iluminación: Luz Intensa
    • Opacidad: 75%
  • Modo de Sombra: Subexponer Color
    • Opacidad: 50%
Bevel and EmbossBevel and EmbossBevel and Emboss

Paso 2

Añade un efecto de Superposición de Degradado con esta configuración:

  • Marca la casilla Tramado.
  • Usa el relleno de degradado Amarillo, Violeta, Rojo, Verde Azulado.
Gradient OverlayGradient OverlayGradient Overlay

Paso 3

Mueve la capa Trazo de Extrusión debajo de la capa de Texto.

Change Layer OrderChange Layer OrderChange Layer Order

Paso 4

Duplica la capa Trazo de Extrusión y hazla invisible; renombra la copia a 1, y da clic-derecho para escoger Rasterizar Estilo de Capa.

Luego, coloca ambas capas en un grupo con el nombre Extrusión.

Rasterize Layer StyleRasterize Layer StyleRasterize Layer Style

8. ¿Cómo Registrar una Acción de Extrusión?

Paso 1

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

Da clic en Crear Nuevo Set en la parte inferior del panel; pon Extrusión en el campo Nombre; y da clic en OK.

Create New SetCreate New SetCreate New Set

Paso 2

Da clic en el icono Crear Nueva Acción en la parte inferior del panel, pon Acción en el campo Nombre y da clic en Grabar.

Create New ActionCreate New ActionCreate New Action

Paso 3

Duplica la capa 1.

Debes ver todos los pasos grabado y añadidos a la Acción cuando los estás creando.

Action RecordingAction RecordingAction Recording

Paso 4

Presiona Comando-T para acceder al Modo de Transformación Libre, y cambia los valores de Anchura y Altura en la barra de Opciones a 99%.

Presiona la Tecla Regresar para hacer cambios.

Free TransformFree TransformFree Transform

Paso 5

Ve a Imagen > Ajuste > Tono/Saturación, y cambia el Tono a 15 y la Luminosidad a -10.

HueSaturationHueSaturationHueSaturation

Paso 6

Da clic en Parar Grabación en la parte inferior del panel Acciones.

Stop RecordingStop RecordingStop Recording

9. ¿Cómo Crear una Extrusión?

Paso 1

Selecciona la capa 1 copia, y reproduce la Acción que has grabado unas 16 veces más, o hasta que tengas la profundidad de extrusión que te guste.

Play the ActionPlay the ActionPlay the Action

Paso 2

Selecciona todas las capas en el grupo Extrusión, y ve a Capa > Organizar > Invertir.

Esto colocará la última copia de capa en la parte inferior y traerá la primera en la parte superior.

Reverse Layer OrderReverse Layer OrderReverse Layer Order

10. ¿Cómo Añadir Desenfoque de Movimiento?

Paso 1

Crea una nueva capa encima de todas las capas; nómbrala Desenfoque, presiona la tecla Opción-Comando-Mayus-E para crear un Tampón y convertir la capa en un Objeto Inteligente.

Blur LayerBlur LayerBlur Layer

Paso 2

Ve a Filtro > Desenfoque > Desenfoque de Movimiento y pon el Ángulo a 90° y la Distancia a 30.

Motion BlurMotion BlurMotion Blur

Paso 3

Pon la capa de Desenfoque encima de la capa de Color Sólido y cambia su Modo de Fusión a Aclarar y su Opacidad a 50%.

Layer SettingsLayer SettingsLayer Settings

11. ¿Cómo Añadir Ajustes Globales?

Paso 1

Añade una capa de Consulta de Colores encima de todas las capas; escoge TensionGreen del menú Archivo 3DLUT, y cambia la Opacidad a 80%.

Color LookupColor LookupColor Lookup

Paso 2

Añade una capa de Niveles encima de todas las capas y cambia los Niveles de Sombra de Salida a 20.

LevelsLevelsLevels

12. ¿Cómo Añadir Superposición de Texturas?

Paso 1

Coloca la imagen Cement09-byGhostlyPixels.png desde el paquete de Cement Grit Textures encima de la capa de Color Sólido; cambia el tamaño como sea necesario y cambia la Opacidad a 70%.

Add a Texture OverlayAdd a Texture OverlayAdd a Texture Overlay

Paso 2

Coloca la imagen 15.jpg desde la carpeta Snow with black bg en el paquete de Snow Overlays encima de la capa Trazo 2; cambia el tamaño como sea necesario y el Modo de Fusión a Trama y su Opacidad a 30%.

Add a Texture OverlayAdd a Texture OverlayAdd a Texture Overlay

Paso 3

Coloca la imagen Folded Paper 14.jpg desde el paquete de 20 Texturas de Papel Doblado encima de todas las capas; cambia el tamaño como sea necesario y cambia el Modo de Fusión a Luz Suave y su Opacidad a 20%.

Add a Texture OverlayAdd a Texture OverlayAdd a Texture Overlay

Paso 4

Ve a Imagen > Ajustes > Niveles y cambia los valores de Niveles de Entrada a 20 y el valor de Niveles de Salida a 230.

LevelsLevelsLevels

13. ¿Cómo Añadir Superposición de Ruido?

Paso 1

Crea una nueva capa encima de todas las capas; nombrala Ruido y ve a Edición > Relleno.

Cambia los Contenidos a 50% Gris y da clic en OK.

Fill With GrayFill With GrayFill With Gray

Paso 2

Convierte la capa de Ruido a Objeto Inteligente y cambia su Modo de Fusión a Luz Suave.

Noise LayerNoise LayerNoise Layer

Paso 3

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

Noise FilterNoise FilterNoise Filter

¡Felicidades! ¡Terminaste!

En este tutorial, hemos creado un par de capas de texto y forma y ajustado sus atributos para crear las partes diferentes del texto.

Luego, usamos los estilos de capa y filtros para crear los efectos de color de medio tono. Luego de eso, hemos grabado y reproducido una acción para crear una extrusión.

Finalmente, añadiremos muchos ajustes de capa y texturas de superposición para terminar el efecto.

Por favor, siéntete libre de dejar tus comentarios, sugerencia y resultados abajo.

Final ResultFinal ResultFinal Result

Advertisement
Did you find this post useful?
Want a weekly email summary?
Subscribe below and we’ll send you a weekly email summary of all new Design & Illustration tutorials. Never miss out on learning about the next big thing.
Advertisement
Start your 7-day free trial*
Start free trial
*All Individual plans include a 7-day free trial for new customers; then chosen plan price applies. Cancel any time.