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

Cómo crear un efecto de texto grunge utilizando un mapa de desplazamiento en Adobe Photoshop

by
Difficulty:BeginnerLength:ShortLanguages:

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

Final product image
What You'll Be Creating

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.

httpsgraphicrivernetitemtext-destroyer8197338

Recursos para el tutorial

Necesitarás los siguientes recursos para realizar este tutorial:

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.

Creating new document

Paso 2

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

creating text

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

Adding warp text effect

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.

Creating rectangle

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.

Creating second rectangle

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.

Filling the background with color

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.

Creating Smart Object

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.

Creating smart objects

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.

Resizing and saveing texture as displacement map

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.

Adding displace effect

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.

Adding displace fitler to background smart object

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.

Creating a group of layers

Paso 2

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

Creating drop shadow effect

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.

Creating stroke effect

Paso 4

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

Changing the blending mode

Paso 5

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

Adding mask to the group of layers

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.

Copying texture

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.

Adding texture as layer mask

Paso 8

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

Invertiong the texture

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.

Adding the last texture

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

httpsgraphicrivernetitemtext-destroyer8197338
Advertisement
Advertisement
Advertisement
Advertisement
Looking for something to help kick start your next project?
Envato Market has a range of items for sale to help get you started.