How To Create A Transparent Gradient Mask with Illustrator

[@ClayRavin]

For those of you who, like me, got stuck in Transparency mode with no apparent escape, you need to press the left preview thumbnail in the Transparency window, obscure as that may be.

[@DetectSouthernOntario2479]

THANK YOU!

[@1908sonofabraham]

Lol 😅I was once roaming all over the stuff to escape from this shit 😂...

[@AghiKell]

OMG YOU JUST SAVED MY BRAIN. This tutorial missed the most important part. lol Thank you

[@petertaylor7801]

May God bless this capeless hero!

[@TH509a]

you save my life!

[@juliahan7982]

The gradients are so counterintuitive, I would have thought the black was opaque and white more transparent. Thanks for the tutorial!!

[@darkphoenix7284]

I also get confused in that 😄

[@bradcasper4823]

Pretty simple for me. Remember that black people steal pixels and white don't.

[@ibtishamarman3427]

IT HELPED BROOO!!
aaaand if you get stuck on the opacity mask layer
on the transparency panel click on the main pic
OK thank me later folks!!

[@stellaprincessedirectioner7268]

THANK YOUUUUUUUU !

[@ibtishamarman3427]

@@stellaprincessedirectioner7268 Pleasure!

[@Mooncaque]

Thanks mate ❤️

[@RandyRowseforMayor]

Thank you!

[@artdreem2612]

Really thankss❤❤❤❤

[@ermerk]

BROOOOOOOOO!!! You have no idea how helpful this tutorial was! I had no Idea you could go into the mask and retrieve the original mask object!

[@kynandesouza]

one of the best videos on YT to explain this!! thank you

[@NorbertTOTH-h9l]

Easy and smooth tutorial, rare talented tutor. Thank's a lot

[@Toebiscuit]

You don't have to cut & paste the gradient. Just select both objects > "Make Mask" in Transparency tab. You're welcome. =]

[@haloweenparty10000]

That did not work for me and I really did end up having to paste the gradient in. Creating the gradient within the mask also did not seem to work for me.

[@fanniedesrochers7882]

thanks! for some reason it wasn't working for me the copy paste and this worked!

[@cynicalpenguin]

@@fanniedesrochers7882 Same, when I tried pasting it everything disappeared and my layers panel showed only the opacity mask. This worked. Thanks OtterPops

[@mmowoa]

Did the trick! Thanks!

[@prodj.mixapeofficial6431]

how? didn't work

[@rachelminneapolis]

THANK YOU this was the only tutorial that made sense to me

[@EsphanKamau]

This was very helpful. Thank you Nick.

[@amierittler8940]

THANK YOU!!!! This is - BY FAR - the best, easiest Illustrator tutorial I have found and I am sooooo appreciative!

[@haleyy_pris]

If i want to paint my object with gradients using the paint bucket tool but the color combinations i want to use are horizontal, how can I change it to vertical???

[@JoshBraunz]

Excellent this was just what I needed to get the effect I am looking for for my business card, thank you Nick! Your channel is a great resource.

[@okbazenda8518]

For those of you who had the same problem when transparency doesn't show the (make mask) option just click on the three lines in the top right corner next the (gradient-transparency) window and from then click (Show options) and it will appear.

[@marciosilvadesign]

Great tutorial! I would do pretty much the same, but would paste the gradient with CTRL + F to paste in place. No need to center the gradient afterwards, since this paste would place the object in the same coordinates as before (regarding the artboard, so usefull to paste the same object through several artboards in the same place). Cheers!

[@matthiasb4679]

Yes,very helpful straith to the point,thank you!
But now i want to place text over the image not affected by the gradient but it doesnt seem to work. I cant seem to add another layer 🤔

[@pakistantoafederation]

Hello Sir, Hope you are fine in good health. I have a question about the Transparent Gradient Mask. How many times apply Transparent Gradient Mask on the same image. Thanks

[@felixkunst3769]

Hello, I did exactly the same as followed in the video. However, the gradient disappears if you export the file as a pdf file. How is that possible?

[@uimonk]

please make such useful tutorial series!! respect from india

[@karimecardenas7388]

this is what I was looking for!

[@WendyMarieMedia]

What are the thumbs down all about. Geeze. Nick, I love your inkscape and adobe videos.

[@C0llinsW0rth.]

Awesome, I did not know this and it was quick and easy!

[@Sirnd1b]

Oh my goodness you're a live saver, finally I'm able to make this thank you

[@eddybesselink6256]

Great tutorial mate.

[@GeorgiosStefanidis-hz5so]

appreciate it nick!

[@Lor912]

Hi you can do it with a pattern instead of an image?

[@thierrylagrin2859]

Super video with great explanation!

[@chris-t9t]

thanks for this brother

[@Lamefoureyes]

Just what I needed, thank you

[@jestes7]

Is it possible to make 2 masks for the same object? Having troubles figuring that one out

[@jestes7]

I want to make the bottom half gradient transparent as well as the top left corner

[@scarletpointproduction]

Excellent thank you, was hard to find a video like yours for this subject ;)

[@IndieKomiksPodcast]

Thanks you for the tutorial. This is very useful!

[@KMHasan]

I wanna put 2 masks on 2 sides. This means if I wanna put one more Gradient on top of my head, what can I do? Can I add one more Mask tab

[@DieudoMulapu]

this is great tutorial. thanks

[@malayali_thaaram]

Thank youuuu. It worked

[@yoanesse]

beautifully explained - very great job #thumbsUp

[@Coops1985]

thank you that was very helpful, exactly what i needed

[@shakaibart587]

Thanks Man You just save the day !

[@borisp9163]

What if I want to do exactly the same thing just I need Black to stay and white became transparent?

[@riripvphighlights]

I am doing exactly what you're doing so when I paste the mask, it just closes the Transparency tab and makes the entire image disappear. It's not working

[@jorhnmatan8064]

ขอบคุณครับพี่บ่าว ขอให้เจริญๆ นะครับ👍👍👍👍

[@littlefever9410]

Thanks so much!

[@marcelaperez9363]

Short and clear! Thanks master

[@ubergregmoto]

Short, sweet and effective-cheers mate.

[@zoujunjie101]

thanks for the tutorial. this is the exact video that im looking for!

[@yungdash4852]

Thanks this gave me exactly the effect I wanted but now it seem I can't make any other edits to my piece. my layers don't show up only the gradient layer.

[@DesignMadeSimple]

It may be that you still have the mask layer selected in the Transparency menu. Make sure to select the original image layer (it's the thumbnail on the left.)

[@lydoudou]

@@DesignMadeSimple Thank u so much lol, I was stuck on that for a few hours

[@yungdash4852]

@@DesignMadeSimple Thank you

[@Denise.Conway]

Thanks! Very helpful :)

[@TheNashvilleJason]

thanks for this. I've struggled with that until now. Different workflow in Photoshop.

[@shabobchik]

DUDE - this is such an AWESOME technique. THANK YOU.

[@ellenadam7569]

Just what I needed! Thank you!

[@jcsanchez]

GREAT TUTORIAL!!!!!!!!!!

[@Hamdoe]

After following this video I couldn't select any other objects on the page, why is that?
The layers also only show the and the rest aren't visible.

[@DesignMadeSimple]

You have to go back to the transparency menu and activate the thumbnail with the original artwork in it.

[@brigittaanindya2314]

thankyou! so helpful

[@davidmoore7115]

Really helpful and well explained, thank you, big time!

[@rupe6103]

Thank you!

[@ahmedkishwarferdous8602]

can the gradient side be black or any other color except white?
please help

[@doodlewenzday7834]

thank you for this tutorial :)

[@iraceruk]

There's no doubt about it.
The best tutorials on RUclips.
Thanks so much 👍

[@emranemtiyaz238]

This helps! Thank you so much!

[@Erica_RW]

Great, thank you!

[@talhajunaid5085]

good awesome technique sir

[@tonykapo909]

Ok, and how to make this for both sides of an image? This in case you want to fade in 3 images, how to make the middle image have transparency on both sides, left and right?

[@ebtehalessam8986]

Thank you very much! very helpful

[@davidmorrison5186]

excellent

[@zarishimtiaz399]

Thanks man!

[@sahniyatrahman]

thanks it helped.

[@SaimonKite]

thank you

[@yommie1806]

Thank you So much

[@bethelhemkebere196]

Thank you 🙏

[@kyakonyeinnocent955]

Thanks man🎉😅

[@silvertree2189]

god-sent!

[@sheilafarricy5348]

For some reason this will not work for me. My image becomes part of the page.. I no longer can click on anything? What am I doing wrong?

[@TG-so6tz]

no black square when I open up transparency window

[@a7madfriends]

Thanks! I still don't know why did they make it this hard lol

[@Temzy]

Cheers! This really helped!

[@Hikashiarts]

thank u

[@zboy303]

Thanks for this. I find Illustrator so convoluted to use.

[@2handhoangson]

good, thanks

[@stevensheaves]

Ok great. but now, how do I export that and have it actually use the gradient!

[@asher4898]

Great tutorial

[@vinylkitties7389]

THANK YOU!!

[@SwoleNerdProductions2]

I have some art that utilizes this technique EVERYWHERE in the design. Is there a way I can select them all at once and release them? I need to make it a solid color and selecting each individual one is taking forever

[@DesignMadeSimple]

Yes. Select all of the objects at once, then use the hamburger menu in the Transparency window (top-right corner) and select "Release". This should release everything selected. If it doesn't work you may have to ungroup them first (Object > Ungroup)

[@ellsprinting2179]

thanks its work !!

[@carlosmerac]

Simple method. Thanks

[@zoelamp4840]

Thanks Mate!

[@islamkhowaja2565]

thank you man

[@danielrasheedi]

thanks man!! really save my day

[@bernardohenrique7134]

Very useful, thank you

[@Supermed]

Awesome mate, thanks a ton

[@mariamziad9379]

Thank you for this video

[@annonimbouz851]

More affinity an illustrator tuts please

THANKS!

[@PauloGurgelAudiovisual]

Ok great, but it blocks all of my otyher objects... how can I select the rest of it? also my layers are "Layers (opacity mask)"

[@PauloGurgelAudiovisual]

just close and reopen the software that works... great video thnx

[@sepehrsepik6259]

Thank you soo much🔥❤️

[@AhmedSalah-er7wk]

very helpfull

[@primeexample]

Thank you u made it so easy to understand 😁

[@michaniewiarowski3921]

Helpful!! Thanks:)

[@ratheeshthottakath]

Thanks for the video. Very much helpful!

[@IvailoYanev]

This is a great way to create gradients between regular photos and photos with applied effects! Thank you!

[@pytray]

Nice and easy, thank you!

[@kevinwegner6212]

For some reason the 'Transparency' panel is visible in my PS and I can't seem to figure out how to get it to display. Thoughts??? Thx!--great tutorial!

[@haloweenparty10000]

You can select it from your Window menu