1. Design & Illustration
  2. Add-Ons
  3. Overlays & Textures

Cómo Crear un Efecto de Texto Inspirado en la Doble Exposición en Adobe Photoshop

La doble exposición ha estado presente por doquier desde hace tiempo. Es una interesante técnica fotográfica que combina dos o más exposiciones en una sola imagen.
Scroll to top

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

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

La doble exposición ha estado presente por doquier desde hace tiempo. Es una interesante técnica fotográfica que combina dos o más exposiciones en una sola imagen.

Éste tutorial te mostrará cómo usar algunas imágenes, modos de fusión, y capas de ajuste, para crear un fácil efecto de texto inspirado en la doble exposición. ¡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:

1. Crea el Texto

Paso 1

Crea un nuevo documento de 1500 x 1000 px y rellena el Fondo (Background) de Blanco.

Crea el texto en Mayúsculas usando la fuente Peace Sans Regular, y usa un tamaño suficientemente grande para mostrar mejor los detalles.

El Tamaño aquí es estableido en 500 pt, y el Tracking es establecido en 100. Pero puedes usar cualquier otro valor que gustes con tu texto.

Create the TextCreate the TextCreate the Text

Paso 2

Coloca la imagen Branches 3 (ramas) arriba de la capa de texto, y redimensiónala como sea necesario.

Add the Branches ImageAdd the Branches ImageAdd the Branches Image

2. Enmascara las Ramas

Paso 1

Haz comando-click en la miniatura de la capa de texto para crear una selección.

Create a SelectionCreate a SelectionCreate a Selection

Paso 2

Toma la Herramienta Marco Rectangular, y haz click en el ícono Formar Intersección con la selección en la barra Opciones.

Luego, haz click y arrastra para seleccionar la primera letra que tienes, y suelta.

Select the First LetterSelect the First LetterSelect the First Letter

Paso 3

Ésto deseleccionará todas las letras excepto la primera.

Selected First LetterSelected First LetterSelected First Letter

Paso 4

Con la capa de las ramas seleccionadas, haz click en el ícono Añadir máscara de capa en la parte inferior del panel Capas.

Mask the SelectionMask the SelectionMask the Selection

Paso 5

Coloca una nueva copia de la imagen de las ramas, y luego repite los mismos pasos para cada una de las letras restantes que tienes.

Cada letra debería tener su propia capa de ramas enmascarada con ella.

Mask the Rest of the LettersMask the Rest of the LettersMask the Rest of the Letters

3. Coloca las Ramas dentro de las Letras

Paso 1

Haz invisible la capa de texto original al hacer click en el ícono del ojo junto a ella.

Make the Original Text Layer InvisibleMake the Original Text Layer InvisibleMake the Original Text Layer Invisible

Paso 2

Haz click en el ícono de la cadena entre las miniaturas de la capa y la máscara para desvincularlas. Ésto te permitirá mover la imagen dentro de la máscara en lugar de moverse con ella.

Presiona Comando-T para ingresar al Modo de Tranformación Libre. Mueve, rota, y redimensiona la rama dentro de su letra hasta que te gusta como se ve.

Pulsa Return para aceptar los cambios.

Position the Branches Inside the TextPosition the Branches Inside the TextPosition the Branches Inside the Text

Paso 3

Repite eso para el resto de las letras que tienes, y no olvides volver a vincular las miniaturas cuándo termines.

Coloca todas las capas de las ramas en un grupo y llámalo Text.

Repeat and GroupRepeat and GroupRepeat and Group

4. Crea el Mapa de Degradado del Texto y Agrega la Superposición de Textura.

Paso 1

Haz click en el ícono Crea nueva capa de relleno o ajuste en la parte inferior del panel Capas, y elige Mapa de Degradado.

Add a Gradient Map Adjustment LayerAdd a Gradient Map Adjustment LayerAdd a Gradient Map Adjustment Layer

Paso 2

Haz click en el ícono Recortar en capa, y haz click en la casilla relleno de degradado para crear el degradado usado.

Para crear el Degradado, necesitarás hacer click debajo de la barra de degradado para agregar Detenciones de Color, y cuándo hagas click en cada Detención de Color, puedes cambiar sus valores de Color y Ubicación. Aquí están los valores de Detención de Color usados de izquierda a derecha:

Color - Ubicación

  • #282828 - 0%
  • #5c5353 - 25%
  • #8777a7a - 50%
  • #ada3a3 - 75%
  • #fleded - 100%
Create the Gradient FillCreate the Gradient FillCreate the Gradient Fill

Paso 3

Coloca la imagen New York Buildings arriba de todas las capas, redimensiónala como sea necesario y cambia el Modo de Fusión de su capa a Aclarar.

Haz comando-click en la miniatura de la capa de texto para crear una selección, y haz click en el ícono Añadir máscara de capa para enmascarar la imagen de los edificios.

Ésto finalizará el efecto de doble exposición, pero agregaremos algunas capas de ajuste de color para realzar el resultado final.

Add the Overlay TextureAdd the Overlay TextureAdd the Overlay Texture

5. Ajustar el Color

Paso 1

Agrega otra capa de ajuste de Mapa de Degradado arriba de todas las capas, y crea el degradado usando los colores #48406e a la izquierda, #76747e en el centro, y #fbc690 a la derecha.

Luego, disminuye la Opacidad de la capa a un valor de 35%.

Gradient MapGradient MapGradient Map

Paso 2

Agrega una capa de ajuste de Niveles arriba de todas las capas, y ajusta los parámetros de cada canal como se muestra abajo:

LevelsLevelsLevels

¡Felicidades, Terminaste!

En éste tutorial, creamos algún texto, y enmascaramos una imagen de ramas plara cada una de sus letras por separado.

Luego, colocamos las ramas dentro de cada letra, y ajustamos el color con un mapa de degradado. Después de eso, agregamos una superposición de textura para crear el efecto de doble exposición. Finalmente, usamos más capas de ajuste para ajustar el color del resultado final.

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

Final resultFinal resultFinal result