Home SoftwarePhotoshop Fotografía degradada a transparente en Photoshop

Fotografía degradada a transparente en Photoshop

by Aleix

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 😉 )

You may also like

98 comments

Adriana 22 enero, 2021 - 12:02

Muy útil y sencillo, gracias!

Reply
Mike 1 julio, 2019 - 18:55

Muy uteresante

Reply
ismael 3 mayo, 2019 - 1:00

Muchas gracias!!! Sencillo, muy bien explicado, pasito a pasito, visualmente agradable, y para colmo con el bueno de John Hartigan..

Reply
shiikuto 24 abril, 2019 - 17:08

gracias

Reply
Samuel Galvan Robles 3 diciembre, 2018 - 22:38

Gracias

Reply
cris 9 noviembre, 2018 - 23:51

capo

Reply
Eugenia 6 noviembre, 2018 - 13:50

¡Muchas gracias!

Reply
Sergiosierra 25 septiembre, 2018 - 6:09

Muchas gracias por el Tip, nunca lo había hecho en Photoshop.

saludos!!!

Reply
Carlos 11 agosto, 2018 - 15:56

Gracias lo tenia olvidado, muy claro y sencillo.
Carlos

Reply
-fen 30 julio, 2018 - 15:42

Gracias !

Reply
LadyBrujer 4 julio, 2018 - 14:31

Muchísimas gracias!!!

Reply
John 29 junio, 2018 - 7:18

Gracias! no me acordaba como hacerlo!
Gracias! no me acordaba como hacerlo!
Gracias! no me acordaba como hacerlo!

Reply
John 29 junio, 2018 - 7:18

Gracias! no me acordaba como hacerlo!

Reply
Ligia 26 mayo, 2018 - 2:30

Muchas gracias!!! no recordaba como hacerlo 🙂

Reply
Félix 18 abril, 2018 - 0:37

Gracias. Era justo lo que necesitaba

Reply
xklibur 4 marzo, 2018 - 0:44

Epaaa… Despues de varias paginas y tiempo lo hice sencillo… Gracias

Reply
Miguel 11 diciembre, 2017 - 19:48

Fácil y justo lo que buscaba, mil gracias

Reply
Carlos 21 noviembre, 2017 - 3:51

Excelente gracias

Reply
José Luis Acuña 7 agosto, 2017 - 23:39

Gracias, Fácil siguiendo las instrucciones.

Reply
Martín 16 julio, 2017 - 3:10

Muchas gracias! me ha servido muchísimo!

Reply
Octavio 1 julio, 2017 - 19:03

me sacaste de un gran problema. ahora entiendo mejor los degradados

Reply
Claudio 30 marzo, 2017 - 21:23

muchas gracias!!

Reply
Jose Manuel 7 febrero, 2017 - 20:26

gracias amigo

Reply
Elca Bron 18 enero, 2017 - 5:39

TE AMO TE AMO TE RE AMO GRACIAS YO SIEMPRE QUISE HACERLO.

Reply
Toni 4 enero, 2017 - 9:05

Gracias, muy útil.

Reply
Loving Marketing 28 octubre, 2016 - 9:16

buen tutorial de photoshop

Reply
Maykel 19 octubre, 2016 - 20:39

Graciassssssssssssssssss….muchas graciasssssss

Reply
Joe 14 octubre, 2016 - 19:07

Excelente… Eres experto.

Reply
trxkll 15 junio, 2016 - 11:34

COJONUDOOOOOOOOOOOOO

Muchas Gracias!!! 😀

Reply
Kazbam Mabzak 9 junio, 2016 - 21:14

Muchas gracias. Buscando sobre el tema hallé muchos videos en YouTube, pero yo prefiero leer artículos como el tuyo.

Saludos.

Reply
david 7 junio, 2016 - 4:21

gracias bro!!!

Reply
rodrigo 17 mayo, 2016 - 23:01

muchas gracias ,, es una herramienta muy potente y muy sencillo de hacer

Reply
Carlos Contreras 11 mayo, 2016 - 21:58

Un simple gracias

Reply
Pamela 11 mayo, 2016 - 14:35

Muy buen tutorial. fácil de realizar

Reply
Barriga 21 abril, 2016 - 12:38

Muchas gracias

Reply
Juan K 31 marzo, 2016 - 23:45

Gracias! Buen tutorial, corto, sencillo y efectivo.

Reply
Daniela 30 marzo, 2016 - 21:02

Lloro de la felicidad!! MUchas Gracias

Reply
Vasile 24 marzo, 2016 - 2:49

A mi también me sirvió, muy bien explicado y de mucha utilidad, mejor que todos los tutoriales de youtube.

Reply
J 19 marzo, 2016 - 20:07

Muchas gracias !

Reply
edjean 17 febrero, 2016 - 19:40

De las buenas!!!!! Gracias……

Reply
Beautiful Midnight 9 febrero, 2016 - 3:38

It really works , thanks a lot for share this information!!

Reply
Yimi Cruz Bringas 28 enero, 2016 - 20:52

GRACIAS!

Reply
Ciro César 13 enero, 2016 - 18:17

Genial, sencillo y práctico
Pregunta: Como haces para dar degradado transparente a todos los bordes de una fotografia
Muchas gracias

Reply
Víctor 13 diciembre, 2015 - 20:19

Gracias

Reply
Marite 8 noviembre, 2015 - 16:44

Ya lo he probado, incluso poniendo otra foto debajo, y salió perfectamente, gracias de nuevo

Reply
Marite 8 noviembre, 2015 - 16:24

¡¡muchas gracias!!

Reply
Rafa Sanchez 11 octubre, 2015 - 11:05

Gran trabajo!
…Y muy bien explicado

Muchas gracias

Reply
Xavi 9 octubre, 2015 - 0:51

Muuuuuuuuuuchas gracias!!!!

Reply
sergio 3 octubre, 2015 - 17:27

gracias 🙂

Reply
Azai 19 julio, 2015 - 21:14

Excelente… gracias!!!! Me has salvado para de una tarea!!!

Reply
Susana Casamayor 2 mayo, 2014 - 12:09

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

Reply
Gaston 13 febrero, 2014 - 3:26

Gracias

Reply
Toni 29 enero, 2014 - 21:18

Gràcies!

Reply
John López 26 enero, 2014 - 16:47

Gracias

Reply
Jaime 23 enero, 2014 - 18:52

Muchas gracias!!

Reply
Facu 9 octubre, 2013 - 20:07

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

Reply
Kike 15 septiembre, 2013 - 10:07

Compartir es dar y recibir: Gracias.

Reply
Alex 14 septiembre, 2013 - 3:38

Gracias. Lo necesitaba para una textura

Reply
ricardo 13 septiembre, 2013 - 15:00

gracias

Reply
Felipe 6 agosto, 2013 - 8:03

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

Reply
Miguel 31 julio, 2013 - 22:53

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

Reply
Pauli 30 julio, 2013 - 14:37

Gracias, muy útil! 😀

Reply
enrique 30 julio, 2013 - 14:29

muchas gracias!! eres un santo! :p

Reply
CAROL 22 julio, 2013 - 23:53

GRACIAS! EXCELENTE

Reply
Leyssi Cordoba 24 junio, 2013 - 18:00

GRacias me sirvio de mucho!

Reply
Mirtha 18 junio, 2013 - 23:05

Muchas gracias, tu explicación lo hace sencillo

Reply
Elvira Soto 11 junio, 2013 - 18:15

muchas gracias amigo

Reply
Jorge 30 mayo, 2013 - 18:19

Excelente tutorial. Muchas gracias

Reply
Juanmaria 23 mayo, 2013 - 18:13

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

Reply
Liz 8 abril, 2013 - 16:28

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

Reply
Aleix 8 abril, 2013 - 16:42

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.

Reply
Pablo 28 febrero, 2013 - 20:40

Muchas Gracias!

Reply
Javier Armando Huaman Sanchez 20 febrero, 2013 - 20:44

Gracias

Reply
alejandra 20 febrero, 2013 - 11:44

Gracias!! genial..

Reply
sandra 31 enero, 2013 - 7:01

gracias! 😉

Reply
pamela 29 noviembre, 2012 - 17:56

Gracias!!!

Reply
Luis M. 28 noviembre, 2012 - 14:19

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

Reply
Cesar 14 noviembre, 2012 - 23:51

Muchas gracias, estaba buscando ésto hace rato.

Reply
Linuxeros 11 noviembre, 2012 - 23:46

Muchas gracias, práctico y sencillo.

Reply
Gino 22 octubre, 2012 - 17:02

Muchas gracias, fue muy util !!!

Reply
Vinicio 26 septiembre, 2012 - 22:44

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

Reply
Derleth 24 septiembre, 2012 - 1:31

Muchísimas gracias!

Reply
David 11 agosto, 2012 - 22:35

muy sencilla y eficiente explicacion.. muchas gracias…

Reply
Brahyam 17 julio, 2012 - 16:17

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

Sinceramente agradecido.

Reply
Isaac 13 julio, 2012 - 15:57

MUCVHAS GRACIAS AMIGO ME SIRVIO DE MUCHO…………

Reply
Fran 9 julio, 2012 - 19:57

muchas gracias…!!!!

Reply
Gabriela 6 julio, 2012 - 16:04

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

Reply
inao 1 julio, 2012 - 23:52

Muchas gracias! 😀

Reply
Mitsha 9 junio, 2012 - 11:05

Gracias! ^^

Reply
eliana 5 junio, 2012 - 15:16

gracias … sigue publicando mas cosas,, me sirvio mucho

Reply
Alex 16 mayo, 2012 - 17:37

Mil gracias.

Reply
Juan 20 febrero, 2012 - 19:20

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

Reply
Diego 12 febrero, 2012 - 19:31

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

Reply
albin 7 febrero, 2012 - 22:21

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

Reply
oriana 19 enero, 2012 - 16:36

Uchass gracias de verdad! Hiciste q pareciera super facil

Reply
Cristian 21 diciembre, 2011 - 22:28

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

Reply
daniel 6 noviembre, 2011 - 22:11

gracias

Reply
admin 18 noviembre, 2011 - 2:27

A ti por comentar, Daniel 🙂

Reply

Leave a Comment

Este sitio usa Akismet para reducir el spam. Aprende cómo se procesan los datos de tus comentarios.