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

Cómo crear una acción de efecto desvanecido vintage de Photoshop

Scroll to top

Spanish (Español) translation by Elías Nicolás (you can also view the original English article)

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

Archivos del tutorial

Los siguientes archivos se usaron durante la producción de este tutorial:

1. Cómo preparar el documento

Paso 1

Presiona Control-N para crear un nuevo documento y usá la siguiente configuración: 3000 x 2000 px; 300 dpi.

creating a new documentcreating a new documentcreating a new document

Paso 2

Ve a Archivo > Colocar y coloca tu imagen dentro del documento.

placing the image inside photoshopplacing the image inside photoshopplacing the image inside photoshop

Paso 3

Cambia el tamaño de tu imagen a los bordes del documento y presiona Entrar.

resizing the image to the bordersresizing the image to the bordersresizing the image to the borders

Etapa 4

Después de eso, haz clic derecho en la capa y luego Convertir a objeto inteligente.

converting the image to a smart objectconverting the image to a smart objectconverting the image to a smart object

2. Cómo crear un efecto de foto vintage

Paso 1

Selecciona el objeto inteligente y luego ve a Filtro > Ruido > Agregar ruido y usá la siguiente configuración:

  • Cantidad: 2%
  • Distribución: Uniforme
  • Monocromático: Tildado
adding a noise effectadding a noise effectadding a noise effect

Paso 2

Después de eso, ve a Filtro > Galería de filtros > Textura > Granulado. Usá la siguiente configuración:

  • Intensidad: 15
  • Contraste: 59
  • Tipo de granulado: regular
creating a grain filtercreating a grain filtercreating a grain filter

Paso 3

Coloca la textura superpuesta sobre el objeto inteligente y modifica el Modo de fusión de esta nueva capa a Trama.

changing the blending mode of the layerchanging the blending mode of the layerchanging the blending mode of the layer

3. Cómo crear un efecto de foto desvanecida

Paso 1

Ahora comencemos a crear nuestro efecto de desvanecimiento. Ve a Capa > Nueva capa de relleno > Gradiente.

creating a gradient fill layercreating a gradient fill layercreating a gradient fill layer

Paso 2

Haz doble clic en la capa de relleno de degradado y utiliza la siguiente configuración:

  • Estilo: lineal
  • Ángulo: 135 °
  • Color: # f7ff00; Ubicación: 0%.
  • Color: # 912a00; Ubicación: 100%.
setting up colors for the first gradient fill layersetting up colors for the first gradient fill layersetting up colors for the first gradient fill layer

Paso 3

Cambia el Modo de fusión del relleno de degradado a Luz suave y la Opacidad a 35%.

changing the blending mode and opacity of gradient fillchanging the blending mode and opacity of gradient fillchanging the blending mode and opacity of gradient fill

Paso 4

Crea otra capa de relleno degradado con la siguiente configuración:

  • Estilo: lineal
  • Ángulo: -3,58 °
  • Color: #252b45; Ubicación: 0%; Opacidad: 0%.    
  • Color: #f7ae8e; Ubicación: 100% .; Opacidad: 100%.
creating colors for second gradient fillcreating colors for second gradient fillcreating colors for second gradient fill

Paso 5

Cambia el Modo de fusión del relleno de degradado a Luz fuerte y la Opacidad a 35%.

changing the blending mode and opacity of second gradient fillchanging the blending mode and opacity of second gradient fillchanging the blending mode and opacity of second gradient fill

Paso 6

Ve a Capa > Nueva capa de ajuste > Mapa de degradado y luego haz doble clic en el icono del mapa de degradado y crea un degradado con la siguiente configuración:

  • Color: #313059; Ubicación: 0%.
  • Color: #4c4b75; Ubicación: 29%.
  • Color: #ba6167; Ubicación: 55%.
  • Color: #ff7038; Ubicación: 93%.
creating gradient map overlaycreating gradient map overlaycreating gradient map overlay

Paso 7

Cambia el Modo de fusión del mapa de degradado a Luz suave y la Opacidad al 60%.

changing the blending mode of the layerchanging the blending mode of the layerchanging the blending mode of the layer

Paso 8

Crea otro mapa de degradado con la siguiente configuración:

  • Color: #1a535d; Ubicación: 0%.
  • Color: #32d49d; Ubicación: 100%.
creating a gradient map overlaycreating a gradient map overlaycreating a gradient map overlay

Paso 9

Cambia el Modo de fusión del mapa de degradado a Superposición y la Opacidad a 25%.

changing the blending mode and opacity of the gradient mapchanging the blending mode and opacity of the gradient mapchanging the blending mode and opacity of the gradient map

Paso 10

Después de eso, ve a Capa > Nueva capa de ajuste > Curvas y utiliza la siguiente configuración:

creating curves layercreating curves layercreating curves layer

Paso 11

Ve a Capa > Nueva capa de ajuste > Brillo / Contraste y crea una nueva capa con la siguiente configuración:

  • Brillo: 5 
  • Contraste: 35
creating adjutments layercreating adjutments layercreating adjutments layer

Paso 12

Ahora necesitamos crear el último relleno de degradado con la siguiente configuración:

  • Estilo: lineal
  • Ángulo: 45 °
  • Color: #313067; Ubicación: 0%;.
  • Color: #b03d11; Ubicación: 100%;
creating the last gradient fill layercreating the last gradient fill layercreating the last gradient fill layer

Paso 13

Cambia la Opacidad de la capa a 15%.

changing the opacity of the gradient fillchanging the opacity of the gradient fillchanging the opacity of the gradient fill

Impresionante trabajo, ¡ya terminaste!

De esta manera, podemos crear una imagen de aspecto atmosférico utilizando texturas superpuestas, capas de ajuste y gradientes. No dudes en ponerte en contacto conmigo por ayuda con las técnicas que cubrimos.

Final resultFinal resultFinal result

Si deseas crear efectos similares utilizando acciones de Photoshop, también puedes ver mis Presets. Esta acción de Photoshop de efecto desvanecimiento tiene una gran cantidad de texturas superpuestas y muchos efectos de Photoshop en color.

Photoshop faded preset promo imagePhotoshop faded preset promo imagePhotoshop faded preset promo image

Si deseas obtener más información sobre las técnicas de efecto vintage de Photoshop, visita estos 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.
Advertisement
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.