1. Design & Illustration
  2. Add-Ons
  3. Text Effects

Cómo Crear un Efecto de Texto de Duotono de forma Rápida y Fácil en Adobe Photoshop

Scroll to top

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

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

Utilice una imagen de textura y un mapa de degradado con algunas capas de ajustes y filtros para crear un súper efecto de texto de duotono de forma fácil y rápida. ¡Empecemos!

Este efecto de texto fue inspirado en los muchos estilos de capas Layer Styles que están disponibles en GraphicRiver.

Recursos del tutorial

Los siguientes recursos fueron empleados durante la producción de este tutorial:

1. Cómo crear el Fondo y las Capas de Texto

Paso 1

Crear un documento nuevo de 1000 x 650 px con el color de fondo Background en blanco White. Hacer clic sobre el icono Create new fill or adjustment layer (Crear relleno nuevo o Capa de Ajuste) que está en el fondo del panel capas Layers y seleccione Degradado.

Crear un relleno de degradado con la opción Fill Color to Transparent (Relleno de color a Transparente) usando los Colors (colores) #a9a9a9 para el de la izquierda y #868686 para el de la derecha.

Cambie el tamaño Scale a 150% y marque la casilla Dither.

Gradient FillGradient FillGradient Fill

Paso 2

Crear el texto en All Caps mayúsculas usando la fuente Sofia Pro Black. Ajuste el Size tamaño a 250 pt, y si tiene más de una línea de texto, entonces ajuste el Leading interlineado a 235

Create the TextCreate the TextCreate the Text

2. Cómo Crear un Efecto Duotono

Paso 1

Coloque la Image Texture arriba de la capa de texto, cambie el nombre de su capa a Texture, y después de pulsar el botón derecho del mouse, elija la opción Create Clipping Mask (Crear Máscara de Recorte).

Usted puede probar usando diferentes imágenes si usted quiere, pero es importante que la imagen tenga algunos detalles para conseguir en efecto duotono agradable.

Add the Image TextureAdd the Image TextureAdd the Image Texture

Paso 2

Haga clic en el icono Create new fill o Adjusment layer (Crear nuevo relleno o Capa de Ajuste) que está al fondo del panel Capas, y elija la opción Gradient Map o mapa de degradado. 

Marque la opción Dither y haga clic en la caja relleno de degrado para crear un degradado usando los Colores #281960 para el de la izquierda y #d52e51 para el de la derecha.

Lo que hace el Gradient Map, es que éste hace un mapa que es el rango equivalente de una imagen a los colores del relleno de degradado que usted creo. Por lo que el punto final a la izquierda del relleno de degradado reemplaza las sombras en la imagen y el punto final a la derecha reemplaza las luces de la imagen.

Usted puede probar diferentes colores para cada uno de esos puntos para conseguir resultados diferentes.

Gradient MapGradient MapGradient Map

3. Cómo Agregar Ajustes Globales

Paso 1

Agregue una capa de ajuste de Brightness/Contrast, y cambie el valor del Contraste a 15 o cualquier valor que se adapte a la imagen.

BrightnessContrastBrightnessContrastBrightnessContrast

Paso 2

Agregar una capa de ajuste de color Color Lookup y elija la tabla Cobalt-Carmine desde el menú Abstract.

Cambie el modo de mezcla de la capa Color Lookup a Soft Light y reduzca su Opacity a 50%.

Color LookupColor LookupColor Lookup

4. Cómo crear un Textura de Medio Tono Superpuesta

Paso 1

Crear una capa nueva y colocarla arriba de todas las capas y asignarle el nombre Halftone Texture.

Halftone Texture LayerHalftone Texture LayerHalftone Texture Layer

Paso 2

Ahora vaya a Edit > Fill, y ajuste los Contents a 50% Gray.

Gray FillGray FillGray Fill

Paso 3

Clic derecho sobre la capa Halftone Texture y luego elija la opción Convert to Smart Object para convertir la capa en un objeto inteligente, y ajuste los Colores para Foreground y Background Colors a Negro y Blanco.

Convert to Smart ObjectConvert to Smart ObjectConvert to Smart Object

Paso 4

Ahora vaya a Filter > Filter Gallery > Sketch > Halftone Pattern, y use estos ajustes:

  • Size: 1
  • Contrast: 5
  • Pattern Type: Dot
Halftone Pattern FilterHalftone Pattern FilterHalftone Pattern Filter

Paso 5

Cambie modo de mezcla de la capa Halftone Texture a Soft Light y su Opacity a 20%.

Halftone Texture Layer SettingsHalftone Texture Layer SettingsHalftone Texture Layer Settings

¡Felicitaciones, lo termino!

En este tutorial creamos un relleno de degradado simple y añadimos algunos textos.

Después, recortamos una imagen de textura para el texto y creamos el efecto duotono usando un mapa de degradado.

Finalmente, agregamos algunas capas de ajuste más para mejorar el resultado final y aplicamos una textura de patrón de medio tono.

Por favor, siéntase libre de dejar sus comentarios, sugerencias y conclusiones abajo.

Final ResultFinal ResultFinal Result