Fade an Image to Transparent in Photoshop

Learn how to fade an image to transparent in Photoshop with a gradient applied to a mask. Details below...
Patreon: / michaelbullo
0:00 - Introduction
0:49 - Drawing a Gradient
Having chosen the Gradient Tool (keyboard shortcut: G), gradient options will be shown across the top of Photoshop. Clicking on the gradient will open up the Gradient Editor where any gradient can be manually created. Clicking on the drop down arrow next to the gradient allows for the selecting of pre-made gradients. This tutorial makes use of the Black to White gradient.
To draw a gradient, click, drag and release the mouse anywhere across the Photoshop canvas.
Make a gradient square (horizontal or vertical) by holding down the Shift key while drawing the gradient.
4:12 - Adding a Mask to a Layer
With a layer selected, click the "Add a mask" button at the bottom of the Layers panel.
When working with masks, "white reveals, black conceals". White parts of a mask will reveal the equivalent portions of a layer while the black parts of a mask will conceal (hide) the equivalent portions of a layer. Shades of grey partially hide the equivalent layer content.
5:15 - Applying a Gradient to a Mask
Before drawing a gradient, ensure that the mask, not the layer thumbnail, is selected. This prevents drawing over the pixels on that layer.
A short gradient drawn on a layer mask will create a quick transition between the opaque and transparent parts of a layer.
A long gradient drawn on a layer mask will create a slow transition between the opaque and transparent parts of a layer.
Reference Image:
unsplash.com/photos/mqO0Rf-PUMs
Thank you to Paul Gilmore

[@MichaelBullo]

For those of you wanting to add multiple gradients to a single mask, this video should help...
Stacking masks in Photoshop for ultimate non destructive editing
th-cam.com/video/av8t4UDHzSg/w-d-xo.html

[@yohan7083]

Thanks! I was looking for this. 😊

[@MichaelBullo]

@@yohan7083 Cool. Thank you.

[@lucutes2936]

ur amazing

[@MichaelBullo]

@@lucutes2936 Thanks again mate

[@dragontattoo84]

Your tutorial is exactly what I was looking for. I thought the process was going to be complicated but it's really easy. Thank you!

[@MichaelBullo]

Happy to hear that. Hope you create some cool designs with this.

[@Slash4747]

Architecture student here. This helped me in making presentations for my plates. Thanks a lot Michael!

[@MichaelBullo]

Thank you. I'm always keen to hear how these videos get put to use. Best of luck with your studies.

[@lemongrabthesecond]

You are a KING, sir. This helped so much- not too much detail, but enough to help you know what you're doing and calm without being slow and boring.

[@MichaelBullo]

Thank you very much for the feedback. I genuinely appreciate it. I hope it helps you make something great in Photoshop.

[@haifamohammed7897]

Very clear, simple yet the results are beautiful and exactly what I was looking for thank you🙏🏼

[@MichaelBullo]

That's very kind of you to say. Thank you.

[@engrvarsi3774]

Fantastic
Thanks for being so kind to actually discuss the mechanics of the masks... not just cut chatting

[@MichaelBullo]

I appreciate that. Thank you. Hope it proves useful.

[@masinkomedia3533]

th-cam.com/video/L9Oo-JUGtpc/w-d-xo.html

[@Birdieblogger]

and LEGIT EXPLAINED!!!!

[@TB0Y298]

Thank you. Great tutorial, no non-sense and clear instructions.
I appreciate it you divided the video into chapters too

[@MichaelBullo]

Thank you for all that positive feedback. Glad you liked it. Hope you're having fun with Photoshop.

[@levelwu]

Thank you for this great tutorial, you made it so easy! No more duplicating layers to 'save' the image.

[@MichaelBullo]

Great to hear. Best of luck with all your edits.

[@susanellis28]

Thanks for this - it was great that you explained how a mask works, not just "do this, do that..."

[@MichaelBullo]

Thanks Susan. I appreciate that feedback. Have fun making masks :)

[@amluebke]

Thank you so much. This was clear and easy to follow. And it works. Great job.

[@MichaelBullo]

Thank you. Great to hear. You having fun with Photoshop?

[@emilymorgan3364]

So helpful and informative! This helped me get my poster project done quickly!!

[@MichaelBullo]

Thank you and happy to hear this helped you out Emily.

[@Birdieblogger]

You are the most easy to follow Ps Instructor I have ever watched. THANK YOU!!!!

[@MichaelBullo]

Thank you Roberta. That's very kind of you to say.

[@AlexParkYT]

Thank you. This was one of the most helpful tutorials and super easy to understand.

[@MichaelBullo]

Thank you Alex. I appreciate the feedback. Hope you're having fun learning Photoshop.

[@masinkomedia3533]

th-cam.com/video/L9Oo-JUGtpc/w-d-xo.html

[@livelovedreamnow]

Thanks so much for this video! Short, sweet, and to the point!

[@MichaelBullo]

Thank you Anjanette. Best of luck with all your designs.

[@garciastudios]

This was a life saver for me! Been searching how to fade a shape and never thought of using the Gradient map and mask. THANK YOU!!!

[@MichaelBullo]

Hey that's great to hear. Thanks for posting. Best of luck fading stuff ;)

[@tgreer72]

THANK YOU! A million times!! Works perfectly!!

[@MichaelBullo]

Fantastic. Thank you. Hope you design some cool stuff :)

[@vgreatrix]

perfect tutorial, concise and informative. thanks!

[@MichaelBullo]

Thank you for the comment. Hope it proves useful in your designs.

[@AccentGraphix]

FINALLY a tutorial that makes sense! Thank you!

[@MichaelBullo]

I appreciate that. Thank you and happy designing.

[@beninua]

What an amazingly simple explanation, and SO easy to understand. I hate these artsy-fartsy academic approaches where I end up falling asleep before I get to the solution. This is exactly the kind of tutorials you need when you've just switched to Adobe from other production tools. And particularly when Photoshop isn't even my main app, but just something I need for inserts, boxes, infographic, etc. in the movies I make in Premiere/Aftereffects, then this is awesome. I don't need all the 7 different ways this can be done. Just show me the quick and dirty. I love that. This is exactly the way to make a tutorial - at least from my perspective.

[@MichaelBullo]

Thank you for taking the time to write this comment. It's greatly appreciated. Welcome to the world of design in Adobe.

[@masinkomedia3533]

th-cam.com/video/L9Oo-JUGtpc/w-d-xo.html

[@Birdieblogger]

OMG I think I am FINALY GETTING LAYER MASKS!!!! I could cry. Too late. I'm crying. I'm SO grateful for this explanation!! Now I will think of the white 'mask' as a 'transparency' and I can totally understand now how black ON the layer mask, CONCEALS, and white reveals. It always just seemed like an abstract concept I was trying to manifest physically but could never connect the dots. And I'm an artist! Music and Acrylic and installation. Learning photoshop has felt like trying to surgery with no fingertips. This makes me way less un-confident to try and keep learning this program. THANK YOU THANK YOU THANK YOU. (I've really struggled)

[@MichaelBullo]

Hey that's amazing. Thank you. So layer masks are starting to make sense you say? Awesome. These things are so powerful. I do have a bunch of other videos on Photoshop masks that may help. If you have any questions please don't hesitate to ask. Best of luck with all your art.

[@animalouno]

C'mon man! Exactly what I was looking for. I was searching it for Davinci resolve and after watching this I managed to repeated steps in Davinci resolve. What a great explainer you are. Thank you!🥰🥰

[@MichaelBullo]

Hey that's awesome. Nicely solved and thank you for the kind words.

[@tomdotcom100]

Thanks! Simple and straight forward.

[@MichaelBullo]

Thank you Stanley. Hope it proves useful.

[@jruizchannel]

I don't normally comment on TH-cam. However, this video was excellent, not only for the information but for the way of explaining, which makes it possible to understand it easily.

[@MichaelBullo]

Thank you Jacqueline. I genuinely appreciate that. Hope you're having fun learning Photoshop.

[@giorgiavirgili1926]

I love your voice. And the tutorial is very clear and concise. THANK YOU for the help.

[@MichaelBullo]

And I love your comment ;) Thank you. I hope this helps you create something cool.

[@Vulturious]

Brilliant, I'd forgotten how to do this ... saved me a melt down - thanks loads, will sub now.

[@MichaelBullo]

Happy to have helped and thanks mate for the sub

[@all4cyrus]

Thank you so much. This helped me when I was in a pinch.

[@MichaelBullo]

Thank you Cyrus. Happy to hear that. Happy designing :)

[@sclmb]

This was exactly what I was looking for. Thanks for making it short and to the point. :-)

[@MichaelBullo]

Thank you. I hope it helps you create some cool stuff in Photoshop. Best of luck :)

[@isaiasyoyo]

Great demonstration of the gradient tool. At first I didn't understand what you were doing, but now I understand --- thanks!

[@MichaelBullo]

Thank you and great to hear it all makes sense. Have fun with Photoshop.

[@zostarzoom]

Super easy to follow and understand, thank you so much!

[@MichaelBullo]

I appreciate you saying that. Thank you and best of luck with your designs.

[@Stratpizza]

thank you so much! the way you explain this is the best!

[@MichaelBullo]

I appreciate that. Thank you. Hope you're having fun with Photoshop.

[@squidwardtentacle5]

very clear and straightforward tutorial. thank you!

[@MichaelBullo]

Thank you very much. May all your designs be awesome :)

[@Lucky7Sampson]

Very well explained. Thank you!

[@MichaelBullo]

Thank you. Happy designing :)

[@haritarao9522]

Thank you!!!! I learnt something new on gradients!!!

[@MichaelBullo]

Great to hear and thank you. This technique is really powerful and should come in handy many times.

[@robertmcnulty6596]

Thank you very much. Excellent video. I had looked at three other videos and no one explained what the significance of black and white were in the mask.

[@MichaelBullo]

Thank you Robert. Happy the video helped you out.

[@masinkomedia3533]

th-cam.com/video/L9Oo-JUGtpc/w-d-xo.html

[@sombrero4316]

thorough yet swift, you are a good teacher.

[@MichaelBullo]

I really appreciate that. Thank you. I wish you well with your designs.

[@markjdraper]

Great video, exactly what I needed 👍

[@MichaelBullo]

Thanks Mark. Have fun fading stuff ;)

[@janpohorelicky6990]

Great job, everyone explains the same thing but you add extra value by explaining it :) Thank you

[@MichaelBullo]

Thank you Jan. I appreciate the feedback. Have fun fading stuff :)

[@masinkomedia3533]

th-cam.com/video/L9Oo-JUGtpc/w-d-xo.html

[@daschtheducc]

this was so much easier than I expected it to be lol, thank you so much

[@MichaelBullo]

Now that's what I like to hear. Thank you and best of luck with your designs.

[@yenra]

Thank you; big help. You're a great teacher!

[@MichaelBullo]

Thank you for that. Best of luck with your Photoshop projects.

[@Sniped118]

Great tutorial, always forget some of the basics, it's nice to have revision material like this.

[@MichaelBullo]

Thank you. Happy to hear this helped you out. Best of luck with your designs.

[@frankhandgraaf]

Thanks, just what I needed.

[@MichaelBullo]

Cheers Frank. Best of luck with your designs.

[@hlauterb2011]

Thank you so much! Amazing tutorial!

[@MichaelBullo]

Thank you. I appreciate the comment.

[@missxspencer1538]

I was stuck on this for days! Thanks!!!!

[@MichaelBullo]

Thank you. Have fun fading stuff.

[@essgeekay29]

exactly what I was looking for, thank you!

[@MichaelBullo]

Thank you Sarah. Have fun fading stuff :)

[@ambientspecials612]

thanks man, you've taught me a lot

[@MichaelBullo]

Thank you. That's kind of you to say.

[@novailoveyou]

It helped a lot. Thank you so much!

[@MichaelBullo]

Hey that's great. Thank you.

[@mouszeyy]

thank you so much! you made this so clear and easy to apply to my college project. also, you sound like an old minecraft youtuber who went by stampy cat. you unlocked some memories.

[@MichaelBullo]

Thank you so much and best of luck with the college project. I've had many jobs but a Minecraft TH-camr is not one of them :)

[@sailakshmienterprises6741]

Dear Micheal,
Thank you so much for explaining the basics of a layer mask so well enough to make the concept clear. I thank you very much for clearing the doubt that made me go sleepless for days :)

[@MichaelBullo]

Thank you very much. That's great to hear. Now go get yourself a good night sleep ;)

[@masinkomedia3533]

th-cam.com/video/L9Oo-JUGtpc/w-d-xo.html

[@phuongthao-nc3yf]

very thorough instruction! Thank you!

[@MichaelBullo]

Thank you for saying that

[@maier]

Great! Helped me immediately. Thank you.

[@MichaelBullo]

Hey that's great. Thank you.

[@sabsturr]

bro this is awesome.. made my gradient look so professional for a hero image, could never figure out how to do stuff like this

[@MichaelBullo]

Hey mate. That's great to hear. Thanks for the comment. Now go create some more awesome stuff :)

[@graphicallydeb9897]

I needed this this morning:) well, I know for next time.

[@MichaelBullo]

Have fun fading stuff in the future ;)

[@stevefalcon1194]

this was a big help. thank you!

[@MichaelBullo]

Thanks mate. I appreciate the feedback. Happy designing :)

[@themvlek]

this was very helpful thank you!

[@MichaelBullo]

I really appreciate that. Thank you.

[@charlotteveldhuizen9840]

Super simple and easy! thank you very much

[@MichaelBullo]

Hey thank you. Hope it helps with your designs.

[@amruthesh]

Thanks, man. Just came across your channel today will be subscribing. Keep up the good work!

[@MichaelBullo]

Thanks mate. I appreciate that. Welcome aboard.

[@easeea3317]

Hi, thank you for making this helpful video. One thing I want to know is how did you make that color fill1 layer?

[@MichaelBullo]

Thank you. To create that "Color Fill 1" layer go to the bottom of the Layers panel and click on the icon that is a black and white circle. This allows you to add different kinds of Adjustment layers including the Solid Color. This type of layer is awesome as it fills the image with that color even if you change the image dimensions. Having added this layer, you can easily adjust the color by double clicking on the thumbnail within the Layers panel.

[@Quiz-Mania-Pra-Familia]

Hi Michael! First time here and this is a very good tutorial. I've learned things that I didn't know about gradient masks and I like the way you teach. But, if I may so, I'd like to add that this works very well with straight lines, but it doesn't work with wavy ones, especially in a small area of the image. In this case, I think the best tool is the eraser, with low opacity, directly on the image. It worked like magic to me moments ago. But, I think that, maybe, I wouldn't have had this idea if I didn't watch your tutorial. So, you have a new subscriber :) Thank you and keep safe

[@MichaelBullo]

Thank you for the sub Lu. I appreciate you taking the time with this feedback. I strongly advise against erasing pixels wherever possible. If you want/need to bring these back at a later point you can't. I would recommend using a mask wherever possible. If you are wanting to "erase" small, specific areas, try painting with black on the mask while using the Brush tool. If you need to bring these areas back, simply paint with white. I have a quick video that demonstrates this exact technique if it helps…
Rapid masking with the D and X keys in Photoshop
th-cam.com/video/s0RfJovJHfI/w-d-xo.html

[@Quiz-Mania-Pra-Familia]

@@MichaelBullo Thank you very much for taking your time to answer me, too. I have a 'bust' of a lady illustration and the 'cut' got too harsh at the bottom edge. So, all I wanted was to soften the harshness at that specific place and it worked very, very, well. It was exactly what I wanted. And, in this case, I don't want to bring it back any time in the future. But, of course, I'll try what you just taught me the next time I need and see how it goes. Thank u so much for your attention I will click on the link you left to me :)

[@MichaelBullo]

@@Quiz-Mania-Pra-Familia Thank you. Happy to help. I appreciate that there are times when a quick bit of erasing might be the way to go. If you do so, I'd recommend at least first duplicating your layer and then turning off the visibility of the original layer. That way you have a copy of the original pixels just in case you need to access them. Happy designing :)

[@mervynobiero]

thank you. this was very helpful

[@MichaelBullo]

That's great to hear Mervyn. Thank you.

[@rpgcross]

Amazing tutorial
I was doing an edit just for fun, and not only did i learn exactly what the title says, but also the Shift key trick

[@MichaelBullo]

Thanks mate. That Shift key trick is a game changer. Have fun with Photoshop :)

[@mariamolobo4948]

Great help! Thank you !

[@MichaelBullo]

Appreciate that. Thank you.

[@hamidrezaghafari3059]

excellent describing and very helpful
thank you 😍

[@MichaelBullo]

Thank you for the comment. I hope this helps you create some cool designs :)

[@fluiditydesigns7773]

So helpful! Thank you!

[@MichaelBullo]

Awesome. Thank you.

[@laliliang8019]

thank you! very helpful

[@MichaelBullo]

Thank you. I appreciate you saying that.

[@user-dq5gp6cx2q]

thank you so much, you save my life.

[@MichaelBullo]

Thank you. Happy to hear this helped you out.

[@themesswascurly1]

A big help! Thanks, man!

[@MichaelBullo]

Cheers mate. Great to hear. Thank you.

[@phluphies]

my guy thanks a lot !! 🙌🏼🙌🏼

[@MichaelBullo]

Thank you. Have fun :)

[@mistydayremainsofthejudgment]

thank you! i was trying to figure this out in photoshop 7 and it took me way too long. just had to find the right options which were helpfully explained here.

[@MichaelBullo]

Thank you. Congrats on working this out. Hope you create some cool stuff :)

[@Godscommoncuriosity]

Well done Sir Michael you've really helped me out so much as I'm working on a book cover for my Pastor and a photo had to be blurred. Thank you for sharing your wisdom

[@MichaelBullo]

Thank you. Great to hear the video helped you out.

[@masinkomedia3533]

th-cam.com/video/L9Oo-JUGtpc/w-d-xo.html

[@ursshie1]

amazing explanation thank you

[@MichaelBullo]

Thank you. Hope you are creating some cool stuff in Photoshop.

[@BenoNetto]

Amazing tip, well explained, thanks for sharing!

[@MichaelBullo]

Thank you mate. Hope it helps you produce some cool designs.

[@uncleemad840]

very detailed , thanks

[@MichaelBullo]

Thank you

[@Tim1967artist]

Brilliant. Thank you very much. It worked perfectly

[@MichaelBullo]

Great to hear. Thank you Timm.

[@masinkomedia3533]

th-cam.com/video/L9Oo-JUGtpc/w-d-xo.html

[@hasbrobot]

Thank you for sharing this. ☺️

[@MichaelBullo]

Much appreciated Jeff. Have fun fading stuff ;)

[@waltersob2000]

You're awesome! Thank you sooo much!

[@MichaelBullo]

Hey thank you. Happy designing :)

[@okmartinez]

Best explanation ever! Bam!

[@MichaelBullo]

Cheers Omar. Love the comment.

[@TOUDERTCHANNEL]

Thank you so much, that was helpful ♥️

[@MichaelBullo]

Thank you mate. Best of luck with all your designs.

[@Julia-du9rb]

thank you very much. excellent video

[@MichaelBullo]

Thank you. Appreciate it.

[@abbyc7815]

Thank you so much!

[@MichaelBullo]

Cheers. Hope it helps.

[@DRMHuntsville]

Thank you!

[@MichaelBullo]

Cheers

[@oneworldvideo]

Great explanations. Great pacing. And an awesome accent to boot! Well done! :D

[@MichaelBullo]

Thank you. I'll be sure to let Australia know you like the accent ;)

[@nobodyinterviews]

Awesome! EXACTLY what I was looking for! Thank you.

[@MichaelBullo]

Very cool. Thanks Jerry.

[@efatube]

Thanks for your help

[@MichaelBullo]

Thank you. I appreciate your comment.

[@yoxanada]

THANK YOU!

[@MichaelBullo]

Thank you

[@Aristocacto]

THANK YOU!!

[@MichaelBullo]

Cheers mate

[@berkayperin2813]

This is a perfect guide/teaching. Thank you so much Michael!

[@MichaelBullo]

Thank you Berkay. I genuinely appreciate that. Hope you're having fun learning Photoshop.

[@masinkomedia3533]

th-cam.com/video/L9Oo-JUGtpc/w-d-xo.html

[@Omolord1]

Thanks mike this is helpful

[@MichaelBullo]

Thank you mate

[@Michael01OnRBLXmore]

Thanks it's working!

[@MichaelBullo]

Excellent. Thanks mate.

[@jbnelson]

Thanks so much! I've been a photoshop users for a very long time and could not figure it out to save my life (I was trying to use clipping masks)

[@MichaelBullo]

Happy to have helped you out. Thank you.

[@miaf.8357]

Thank you Thank you THANK YOU MILION TIMES.....

[@MichaelBullo]

Thank you Mia. Appreciate it.

[@markmanzo6265]

You are the man!

[@MichaelBullo]

Cheers Mark. Have a great day.

[@Alexosauruus]

It worked !!! Thanks so much !!!!

[@MichaelBullo]

Excellent. Cheers. Happy designing :)

[@mariaellers8026]

Thank you that was great

[@MichaelBullo]

Thank you. Happy to help.

[@DJNADJIBBeatz]

very informative video, thank you very much

[@MichaelBullo]

Thank you. Best of luck with Photoshop.

[@thepittstop]

Thanks a bunch!

[@MichaelBullo]

Thank you

[@coolpicsphotobooth6418]

thank you for this

[@MichaelBullo]

Thank you

[@Louis_Sinclair_Investigates]

That's how to do a tutorial! Show your end result at the very beginning... and, then, a simple, clear, full explanation. Thank you. Subbed!

[@MichaelBullo]

That's quite the comment. Thank you and welcome to the channel.

[@UtsabChowdhury]

helped a lot... thanks bro

[@MichaelBullo]

Hey thanks mate

[@momonomay3011]

Cheers, really appreciate your style of videos. Informative but concise, you could probably teach my tech illiterate mother how to navigate photoshop with ease. Nice work.

[@MichaelBullo]

The ability to upskill a tech illiterate mother you say? Now that's a compliment :)

[@stark728]

Thanks Man ! 👍

[@MichaelBullo]

Cheers mate