Blog personal de Aleix Serra. Todos los contenidos de mi creación están bajo licencia CC "by".

Y recuerda que un blog se alimenta de tus comentarios ;)

Fotografía degradada a transparente en Photoshop

Bien, hoy vamos a tocar un tema muy sencillo pero que siempre se pregunta. Como degradar una fotografía en Photoshop (ya sea a transparente o combinandola con otra fotografía. En este caso vamos a degradar a transparente (si quieres hacerlo con dos fotografías simplemente añade una fotografía de fondo). En muy pocos pasos lo tenemos y de manera muy sencilla.
Vayamos a ello…

1.- Abre la fotografía que quieras en Photoshop.

2.- Asegúrate de configurar el color frontal tal como la captura inferior.

3.- Seguramente la fotografía que abras te la bloqueará. No problemo. Duplica la capa en el menú de la pestaña “Capas” en “Duplicar capa

4.- Ahora clic en “Añadir máscara de capa” que está bajo la ventana de “Capas

5.- Ahora selecciona la “Herramienta Degradado” (G) y asegurate que la tienes configurada como en la captura inferior (de negro a blanco, lineal, modo normal, opacidad al 100%…) Todos estos parametros, evidentemente los puedes cambiar a tu gusto para adaptarlos a tu diseño, claro ;)

6.- Sigamos y aplica el degradado a la parte de la fotografía que quieras. (fíjate que la copia de capa está activada y que apareció un nuevo ícono al lado de la miniatura)

7.- Para verificar que lo hemos hecho bien, en la miniatura que aparece al lado  verás que aparece el degradado. No importa que no lo veas en la imagen, importa que lo veas aquí.

8.- Como habrás entendido, para visualizarlo en la fotografía final, solamente desactiva la capa de fondo…

9.- Y listos. Ya tienes tu fotografía degradada a transparente. Guárdala en PNG y disfruta ;)

Sencillo, verdad? Si te ha servido o lo has encontrado útil, no olvides decírmelo (con un simple “gracias” en los comentarios, me doy por satisfecho ;) )

  1. 48 comentarios

    • Susana Casamayor dice:

      Muchísimas gracias!!!
      Estaba volviéndome loca con el tema.
      La explicación es simple y clara.
      He seguido los pasos y me ha salido a la primera.
      Biennnnnnnnnnnnnnnnnn

    • Gaston dice:

      Gracias

    • Toni dice:

      Gràcies!

    • John López dice:

      Gracias

    • Jaime dice:

      Muchas gracias!!

    • Facu dice:

      Buenisimo! Hacia tanto que no agarraba esta cosa que algo tan basico no me salia, estuve como media hora haciendo mal los degradados :(

    • Kike dice:

      Compartir es dar y recibir: Gracias.

    • Alex dice:

      Gracias. Lo necesitaba para una textura

    • ricardo dice:

      gracias

    • Felipe dice:

      Muchisimas gracias =D ya hasta tenia dolor de cabeza por no saber como carajo degradar una foto xD me has hecho un gran paro!

    • Miguel dice:

      Excelente, muchas gracias. Por cierto, igual se hace en Adobe Fireworks, lo acabo de probar. Gracias.

    • Pauli dice:

      Gracias, muy útil! :D

    • enrique dice:

      muchas gracias!! eres un santo! :p

    • CAROL dice:

      GRACIAS! EXCELENTE

    • Leyssi Cordoba dice:

      GRacias me sirvio de mucho!

    • Mirtha dice:

      Muchas gracias, tu explicación lo hace sencillo

    • Elvira Soto dice:

      muchas gracias amigo

    • Jorge dice:

      Excelente tutorial. Muchas gracias

    • Juanmaria dice:

      La verdad es que cuando te lo cuentan es bastante sencillo, pero si no lo encuentras, te puedes volver loco.
      Mil gracias por este y otros post

    • Liz dice:

      Me sirvio de mucho, pero quisiera saber como hago si quisiera que la foto sea una transparencia uniforme? ya que deseo ponerle otra imagen por detras ???

      • Aleix dice:

        Hola Liz,
        Si quieres que la transparencia sea uniforme en toda la foto, solamente tienes que seleccionar la capa de la foto y aplicar el porcentaje de transparencia que quieres en la misma capa.

    • Pablo dice:

      Muchas Gracias!

    • Javier Armando Huaman Sanchez dice:

      Gracias

    • alejandra dice:

      Gracias!! genial..

    • sandra dice:

      gracias! ;)

    • pamela dice:

      Gracias!!!

    • Luis M. dice:

      gracias por lo práctico y bien explicado que está, saludos.

    • Cesar dice:

      Muchas gracias, estaba buscando ésto hace rato.

    • Linuxeros dice:

      Muchas gracias, práctico y sencillo.

    • Gino dice:

      Muchas gracias, fue muy util !!!

    • Vinicio dice:

      Viejo, muchisimas gracias……algo muy simple y muy bien explicado, te agradesco el tiempo que te diste para realizar este post.

    • Derleth dice:

      Muchísimas gracias!

    • David dice:

      muy sencilla y eficiente explicacion.. muchas gracias…

    • Brahyam dice:

      Después de buscar incansablemente en google pude dar con mi chiste gracias a tu post.

      Sinceramente agradecido.

    • Isaac dice:

      MUCVHAS GRACIAS AMIGO ME SIRVIO DE MUCHO…………

    • Fran dice:

      muchas gracias…!!!!

    • Gabriela dice:

      Simple Gracias!!!!!!!!!!

    • inao dice:

      Muchas gracias! :D

    • Mitsha dice:

      Gracias! ^^

    • eliana dice:

      gracias … sigue publicando mas cosas,, me sirvio mucho

    • Alex dice:

      Mil gracias.

    • Juan dice:

      Muy buen y bonito BLOG!!, tambien quiero hacer uno asi pero como hiciste esta plantilla? ayudame porfa

    • Diego dice:

      hahaha llevaba demasiado tiempo intentandolo!!! muchas gracias!! (:

    • albin dice:

      muchisimas gracias los explicaste tan facil ya llevaba un buen rato tratando de hacerlo

    • oriana dice:

      Uchass gracias de verdad! Hiciste q pareciera super facil

    • Cristian dice:

      Gracias, buen tuto, llevaba 1 hora tratando de hacerlo.

    • daniel dice:

      gracias

      • admin dice:

        A ti por comentar, Daniel :)

Deja un comentario

Tu dirección de correo electrónico no será publicada. Los campos necesarios están marcados *

*


+ ocho = diez