Это видео недоступно.
Сожалеем об этом.
Fade an Image to Transparent in Photoshop
HTML-код
- Опубликовано: 17 авг 2024
- 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/p...
Thank you to Paul Gilmore
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
ruclips.net/video/av8t4UDHzSg/видео.html
Thanks! I was looking for this. 😊
@@yohan7083 Cool. Thank you.
ur amazing
@@lucutes2936 Thanks again mate
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)
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.
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!
Happy to hear that. Hope you create some cool designs with this.
Architecture student here. This helped me in making presentations for my plates. Thanks a lot Michael!
Thank you. I'm always keen to hear how these videos get put to use. Best of luck with your studies.
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.
Thank you very much for the feedback. I genuinely appreciate it. I hope it helps you make something great in Photoshop.
Fantastic
Thanks for being so kind to actually discuss the mechanics of the masks... not just cut chatting
I appreciate that. Thank you. Hope it proves useful.
ruclips.net/video/L9Oo-JUGtpc/видео.html
and LEGIT EXPLAINED!!!!
So helpful and informative! This helped me get my poster project done quickly!!
Thank you and happy to hear this helped you out Emily.
Thanks for this - it was great that you explained how a mask works, not just "do this, do that..."
Thanks Susan. I appreciate that feedback. Have fun making masks :)
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.
Thank you for taking the time to write this comment. It's greatly appreciated. Welcome to the world of design in Adobe.
ruclips.net/video/L9Oo-JUGtpc/видео.html
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!🥰🥰
Hey that's awesome. Nicely solved and thank you for the kind words.
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!!!
Hey that's great to hear. Thanks for posting. Best of luck fading stuff ;)
bro this is awesome.. made my gradient look so professional for a hero image, could never figure out how to do stuff like this
Hey mate. That's great to hear. Thanks for the comment. Now go create some more awesome stuff :)
Thank you so much. This was clear and easy to follow. And it works. Great job.
Thank you. Great to hear. You having fun with Photoshop?
I don't normally comment on RUclips. However, this video was excellent, not only for the information but for the way of explaining, which makes it possible to understand it easily.
Thank you Jacqueline. I genuinely appreciate that. Hope you're having fun learning Photoshop.
Brilliant, I'd forgotten how to do this ... saved me a melt down - thanks loads, will sub now.
Happy to have helped and thanks mate for the sub
Thank you. Great tutorial, no non-sense and clear instructions.
I appreciate it you divided the video into chapters too
Thank you for all that positive feedback. Glad you liked it. Hope you're having fun with Photoshop.
Very good explanation. Right on point. Thank you very much.
Thank you. I hope it helps you create some awesome designs. Have a great day.
Thank you. This was one of the most helpful tutorials and super easy to understand.
Thank you Alex. I appreciate the feedback. Hope you're having fun learning Photoshop.
ruclips.net/video/L9Oo-JUGtpc/видео.html
You are the most easy to follow Ps Instructor I have ever watched. THANK YOU!!!!
Thank you Roberta. That's very kind of you to say.
Great demonstration of the gradient tool. At first I didn't understand what you were doing, but now I understand --- thanks!
Thank you and great to hear it all makes sense. Have fun with Photoshop.
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.
Thank you so much and best of luck with the college project. I've had many jobs but a Minecraft RUclipsr is not one of them :)
I love your voice. And the tutorial is very clear and concise. THANK YOU for the help.
And I love your comment ;) Thank you. I hope this helps you create something cool.
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 :)
Thank you very much. That's great to hear. Now go get yourself a good night sleep ;)
ruclips.net/video/L9Oo-JUGtpc/видео.html
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.
Thank you Robert. Happy the video helped you out.
ruclips.net/video/L9Oo-JUGtpc/видео.html
Thank you for this great tutorial, you made it so easy! No more duplicating layers to 'save' the image.
Great to hear. Best of luck with all your edits.
thank you so much! the way you explain this is the best!
I appreciate that. Thank you. Hope you're having fun with Photoshop.
FINALLY a tutorial that makes sense! Thank you!
I appreciate that. Thank you and happy designing.
Thank you!!!! I learnt something new on gradients!!!
Great to hear and thank you. This technique is really powerful and should come in handy many times.
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
Thank you. Great to hear the video helped you out.
ruclips.net/video/L9Oo-JUGtpc/видео.html
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
Thanks mate. That Shift key trick is a game changer. Have fun with Photoshop :)
this was so much easier than I expected it to be lol, thank you so much
Now that's what I like to hear. Thank you and best of luck with your designs.
very clear and straightforward tutorial. thank you!
Thank you very much. May all your designs be awesome :)
thorough yet swift, you are a good teacher.
I really appreciate that. Thank you. I wish you well with your designs.
Very clear, simple yet the results are beautiful and exactly what I was looking for thank you🙏🏼
That's very kind of you to say. Thank you.
Great! Helped me immediately. Thank you.
Hey that's great. Thank you.
This is a perfect guide/teaching. Thank you so much Michael!
Thank you Berkay. I genuinely appreciate that. Hope you're having fun learning Photoshop.
ruclips.net/video/L9Oo-JUGtpc/видео.html
Thanks, just what I needed.
Cheers Frank. Best of luck with your designs.
I needed this this morning:) well, I know for next time.
Have fun fading stuff in the future ;)
Awesome! EXACTLY what I was looking for! Thank you.
Very cool. Thanks Jerry.
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)
Happy to have helped you out. Thank you.
Great tutorial, always forget some of the basics, it's nice to have revision material like this.
Thank you. Happy to hear this helped you out. Best of luck with your designs.
Super easy to follow and understand, thank you so much!
I appreciate you saying that. Thank you and best of luck with your designs.
I was stuck on this for days! Thanks!!!!
Thank you. Have fun fading stuff.
thanks man, you've taught me a lot
Thank you. That's kind of you to say.
Thanks so much for this video! Short, sweet, and to the point!
Thank you Anjanette. Best of luck with all your designs.
Thanks, man. Just came across your channel today will be subscribing. Keep up the good work!
Thanks mate. I appreciate that. Welcome aboard.
Very helpful. I struggled for a bit because I had left the "Mode" in Screen on a previous project rather than "Normal," so the tool didn't seem to be having any effect despite my selecting the layer mask. Liked and subscribed!
Thanks Alfred and welcome aboard. Yeah that cheeky blend mode option gets us all at some stage ;)
This comment helped me out so much. I had mine in Screen and couldn't figure out why it wasn't working for me. Thank you!
Same! TY!@@a.r.3399
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.
The ability to upskill a tech illiterate mother you say? Now that's a compliment :)
excellent describing and very helpful
thank you 😍
Thank you for the comment. I hope this helps you create some cool designs :)
This was exactly what I was looking for. Thanks for making it short and to the point. :-)
Thank you. I hope it helps you create some cool stuff in Photoshop. Best of luck :)
thank you. this was very helpful
That's great to hear Mervyn. Thank you.
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!
That's quite the comment. Thank you and welcome to the channel.
thank you so much, you save my life.
Thank you. Happy to hear this helped you out.
this was very helpful thank you!
I really appreciate that. Thank you.
It helped a lot. Thank you so much!
Hey that's great. Thank you.
very thorough instruction! Thank you!
Thank you for saying that
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.
Thank you. Congrats on working this out. Hope you create some cool stuff :)
Thank you; big help. You're a great teacher!
Thank you for that. Best of luck with your Photoshop projects.
Great help! Thank you !
Appreciate that. Thank you.
clear, to the point and super helpful! absolutely well done 👏🏽
Thank you. Best of luck with all your designs.
Thanks! Simple and straight forward.
Thank you Stanley. Hope it proves useful.
perfect tutorial, concise and informative. thanks!
Thank you for the comment. Hope it proves useful in your designs.
Thank you so much. This helped me when I was in a pinch.
Thank you Cyrus. Happy to hear that. Happy designing :)
Amazing tip, well explained, thanks for sharing!
Thank you mate. Hope it helps you produce some cool designs.
Super simple and easy! thank you very much
Hey thank you. Hope it helps with your designs.
amazing explanation thank you
Thank you. Hope you are creating some cool stuff in Photoshop.
Great video, exactly what I needed 👍
Thanks Mark. Have fun fading stuff ;)
THANK YOU! A million times!! Works perfectly!!
Fantastic. Thank you. Hope you design some cool stuff :)
very informative video, thank you very much
Thank you. Best of luck with Photoshop.
very detailed , thanks
Thank you
Great explanations. Great pacing. And an awesome accent to boot! Well done! :D
Thank you. I'll be sure to let Australia know you like the accent ;)
Hi, thank you for making this helpful video. One thing I want to know is how did you make that color fill1 layer?
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.
exactly what I was looking for, thank you!
Thank you Sarah. Have fun fading stuff :)
my guy thanks a lot !! 🙌🏼🙌🏼
Thank you. Have fun :)
thank you! very helpful
Thank you. I appreciate you saying that.
Thanks mike this is helpful
Thank you mate
Thank you so much! Amazing tutorial!
Thank you. I appreciate the comment.
Thanks for your help
Thank you. I appreciate your comment.
Awesome content, keep it up!!
Thanks mate. I appreciate the support.
You are the man!
Cheers Mark. Have a great day.
Very well explained. Thank you!
Thank you. Happy designing :)
Thanks a bunch!
Thank you
Thank you that was great
Thank you. Happy to help.
Exactly what I needed! Watched on my work account, but made sure to come and subscribe on my own channel.
Thank you. I really appreciate the effort and the support. Hope you are building some cool stuff in Photoshop.
Brilliant. Thank you very much. It worked perfectly
Great to hear. Thank you Timm.
ruclips.net/video/L9Oo-JUGtpc/видео.html
helped a lot... thanks bro
Hey thanks mate
Thanks it's working!
Excellent. Thanks mate.
Perhaps someone can help me: I've followed the exact steps, but at 5:55 when I drag over, nothing happens. Is there a setting that could be perhaps not correct that he didn't go over? I have the layer mask on, selected on the layer mask itself. Everything is copied exactly from what I'm seeing on his screen but nothing happens when I drag the gradient tool. Any ideas?
Check the blending mode. Do you see my "Mode" option is set to "Normal" in the options bar running along the top of Photoshop. Also check that the "Opacity" is set to 100%.
@@MichaelBullo Ahhh! Yay! That's what it was! Had to set it to normal! Thank you a million!
@@zarrblade9360 Hey that’s great to hear. Thank you. This blending mode can be changed with keyboard shortcuts. So it's possible you accidentally changed it without ever having gone near that option with the mouse. Happy Photoshopping :)
Thank you so much, that was helpful ♥️
Thank you mate. Best of luck with all your designs.
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
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
ruclips.net/video/s0RfJovJHfI/видео.html
@@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 :)
@@Lu-Heringer-Illustrations 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 :)
A big help! Thanks, man!
Cheers mate. Great to hear. Thank you.
my only problem is the gradient template. i dont have the black to white option. how do you make a template with the same setting as yours?
I'm pretty confident it should be there. Poke around a little further. Did you find it?
THANK YOU!
Thank you
Thank you for sharing this. ☺️
Much appreciated Jeff. Have fun fading stuff ;)
thank you for this
Thank you
sir so nice of u so thnx for ds guidelines
Thank you so much. Happy to have helped.
Best explanation ever! Bam!
Cheers Omar. Love the comment.
Thank you!!
Cheers mate
how to continue the fading effect multiple time on the same pic ...if I drag the gradient for second time the previous one disappear..
Looking to step up your gradient game? Very cool. When selecting the gradient, don't choose Black to White but choose Foreground to Transparent. Switch your Foreground color between black and white. Have fun :)
After all these years i still struggle with this technique! Its like quantum physics or something xD
I feel your pain buddy :)
@@MichaelBullo But now i know how! It really helped me out! Thanks!
@@Maltebyte2 Hey that's great. Thank you.