Illustrator - Fill a Black Pattern with a Gradient

[@akalli]

You are flat out AMAZING! This is exactly what I wanted to do. And then I can easily change the gradient colors to create as many multiple versions of this document as I like in different colors. The sky is the limit! Thank you. Thank you. THANK YOU!

[@HelenBradley]

You're so welcome! Thanks for the idea for the video Andrea.

[@rameezrajam9689]

You saved me!! Got stuck badly to achieve this and your tutorial helped me to get the effect I wanted for my design. Thanks a lot.

[@HelenBradley]

Glad I could help!

[@simoneruskin1975]

THIS VIDEO SAVED MY LIFE

[@HelenBradley]

I am so happy to hear that

[@inactiverahul]

Thank you again, Helen!

[@HelenBradley]

You are so welcome!

[@Nova-Solaris]

This was very practical. Just what I wanted to do. Now I have to pla around with different color gradients. Thanks a lot!

[@HelenBradley]

Glad it was helpful!

[@solsallee6638]

great tip, easy to follow thanks! I would not have figured that out on my own!

[@HelenBradley]

Great to hear

[@StickerBoutiqueInc]

this saved my sanity! I had 2 patterns i for the love wanted to combine and wanted a gradient overlay! THANK YOU!

[@HelenBradley]

You're so welcome!

[@abhischucky2583]

Thank you so much Helen.. You saved me today!

[@HelenBradley]

Happy to help!

[@alexfreedomroad]

I was following along your lesson and thought myself: I can do it with clipmask! Guess what? It didn't work, lol. I don't understand the mechanism behind Illustrator. And sometimes I prefer doing my stuff on Photoshop. Love your lessons Helen, your expertise on Illustrator amazes me! Cheers!

[@HelenBradley]

I am with you there Alex. That was my first thought - a clipping mask - and of course, it failed. The trick is to have alternative options up your sleeve. If you think about how you'd approach this in Photoshop - you could do this with a mask - ie. put the pattern into the mask. If you take that knowledge to Illustrator you'd have your solution. It doesn't always work that way! but very often it will.

[@yazeed_0o0]

Thank you so much! worked perfectly and your explanation is awesome.

[@HelenBradley]

Great to hear!

[@mtovar]

Thank you for creating this video.

[@HelenBradley]

My pleasure Manny.

[@hananahei]

it works! thanks so much!

[@HelenBradley]

You're welcome!

[@hemambikask2484]

Saved my time! Thank you so much

[@HelenBradley]

Great to hear!

[@mehmethimmetoglu3879]

Merhaba Helen paylaşım için teşekkürler. Daireler compound path ile gradyan dolgu verilemezmi acaba?

[@HelenBradley]

Az önce, içinde delik olan bir daire olan ve bileşik bir yol olan bir halka modeli yaptım. Modeli maske olarak kullandım ve gayet iyi çalıştı. Üzgünüm, sizin için neyin işe yaramadığını anlamıyorum.

[@mehmethimmetoglu3879]

@@HelenBradley Merhaba Helen. Çalışma gayet başarılı teşekkür ederim. Ben farklı bir şekilde compound path ile daireleri birleşme ve gradyan dolgu uygulama yöntemi ile de yapılabilir mi? Onu öğrenmek istedim.

[@HelenBradley]

Merhaba Bana yapmak istediğiniz şeyin bir resmini gösterirseniz, size yardımcı olabilirim. [e-mail] adresinden bana e-posta gönderebilirsiniz.

[@ghazal150]

That's awesome.. thank you

[@HelenBradley]

Glad you liked it!

[@Lor912]

Can I make a transparent gradient mask over the gradient color pattern? Cause I try but it doesn't work 2 transparent mask

[@StickerBoutiqueInc]

Question Miss Bradley, if I wanted to use an animal skin from the patterns in illustrator, does it have to be solid black before I can do the gradient like the video?

[@jacobmurphy9928]

This tip helped me out a bunch! The only thing I wish it wouldn't do is not have the pattern become white while under the clipping mask, but instead becomes grey

[@dinukamadhumal6074]

Thank You So Much ✌️❤

[@HelenBradley]

You're welcome 😊

[@flowsbio]

Thanks for this video!!

[@HelenBradley]

My pleasure!

[@witchmaiden]

This is amazing! You have solved a problem I have struggled with for quite some time! I have a question: when I apply this affect, the gradient applies perfectly and everything looks great, but the opacity of the pattern now with the gradient applied appears lower than 100%. There is a slight transparency on it even though in the Transparency Panel and in the Appearance panel Opacity is set to 100%. This is causing problems with the gradient colours really popping, and also, because I'm layering two parts of a pattern, I can see through them and it doesn't look the way I'd like.

[@igorperic5232]

hey :) Helen I tried to achieve green gradient over matrix numbers ( 1011101 etc.) that I set as a pattern. When I outlined numbers and released the compound path zeros become filled shapes :) I wanted large set of numbers just like matrix and apply gradient over it. This technique of yours might be the solution.

[@HelenBradley]

I this this might be your solution. I tried it a few days ago with compound paths (like donuts) and it worked just fine. Best of luck.

[@Aly.A_13]

This looks like it should work, but every time I follow the steps outlined, it disappears, first it looks like a very washed out version of the gradient, and then the gradient disappears, making the whole thing disappear. It doesn't make sense at all. I'm struggling with this. :(

[@Lor912]

I cant understand why my pattern remain opaque