En este tutorial, aprenderás a crear un efecto de texto utilizando un mapa de desplazamiento en Adobe Photoshop.

Creé un Destructor de Texto con efectos de texto ilimitados utilizando el mismo método para mi portafolio GraphicRiver.

Recursos para el tutorial

Necesitarás los siguientes recursos para realizar este tutorial:

• Fuente ChunkFive
• Textura 01 de Patrick Tomasso
  
• Textura 02 de Bharath Suresh

1. Cómo preparar el documento

Paso 1

Ve a Archivo > Nuevo y crea un nuevo archivo para trabajar. Usa los siguientes ajustes: Ancho: 2000 px; Altura: 1500 px; 300 ppp.

Paso 2

Haz clic en la tecla T para abrir la Herramienta texto horizontal y crea cualquier texto que desees utilizar.

Paso 3

Cambia el color del texto a #633526 y luego haz clic en el icono Texto deformado y usa los siguientes ajustes: Estilo: Arco inferior; Curvar: -11%.

Paso 4

Haz clic en la tecla U y selecciona Rectángulo redondeado y luego crea una forma con los siguientes ajustes: Ancho: 1600; Altura: 600; Radio: 20 px a cada lado.

Paso 5

Haz clic nuevamente en la tecla U y crea un Rectángulo simple con los siguientes ajustes: Ancho: 1900; Altura: 1400; Color: #f7eac8; Trazo: 10px.

Paso 6

Haz clic en la tecla G para abrir la Herramienta bote de pintura y rellena la capa de fondo con el color #ebdcbb.

Paso 7

Selecciona la capa de texto y la capa de rectángulo redondeado, y luego haz clic derecho y selecciona Convertir en objeto inteligente.

Paso 8

Convierte el segundo rectángulo en un Objeto inteligente como lo hicimos anteriormente y luego Haz clic derecho en el primer Objeto inteligente y selecciona Duplicar.

2. Cómo crear un mapa de desplazamiento

Paso 1

Abre la Textura 01 en una nueva ventana y presiona Alt + Control + I para cambiar el tamaño de la textura a 2000x1500. Después de eso, presiona Shift + Control + S y guarda nuestra textura como un archivo .psd.

Paso 2

Selecciona nuestro segundo objeto inteligente y ve a Filtro > Distorsionar > Desplazar, y luego selecciona nuestro archivo psd. como un mapa de desplazamiento con los siguientes ajustes: Escala horizontal: 5; Escala vertical: 5; Estirar; Repetir píxeles de borde. Después de eso, utiliza el mismo filtro con los mismos ajustes para la capa de rectángulo grande.

Paso 3

Selecciona nuestro primer objeto inteligente y ve a Filtro > Distorsionar > Desplazar y luego selecciona nuestro archivo .psd y usa los siguientes ajustes: Escala horizontal: 0; Escala vertical: 900; Estirar.

Así es como nuestra imagen se verá después de hacer las manipulaciones mencionadas anteriormente:

3. Cómo añadir texturas al documento

Paso 1

Ahora necesitamos añadir texturas y crear efectos de estilo de capa para nuestro documento. Selecciona todas las capas y luego haz clic en Crear un nuevo grupo.

Paso 2

Haz doble clic en el Objeto inteligente 02 y usa los siguientes ajustes: Sombra paralela; Color: #633526; Angulo: 120; Distancia: 20.

Paso 3

Después de eso, agrega un Trazo en el panel Estilo de capa con los siguientes ajustes: Posición: exterior; Tamaño: 9; Opacidad: 0; Color: #633526.

Paso 4

Ahora necesitamos cambiar el Modo de fusión de la capa rectangular a Superponer en el panel Capas.

Paso 5

Selecciona el grupo de capas y luego, haz clic en el icono Crear máscara.

Paso 6

Abre la Textura 01 y haz clic en la tecla M para abrir la Herramienta marco rectangular. Luego, selecciona toda la textura y presiona Control + C.

Paso 7

Presiona Alt + clic derecho en la máscara del grupo y luego presiona Control + V para pegar la textura como la máscara de la capa.

Paso 8

Después de eso, presiona Control + I para invertir la máscara.

Paso 9

Finalmente, para añadir los toques finales, coloca la Textura 02 encima de todas las capas y cambia el Modo de fusión a Multiplicar. Luego presiona Alt + Shift + Control + B para convertir la textura a blanco y negro.

¡Gran trabajo, terminaste!

¡Felicitaciones! Has creado un efecto de texto utilizando un mapa de desplazamiento y texturas gratuitas. Este es nuestro resultado final:

Si quieres crear efectos similares con tan solo unos cuantos clics, entonces mira mi efecto Destructor de texto en mi portafolio GraphicRiver.