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

Cómo hacer efecto desgastado Photoshop mediante una acción

Scroll to top
Read Time: 5 mins

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

En este tutorial aprenderás cómo hacer un efecto desgastado en Photoshop con acciones usando filtros inteligentes, capas de ajuste y superposición de texturas.

Si quieres aprender estos efectos fotográficos mediante un video, consulta nuestra lección en el canal de Envato Tuts+ en YouTube:

Si necesitas un filtro desgastado Photoshop mediante acción que esté listo para usarse, entonces dirígete a Envato Elements. Puedes encontrar opciones prémium para descargar como este que se incluye con tu suscripción:

Vintage Sketch Distressed Texture Photoshop ActionVintage Sketch Distressed Texture Photoshop ActionVintage Sketch Distressed Texture Photoshop Action
Esta acción de Photoshop para efecto desgastado vintage está disponible con tu suscripción a Envato Elements.

Recursos del tutorial de efecto desgastado Photoshop

Este tutorial de textura desgastada utiliza una foto que ya no está disponible, pero puedes descargar las texturas que necesitas aquí.

1. Cómo comenzar a grabar el efecto de filtro desgastado Photoshop

Paso 1

Primero que nada, necesitamos abrir la imagen. Presiona Control-O y selecciona la imagen que quieres usar para el fondo desgastado.

How to Make a Distressed Effect in Photoshop Tutorial Opening the imageHow to Make a Distressed Effect in Photoshop Tutorial Opening the imageHow to Make a Distressed Effect in Photoshop Tutorial Opening the image

Paso 2

Ahora podemos comenzar a crear nuestra acción Photoshop para efecto desgastado. Así que pulsa Alt-F9 o aplica Ventana > Acciones para abrir el panel Acciones.

How to Make a Distressed Effect in Photoshop Tutorial Opening the actions panelHow to Make a Distressed Effect in Photoshop Tutorial Opening the actions panelHow to Make a Distressed Effect in Photoshop Tutorial Opening the actions panel

Paso 3

Pulsa el botón Nueva acción para crear una nueva acción y luego pulsa Grabar. Ahora nuestra acción Photoshop para efecto desgastado con textura comenzará a grabarse.

How to Make a Distressed Effect in Photoshop Tutorial Creating an actionHow to Make a Distressed Effect in Photoshop Tutorial Creating an actionHow to Make a Distressed Effect in Photoshop Tutorial Creating an action

2. Cómo hacer efecto desgastado en Photoshop con aspecto áspero

Paso 1

Selecciona la capa fondo y luego haz clic derecho en la capa y selecciona Convertir en objeto inteligente.

How to Make a Distressed Effect in Photoshop Tutorial Converting image to the smart objectHow to Make a Distressed Effect in Photoshop Tutorial Converting image to the smart objectHow to Make a Distressed Effect in Photoshop Tutorial Converting image to the smart object

Paso 2

Selecciona el objeto inteligente y posteriormente aplica Filtro > Ruido > Añadir ruido y utiliza los siguientes parámetros: 

  • Cantidad: 5%
  • Distribución: Gaussiano
  • Monocrómatico: Marcado
How to Make a Distressed Effect in Photoshop Tutorial Creating a noise effectHow to Make a Distressed Effect in Photoshop Tutorial Creating a noise effectHow to Make a Distressed Effect in Photoshop Tutorial Creating a noise effect

Paso 3

Después de eso, aplica Filtro > Galería de filtros > Textura > Granulado. Utiliza los siguientes parámetros:

  • Intensidad: 15
  • Contraste: 50
  • Tipo de granulado: Regular
How to Make a Distressed Effect in Photoshop Tutorial Creating a grain effectHow to Make a Distressed Effect in Photoshop Tutorial Creating a grain effectHow to Make a Distressed Effect in Photoshop Tutorial Creating a grain effect

Paso 4

Coloca la imagen "Distressed Texture 01.png" arriba del objeto inteligente.

How to Make a Distressed Effect in Photoshop Tutorial Placing the first overlay textureHow to Make a Distressed Effect in Photoshop Tutorial Placing the first overlay textureHow to Make a Distressed Effect in Photoshop Tutorial Placing the first overlay texture

Paso 5

Después de eso, coloca la imagen "Distressed Texture 02.jpg" y cambia el Modo de fusión de esta nueva capa a Multiplicar.

How to Make a Distressed Effect in Photoshop Tutorial Changing the blending mode of the layerHow to Make a Distressed Effect in Photoshop Tutorial Changing the blending mode of the layerHow to Make a Distressed Effect in Photoshop Tutorial Changing the blending mode of the layer

Paso 6

Ahora necesitamos crear capas de corrección de color para nuestros efectos de textura desgastada Photoshop. Aplica Capa > Nueva capa de ajuste > Brillo/Contraste y crea una nueva capa con los siguientes parámetros: 

  • Brillo: 70
  • Contraste: -25
How to Make a Distressed Effect in Photoshop Tutorial Creating adjustment layerHow to Make a Distressed Effect in Photoshop Tutorial Creating adjustment layerHow to Make a Distressed Effect in Photoshop Tutorial Creating adjustment layer

Paso 7

Posteriormente, aplica Capa > Nueva capa de ajuste > Tono/Saturación y crea una nueva capa con Saturación de - 35.

How to Make a Distressed Effect in Photoshop Tutorial Creating hue adjustment layerHow to Make a Distressed Effect in Photoshop Tutorial Creating hue adjustment layerHow to Make a Distressed Effect in Photoshop Tutorial Creating hue adjustment layer

Paso 8

Nuestra rústico fondo desgastado ahora está listo. Haz clic en Detener en el panel Acciones.

How to Make a Distressed Effect in Photoshop Tutorial Stopping the actionHow to Make a Distressed Effect in Photoshop Tutorial Stopping the actionHow to Make a Distressed Effect in Photoshop Tutorial Stopping the action

Así debería apreciarse ahora nuestra imagen de textura desgastada después de las manipulaciones listadas arriba:

How to Make a Distressed Effect in Photoshop Tutorial Soft distressed effect applied to the pictureHow to Make a Distressed Effect in Photoshop Tutorial Soft distressed effect applied to the pictureHow to Make a Distressed Effect in Photoshop Tutorial Soft distressed effect applied to the picture

3. Cómo hacer efecto desgastado en Photoshop de aspecto suave

Paso 1

En caso de que este efecto desgastado en textura sea muy exagerado, podríamos hacerlo más suave de manera fácil. Creemos otra acción y nombrémosla "Soft Distressed Action" (acción desgastada suave).

How to Make a Distressed Effect in Photoshop Tutorial Creating the second actionHow to Make a Distressed Effect in Photoshop Tutorial Creating the second actionHow to Make a Distressed Effect in Photoshop Tutorial Creating the second action

Paso 2

Selecciona la primera superposición de textura desgastada y cambia la Opacidad de la capa a 25%.

How to Make a Distressed Effect in Photoshop Tutorial Changing the opacity of the first textureHow to Make a Distressed Effect in Photoshop Tutorial Changing the opacity of the first textureHow to Make a Distressed Effect in Photoshop Tutorial Changing the opacity of the first texture

Paso 3

En seguida, necesitamos cambiar la Opacidad de la segunda textura desgastada a 80%

How to Make a Distressed Effect in Photoshop Tutorial Changing the opacity of the second textureHow to Make a Distressed Effect in Photoshop Tutorial Changing the opacity of the second textureHow to Make a Distressed Effect in Photoshop Tutorial Changing the opacity of the second texture

Paso 4

Después pulsa el botón de Detener para finalizar la grabación de la acción. Ahora puedes cambiar fácilmente el efecto a una versión más suave solo reproduciendo este filtro desgastado Photoshop adicional.

How to Make a Distressed Effect in Photoshop Tutorial Finishing the recording of the second actionHow to Make a Distressed Effect in Photoshop Tutorial Finishing the recording of the second actionHow to Make a Distressed Effect in Photoshop Tutorial Finishing the recording of the second action

¡Fantástico trabajo, terminaste el efecto desgastado Photoshop!

¡Felicidades! Has creado fondos desgastados para fotografías utilizando superposición de texturas y efectos Photoshop. Este es nuestro resultado final:

How to Make a Distressed Effect in Photoshop Tutorial Final result of the manipulationHow to Make a Distressed Effect in Photoshop Tutorial Final result of the manipulationHow to Make a Distressed Effect in Photoshop Tutorial Final result of the manipulation

Ahora que has creado este filtro desgastado Photoshop, puedes aplicar esta apariencia a cualquiera de tus fotos.

Asombrosas acciones de Photoshop para efecto desgastado de textura disponibles en Envato Elements

¿Buscas más filtros desgastados Photoshop? Consulta estas acciones de Photoshop en Envato Elements:

Acción de Photoshop para boceto vintage con efecto desgastado (en formatos ATN, ABR y PAT)

Este recurso añade un realista efecto desgastado y convierte tu imagen en un boceto añejo con lápices, elementos de pintura y 10 efectos de color. El efecto final de esta acción para textura desgastada puede cambiarse fácilmente pues te proporciona un archivo PSD bien estructurado .

Vintage Sketch Distressed Texture Photoshop ActionVintage Sketch Distressed Texture Photoshop ActionVintage Sketch Distressed Texture Photoshop Action

Acción Photoshop SoVintage para efecto desgastado (en formato ATN)

Esta rústico efecto desgastado Photoshop te brinda no solo estilos de los años 80 sino 15 fugas de luz, 10 texturas desgastadas y capas de viñetas de ruido. Podría aplicarse a cualquier imagen y funciona con pocos clics.

SoVintage Rustic Photoshop ActionSoVintage Rustic Photoshop ActionSoVintage Rustic Photoshop Action

Antiq Guilloche: Acción de Photoshop para fondo desgastado (ATN, ABR, PAT)

Este asombroso paquete de efectos desgastados contiene acciones, pinceles y motivos que podrían darle a tu imagen una sensación de desgaste en pocos clics. Es magnífico si quieres utilizar Photoshop para crear una apariencia añeja. 

Antiqu Guilloche Distressed Effect Photoshop ActionAntiqu Guilloche Distressed Effect Photoshop ActionAntiqu Guilloche Distressed Effect Photoshop Action

Creador de foto vintage para efecto desgastado Photoshop (en formato PSD)

"Creador de foto vintage" es una excelente herramienta que podría ayudarte a crear portadas de Facebook, pósteres o diseños de camisetas. Incluye un gran número de texturas, fondos y 12 efectos principales. Todos los efectos rústicos para Photoshop forman parte de un archivo PSD.

Vintage Photo Creator Rustic Photoshop EffectsVintage Photo Creator Rustic Photoshop EffectsVintage Photo Creator Rustic Photoshop Effects

Efectos de foto vintage (en formato PSD)

Si quieres otro efecto desgastado para textura en Photoshop, echa un vistazo a "Efectos de foto vintage". Crea fotos de apariencia antigua con texturas de papel aplicadas a tus imágenes utilizando esta plantilla inteligente. Tendrás una formidable apariencia desgastada en muy poco tiempo con esta descarga.

Vintage Distressed Photo Effects PhotoshopVintage Distressed Photo Effects PhotoshopVintage Distressed Photo Effects Photoshop

Más recursos y efectos desgastados o de apariencia añeja para Photoshop

Acabas de aprender cómo elaborar un efecto desgastado en Photoshop y viste algunas extraordinarias descargas de apariencia vintage. ¿Quieres aprender cómo crear más efectos similares? Consulta estos estupendos tutoriales:

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