How To Make Transparent Gradients In Photoshop - The Complete Guide

In this Photoshop tutorial, you'll learn three different ways you can use transparent gradients in your images. The first method will go over how to create a transparent gradient and apply a solid color transitioning to transparency over your image. The second method uses foreground to transparent gradients apply onto layer masks for easy faded looks to your photo. Lastly, the third option covers how to use transparent radial gradients to fade the edges of a photo. After this tutorial, you'll be a master of transparent gradients in Photoshop!
-------------------------------------------------------------
The Complete Guide To The Gradient Tool: bwillcreative.com/how-to-use-...
-------------------------------------------------------------
More tutorials HERE: bwillcreative.com/
Find me on Instagram: / brnwills

Пікірлер: 166

  • @silvijostahan1605
    @silvijostahan1605 Жыл бұрын

    Great tutorial, Brendan. Thank you! So helpful and concise, you are natural at explaining.

  • @susan_touch
    @susan_touch3 жыл бұрын

    Great video Brendan, your explanation of the different types of transparent gradient effects in Photoshop was engaging and easy to follow. Keep up with the good work.

  • @BrendanWilliamsTutorials

    @BrendanWilliamsTutorials

    3 жыл бұрын

    Thanks Suzie!

  • @fredex147
    @fredex1473 жыл бұрын

    I just needed this explanation for my photoshop "problem". Thanks. I'm going to watch some more of your videos.

  • @mycell6820
    @mycell6820 Жыл бұрын

    Never understood gradient tool better before. Great video Brendan!

  • @danielburns311
    @danielburns3112 жыл бұрын

    Brendan, I'm making a 2nd comment to thank you again for this great video. Wow, it is exactly what I needed for the project I'm working on. Your production is precise and clear. ⭐⭐⭐⭐⭐

  • @arifmaulana3898
    @arifmaulana38983 жыл бұрын

    Thank you. A very well done explanation. Helped so much

  • @marshahilton200
    @marshahilton2003 жыл бұрын

    Awesome video. Look forward to watching your other videos!

  • @NaKoleWatson
    @NaKoleWatson3 жыл бұрын

    Thank you so much for this!

  • @GeorgetaBlanaru
    @GeorgetaBlanaru Жыл бұрын

    Very good tutorial! Thank you! 🙏💫

  • @VincentCarneglia
    @VincentCarneglia2 жыл бұрын

    Thanks for the awesome tutorial!

  • @AmitPal-gt6qh
    @AmitPal-gt6qh6 ай бұрын

    your explanation holds such significance with utter simplicity that made is really easy to understand, remember and apply, thank you for your work

  • @thedandelionranger
    @thedandelionranger Жыл бұрын

    You are a Brilliant Genius, the Precision and Speed with which you teach is Wonderfully Helpful

  • @marklechman5230
    @marklechman52302 жыл бұрын

    This was an amazing tutorial Brendan!

  • @marcuslatham7000
    @marcuslatham7000 Жыл бұрын

    Amazing! So easy to follow thnk you!!

  • @jnelson508
    @jnelson5083 жыл бұрын

    Excellent! Thank you.

  • @achiekografix
    @achiekografix Жыл бұрын

    Wow!!! I love this tutorial man 💕💢💯🚀🚀 I learned what I have been struggling for, thank you 🙏🙏

  • @ayushivats868
    @ayushivats8683 жыл бұрын

    Nice way of explanation. Found it really helpful!

  • @bookstarchickamy
    @bookstarchickamy2 жыл бұрын

    Very helpful and easy to follow. Thank you, I knew there had to be an easy way to do this.

  • @BrendanWilliamsTutorials

    @BrendanWilliamsTutorials

    2 жыл бұрын

    You're very welcome!

  • @bh8365
    @bh8365 Жыл бұрын

    Thanks. Clearly explained. I'll be trying this out.

  • @Its_I_Ziggyman
    @Its_I_Ziggyman2 жыл бұрын

    A million thanks to you :) ... This has baffled me for a long time and now it's all cleared up

  • @tanlaikuen1106
    @tanlaikuen11062 жыл бұрын

    Awesome, thanks man!!

  • @mimiedeslate
    @mimiedeslate3 жыл бұрын

    Thank you. It helps me a lot.

  • @grainnemccloskey3493
    @grainnemccloskey34933 жыл бұрын

    Very helpful & straight to the point. Thank you!

  • @BrendanWilliamsTutorials

    @BrendanWilliamsTutorials

    3 жыл бұрын

    My pleasure :)

  • @danielburns311
    @danielburns3112 жыл бұрын

    Thank you for this video! This info is exactly what I was looking for. Good job with the video!

  • @BrendanWilliamsTutorials

    @BrendanWilliamsTutorials

    2 жыл бұрын

    No problem!

  • @francisconello355
    @francisconello3552 жыл бұрын

    Excellent tutorial! I was struggling with this and the other videos I looked at couldn't help. Thank you, sir!

  • @BrendanWilliamsTutorials

    @BrendanWilliamsTutorials

    2 жыл бұрын

    Awesome!

  • @apisitkhomgonluechar3419
    @apisitkhomgonluechar3419 Жыл бұрын

    Thank you. That is the technique, I'm searching for... 🤩🤩🤩

  • @starscreamtr
    @starscreamtr Жыл бұрын

    Big thanks mate it was so useful!

  • @karmenmott9229
    @karmenmott92292 жыл бұрын

    Great video. Short and clear. (Usually I listen to similar tutorials at a speed of 1.5 or even 1.75 due to unnecessary even annoying explanations. Excellently explained and demonstrated. Thanks a lot, it was very helpful to me. Keep up the good work.

  • @BrendanWilliamsTutorials

    @BrendanWilliamsTutorials

    2 жыл бұрын

    Appreciate that! Thanks for the feedback

  • @pbziegler
    @pbziegler3 жыл бұрын

    This is an excellent video. I am a very advanced PS user and rarely see a video that is well done AND shows me something new. You did both

  • @BrendanWilliamsTutorials

    @BrendanWilliamsTutorials

    3 жыл бұрын

    Well I appreciate the kind words! :)

  • @13filmes
    @13filmes Жыл бұрын

    Very useful! Thanks!

  • @RobbInStPete
    @RobbInStPete Жыл бұрын

    Your tutorials are incredibly helpful and really well done, so thanks! I had to come to the comments to find out why you say "check off" dither and transparency but leave them checked ON when you create the gradient!!!! But I get it now. Bottom line for anyone confused like I was: Make sure to check ON dither & transparency if they are checked OFF! By turning them "on" you will be checking them "off" the list of things to do! 🤣

  • @fidelrodriguez7964
    @fidelrodriguez7964 Жыл бұрын

    Awesome!!!!

  • @ahmadbiztech
    @ahmadbiztech2 жыл бұрын

    Thank you so much brother!

  • @new3sc
    @new3sc Жыл бұрын

    Thanks! :D

  • @ajigoja9995
    @ajigoja99953 жыл бұрын

    thanks a lot for your video man

  • @CameronF1.
    @CameronF1.2 жыл бұрын

    yOU'RE AN ABSOLUTE LEGEND SIR!!! tHANK YOU!!!

  • @jordan17bliss
    @jordan17bliss Жыл бұрын

    Thanks, Brendan. This helped me a lot with a hero fullwidth header i am working on for a website. This was great.

  • @JunayedMerun
    @JunayedMerun5 ай бұрын

    awesome video! simple easy and clear. thanks a lot :)

  • @RoyHessey
    @RoyHessey Жыл бұрын

    Excellent. Thanks

  • @OldManPaxusYT
    @OldManPaxusYT10 ай бұрын

    thank you sir!

  • @fahim618
    @fahim6182 жыл бұрын

    Thanks for your videos

  • @ahora3854
    @ahora3854 Жыл бұрын

    Thank you sir, this helped me a lot🙏❤️

  • @nf3126
    @nf31262 жыл бұрын

    Hi Brendan. Thank you for being so concise and informative with a smooth delivery! This is exactly what I was trying to do with masking and gradients but just couldn't fully figure it out. Awesome. :)

  • @BrendanWilliamsTutorials

    @BrendanWilliamsTutorials

    2 жыл бұрын

    You're very welcome!

  • @hjbnew2009
    @hjbnew2009 Жыл бұрын

    Thank you. Excelent

  • @chromecrystalz1141
    @chromecrystalz1141 Жыл бұрын

    Great tutorial thank you bro

  • @ravinagar7736
    @ravinagar77368 ай бұрын

    great tutorial , this is what i want to learn. thank you, Brendan

  • @TeoSaint1212
    @TeoSaint1212 Жыл бұрын

    helpful, thanks

  • @adarshtiwari7395
    @adarshtiwari7395 Жыл бұрын

    You are awesome... Thank you!

  • @dabikedude1
    @dabikedude12 жыл бұрын

    Thank you very much for a quick and easy to understand video...Cheers!

  • @BrendanWilliamsTutorials

    @BrendanWilliamsTutorials

    2 жыл бұрын

    Glad you liked it!

  • @belindaann458
    @belindaann4582 жыл бұрын

    Thank you so much for this! It's been years since I've used Photoshop and I found myself at a loss for a minute before I went on a search for a video tutorial. THIS was EXACTLY what I needed. I couldn't hit the subscribe button fast enough. Thank you!

  • @driptcg
    @driptcg5 ай бұрын

    thank you!!

  • @PakMalau
    @PakMalau2 жыл бұрын

    good tutorial..thanks a lot

  • @RAZR_Channel
    @RAZR_Channel Жыл бұрын

    GOOD!!!

  • @Freezeart
    @Freezeart Жыл бұрын

    Thanks, quck & easy

  • @matheusgoonie
    @matheusgoonie2 жыл бұрын

    Hi mate this video is awesome, I always come back to it when i need to work with gradients, thanks for sharing a great tutorial.

  • @BrendanWilliamsTutorials

    @BrendanWilliamsTutorials

    2 жыл бұрын

    Thank you! Cheers!

  • @huykhanh5482
    @huykhanh5482 Жыл бұрын

    Really helpful. Have a nice day teacher 😍

  • @cindyayuw9245
    @cindyayuw92453 жыл бұрын

    thank you!

  • 4 ай бұрын

    Selute to you. Now you are my Photoshop teacher.

  • @julieamy3093
    @julieamy30933 жыл бұрын

    THANK YOU!!! I HAVE MY MASTER THESIS DEADLINE TOMORROW MORNING AND MAKING A LAST MINUTE POSTER AND REALLLYYY NEEDED THIS!!! THANKSSSSS

  • @BrendanWilliamsTutorials

    @BrendanWilliamsTutorials

    3 жыл бұрын

    🙌🏻🙌🏻

  • @rattanafrica
    @rattanafrica2 жыл бұрын

    Thank you!

  • @itumelengmongwegi4426
    @itumelengmongwegi44263 жыл бұрын

    Man, awesome tut thank you

  • @BrendanWilliamsTutorials

    @BrendanWilliamsTutorials

    3 жыл бұрын

    No problem!

  • @Welshmanshots
    @Welshmanshots11 ай бұрын

    Thanks for this, im making a thumbnail for a video and im using vertical photos and wanted the photos not to look out of place and by fading the edges on one images it makes the images looks a bit more natural.

  • @mariamccormick7879
    @mariamccormick7879 Жыл бұрын

    Excellent

  • @ArikCool
    @ArikCool2 жыл бұрын

    Thank You so much!!!!!!!!!!!111

  • @catsanddogs5408
    @catsanddogs54082 жыл бұрын

    Great and helpful video! Thank you! and btw you're handsome :D

  • @harjith.d.bubber
    @harjith.d.bubber3 жыл бұрын

    Thank you for that

  • @moizhassan4318
    @moizhassan431811 ай бұрын

    Thanks Mate

  • @Thegirlwithalyre
    @Thegirlwithalyre Жыл бұрын

    Thanks for the helpful video👏 I checked all the things you said but when I apply gradient tool anywhere on my project it takes over the whole page even when I change its setting.. I had to use brush tool to reach the same effect!

  • @chipcurry
    @chipcurry Жыл бұрын

    Great job, very cool channel. Very tasty lower thirds. And the photo montage at the intro was superb. Did you take those photos? If you did, a hearty congratulations to an incredible career.

  • @mightyone8733
    @mightyone87333 жыл бұрын

    Subscribed.... thank you

  • @naizaksport7394
    @naizaksport73942 жыл бұрын

    Thank you

  • @hlohowdoyoudo
    @hlohowdoyoudo3 жыл бұрын

    Wao masterpiece tutorial sir ....

  • @muminikar5895
    @muminikar5895Ай бұрын

    Thnks alot

  • @matteoromero
    @matteoromero2 жыл бұрын

    By “checked off” you mean checked on haha. Great tutorial

  • @malaranu6883
    @malaranu6883 Жыл бұрын

    Find your explanations so effective. Thanks. Can you do one on Using multiple images to creat a composite in Photoshop. Thanks again.

  • @rickrose1964
    @rickrose19643 жыл бұрын

    Nicely presented!

  • @BrendanWilliamsTutorials

    @BrendanWilliamsTutorials

    3 жыл бұрын

    Glad you liked it!

  • @ItachiUchiha-nx2sw
    @ItachiUchiha-nx2sw Жыл бұрын

    Thanks.

  • @smartmonkeystudy366
    @smartmonkeystudy366 Жыл бұрын

    Great tutorial. Please include the example photo for downloading. That would be super helpful.

  • @expandit811
    @expandit8113 жыл бұрын

    Great video 🙏🏾

  • @BrendanWilliamsTutorials

    @BrendanWilliamsTutorials

    3 жыл бұрын

    Glad you think so :)

  • @devamanan
    @devamanan Жыл бұрын

    gradiant tool is missing from my photoshop . i can find only gradiant map. need some help to find it

  • @emmanuellankrumah7107
    @emmanuellankrumah71072 жыл бұрын

    THANK YOUUUU BROOOOOO

  • @BrendanWilliamsTutorials

    @BrendanWilliamsTutorials

    2 жыл бұрын

    You are welcome!

  • @sudhakarguptaa
    @sudhakarguptaa3 жыл бұрын

    Thank you very much

  • @BrendanWilliamsTutorials

    @BrendanWilliamsTutorials

    3 жыл бұрын

    No worries

  • @lizzypeer8709
    @lizzypeer87093 жыл бұрын

    Just starting this video, but hopefully this is the one I actually am looking for. I'm a beginner and my sister is having me teach myself photoshop, because she doesn't have the time to record a bunch of videos of her process on how she does stuff step by step, and I've never used the gradient in photoshop before. I did something with it last night, but I can't remember how I did it, so maybe this vid will help. :) I'm learning how to edit the yard signs for my sister's etsy store.

  • @nccfabuja

    @nccfabuja

    3 жыл бұрын

    P

  • @therockysafari4302
    @therockysafari43023 жыл бұрын

    THANK YOU THANK YOU THANK YOU

  • @BrendanWilliamsTutorials

    @BrendanWilliamsTutorials

    3 жыл бұрын

    You are welcome!

  • @davidbreazeale820
    @davidbreazeale8207 ай бұрын

    Hi Brendan. I might be a little late for this comment, but I've noticed that when I click on foreground/background in the tool bar to change the order of gradient that nothing happens. I must click on the gradient drop down window at the top to change the order. Thanks

  • @Stellifant
    @Stellifant2 жыл бұрын

    Another great tutorial Brendan. Is it possible to graduate effects from the filter range? For example, graduate blur from none to heavy blur? Thanks.

  • @BrendanWilliamsTutorials

    @BrendanWilliamsTutorials

    2 жыл бұрын

    Yes, if you applied a foreground to transparent gradient on a gaussian blur smart filter layer mask

  • @Stellifant

    @Stellifant

    2 жыл бұрын

    @@BrendanWilliamsTutorials Thank you!

  • @Mohammad3000100
    @Mohammad30001002 жыл бұрын

    Great thank you. You are very nice person

  • @BrendanWilliamsTutorials

    @BrendanWilliamsTutorials

    2 жыл бұрын

    As are you for this comment 🌞

  • @wilsamuelmendozag6418
    @wilsamuelmendozag64186 күн бұрын

    creí que hablaría en español, igual, thank so much for this !!

  • @theresahutch168
    @theresahutch168 Жыл бұрын

    Great video. Transparent gradient starts 4:30

  • @josegorostieta8132
    @josegorostieta8132 Жыл бұрын

    besides a smarty guy a hottie one! than u bro!

  • @babuhayagreeva5891
    @babuhayagreeva5891 Жыл бұрын

    Thanks sir, irequest u make a video on how to paint mandala with GRADIENTS.

  • @user-gj9up3tf1y
    @user-gj9up3tf1y Жыл бұрын

    Did they remove the transparency option in the gradient?

  • @qyh00
    @qyh002 жыл бұрын

    makasih pak

  • @hanily860
    @hanily8605 ай бұрын

    The problem is , how to show the exported png image like this one in windows 11 photo viewer? The transparency will convert to white!! , annoying me , & Facebook also do the same fault , only paint brush program shows the real transparency of this png , is there away to solve this situation please?

  • @thisguythatguyify
    @thisguythatguyify3 жыл бұрын

    A helpful video. Thank you. I would like it more if you split all these tips into 30 second videos so I didn't need to go through 7 minutes of irrelevant content to find the radial opacity gradient

  • @duanecalhoon3322
    @duanecalhoon33223 жыл бұрын

    does these steps work with older versions of ps as in cs2???

  • @BrendanWilliamsTutorials

    @BrendanWilliamsTutorials

    3 жыл бұрын

    The foreground to transparent gradient should be available in the vast majority of versions but I am not certain about cs2 in particular

  • @madihamaqsood2142
    @madihamaqsood2142 Жыл бұрын

    why i can do it i am trying but nothing is happening. It's not getting transparent not nothing

  • @user-rk4qm5iv7g
    @user-rk4qm5iv7g3 күн бұрын

    but when i export it it doesn't show any gradient????

  • @sergeychernov5115
    @sergeychernov51156 ай бұрын

    y a the best!!! y help me

  • @orbitsrailfanvids
    @orbitsrailfanvids Жыл бұрын

    it doesnt work for me. whenever i apply the gradient to the mask, nothing happens. the gradient doesnt appear. nothing online tells me how to fix this, and im short on time with a project due soon that requires this.

  • @IamNess64

    @IamNess64

    Жыл бұрын

    You know what, this has been an issue with me as well. I feel like Photoshop changed something in their more recent updates. The gradient tool doesn't seem to have the same effect as it used to. Before Photoshop wrecked the feature, it was actually really easy to do a transparent gradient mask, but now when attempted, you end up with very lacking results. If it ain't broke, don't fix it.

Келесі