Illustrator - Fill a Black Pattern with a Gradient

  Рет қаралды 19,463

Helen Bradley

Helen Bradley

Күн бұрын

Illustrator - Fill a Black Pattern with a Gradient
Learn how to take a document filled with a black pattern and to fill the black areas with a seamless gradient. This technique uses the Transparency panel in Illustrator to make a mask filled with the pattern to display the gradient only where the pattern appears. It sounds harder to do than it really is to do. In the video you will learn some tricks for using the Transparency panel and for creating masks in Illustrator.
SKILLSHARE AND UDEMY COUPONS
Skillshare.com (all classes) ► www.skillshare.com/r/user/hel...
Udemy course - Adobe Illustrator Pattern Making Masterclass ► www.udemy.com/course/make-pat...
Udemy course - Adobe Illustrator for Photoshop Users ► www.udemy.com/course/illustra...
Udemy course - Create Whimsical Art in Adobe Illustrator ► www.udemy.com/course/create-w...
Udemy course - Adobe Illustrator Text Effects Masterclass ► www.udemy.com/course/master-t...
Udemy course - Adobe Illustrator for Non-Artists ► www.udemy.com/course/adobe-il...
Udemy course - Make Creative Assets in Adobe Illustrator Masterclass ► www.udemy.com/course/make-cre...
Udemy course - Adobe Illustrator Advanced Pattern Techniques Masterclass ► www.udemy.com/course/adobe-il...
Udemy course - From Drawing to Pattern in Adobe Illustrator - a Masterclass ► www.udemy.com/course/from-dra...
Udemy Course: Pattern Making in Adobe Illustrator CC - A masterclass www.udemy.com/course/pattern-...
Learn to Illustrate in Procreate 5X Graphy ► share.graphyapp.co/SfCS
VIEW MORE VIDEOS JUST LIKE THIS ON MY KZfaq CHANNEL
Subscribe ► kzfaq.info_c...
TIP ME TO SAY THANK YOU? ► paypal.me/projectwoman
VISIT PROJECTWOMAN.COM FOR MORE ON PHOTOSHOP, ILLUSTRATOR & LIGHTROOM
Website ► www.projectwoman.com
Blog ► www.projectwoman.com/phototips
SUBSCRIBE TO MY EMAIL MAILING LIST
visitor.constantcontact.com/d....
IF YOU LIKED THIS VIDEO YOU MAY LIKE THESE SIMILAR VIDEOS:
Illustrator - Set Units of Measure and Demystify their use ► • Illustrator - Set Unit...
Illustrator - Spacing Pattern Elements Apart - Add Space to Patterns ► • Illustrator - Spacing ...
Illustrator - Drawn line text effect - turn type into a single line object ► • Illustrator - Drawn li...
Illustrator - Editable Text Cutout - Make a Text Shape Hole In an Object ► • Illustrator - Editable...
Illustrator - Recolor Complex Objects Easily - What to do when changing Fill or Stroke doesn't work ► • Illustrator - Recolor ...
Illustrator - Blends with Multiple Shape objects - Fixing Blends that Fail ► • Illustrator - Blends w...
Illustrator - White Lines in Pattern Swatches for Spoonflower - Solutions and explanations ► • Illustrator - White Li...
Multi Layer SVG from Illustrator for Cricut Design Space ► • Multi Layer SVG from I...
Illustrator - Save as JPG or PNG - How to Export Bitmaps from Illustrator ► • Illustrator - Save as ...
Illustrator - Make a hole in a shape - fill the outside of an object ► • Illustrator - Make a h...
Illustrator - Sample Swatches from Photos ► • Illustrator - Swatches...
Neumorphism Effect in Illustrator - Create a Reusable Dimensional Style ► • Neumorphism Effect in ...
Illustrator - Fill a Shape with a Vector Texture - DIY Vector Texture ► • Illustrator - Fill a S...
Illustrator - Add a Vector Texture to Text - Vectorize a texture and add it to text ► • Illustrator - Add a Ve...
Illustrator - Set Units of Measure and Demystify their use ► • Illustrator - Set Unit...
Illustrator - Spacing Pattern Elements Apart - Add Space to Patterns ► • Illustrator - Spacing ...
Illustrator - Drawn line text effect - turn type into a single line object ► • Illustrator - Drawn li...
LET'S CONNECT!
Facebook ► / projectwoman
Twitter ► / helenbradley
LinkedIn ► / helenbradley
#helenbradley #illustratortutorial #patternmaking

Пікірлер: 39
@inactiverahul
@inactiverahul 2 жыл бұрын
Thank you again, Helen!
@HelenBradley
@HelenBradley 2 жыл бұрын
You are so welcome!
@akalli
@akalli 3 жыл бұрын
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
@HelenBradley 3 жыл бұрын
You're so welcome! Thanks for the idea for the video Andrea.
@rameezrajam9689
@rameezrajam9689 3 жыл бұрын
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
@HelenBradley 3 жыл бұрын
Glad I could help!
@alexfreedomroad
@alexfreedomroad 3 жыл бұрын
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
@HelenBradley 3 жыл бұрын
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.
@abhischucky2583
@abhischucky2583 2 жыл бұрын
Thank you so much Helen.. You saved me today!
@HelenBradley
@HelenBradley 2 жыл бұрын
Happy to help!
@StickerBoutiqueInc
@StickerBoutiqueInc 2 жыл бұрын
this saved my sanity! I had 2 patterns i for the love wanted to combine and wanted a gradient overlay! THANK YOU!
@HelenBradley
@HelenBradley 2 жыл бұрын
You're so welcome!
@mtovar
@mtovar 2 жыл бұрын
Thank you for creating this video.
@HelenBradley
@HelenBradley 2 жыл бұрын
My pleasure Manny.
@solsallee6638
@solsallee6638 2 жыл бұрын
great tip, easy to follow thanks! I would not have figured that out on my own!
@HelenBradley
@HelenBradley 2 жыл бұрын
Great to hear
@Nova-Solaris
@Nova-Solaris 2 жыл бұрын
This was very practical. Just what I wanted to do. Now I have to pla around with different color gradients. Thanks a lot!
@HelenBradley
@HelenBradley 2 жыл бұрын
Glad it was helpful!
@yazeed_0o0
@yazeed_0o0 Жыл бұрын
Thank you so much! worked perfectly and your explanation is awesome.
@HelenBradley
@HelenBradley Жыл бұрын
Great to hear!
@hemambikask2484
@hemambikask2484 2 жыл бұрын
Saved my time! Thank you so much
@HelenBradley
@HelenBradley 2 жыл бұрын
Great to hear!
@dinukamadhumal6074
@dinukamadhumal6074 Жыл бұрын
Thank You So Much ✌️❤
@HelenBradley
@HelenBradley Жыл бұрын
You're welcome 😊
@jacobmurphy9928
@jacobmurphy9928 2 жыл бұрын
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
@ghazal150
@ghazal150 Жыл бұрын
That's awesome.. thank you
@HelenBradley
@HelenBradley Жыл бұрын
Glad you liked it!
@flowsbio
@flowsbio 2 жыл бұрын
Thanks for this video!!
@HelenBradley
@HelenBradley 2 жыл бұрын
My pleasure!
@witchmaiden
@witchmaiden 3 жыл бұрын
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.
@StickerBoutiqueInc
@StickerBoutiqueInc 2 жыл бұрын
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?
@mehmethimmetoglu3879
@mehmethimmetoglu3879 3 жыл бұрын
Merhaba Helen paylaşım için teşekkürler. Daireler compound path ile gradyan dolgu verilemezmi acaba?
@HelenBradley
@HelenBradley 3 жыл бұрын
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
@mehmethimmetoglu3879 3 жыл бұрын
@@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
@HelenBradley 3 жыл бұрын
Merhaba Bana yapmak istediğiniz şeyin bir resmini gösterirseniz, size yardımcı olabilirim. Helen@helenbradley.com adresinden bana e-posta gönderebilirsiniz.
@Lor912
@Lor912 Жыл бұрын
Can I make a transparent gradient mask over the gradient color pattern? Cause I try but it doesn't work 2 transparent mask
@igorperic5232
@igorperic5232 3 жыл бұрын
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
@HelenBradley 3 жыл бұрын
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.
@Lor912
@Lor912 Жыл бұрын
I cant understand why my pattern remain opaque
How to Create Seamless Patterns in Illustrator
11:40
Every Tuesday
Рет қаралды 1,2 МЛН
Looks realistic #tiktok
00:22
Анастасия Тарасова
Рет қаралды 106 МЛН
Llegó al techo 😱
00:37
Juan De Dios Pantoja
Рет қаралды 52 МЛН
Summer shower by Secret Vlog
00:17
Secret Vlog
Рет қаралды 8 МЛН
Fastest Way To Make This SMOOTH GRADIENT DESIGN In Illustrator
5:20
Satori Graphics
Рет қаралды 325 М.
Create Halftone Pattern with Dynamic Symbol in Illustrator
10:37
Nobu Design
Рет қаралды 194 М.
Gradient Mesh vs Freeform Gradient - Adobe Illustrator CC Tutorial
13:24
Yes I'm a Designer
Рет қаралды 331 М.
How to make a seamless pattern in Adobe Illustrator
11:56
Cristina Silvia
Рет қаралды 604 М.
How to Add Gradient to Editable Text | Illustrator CC Tutorial
5:11
Pixel & Bracket
Рет қаралды 907 М.
How to Duplicate Objects Around a Circle | Illustrator Tutorial
11:09
Pixel & Bracket
Рет қаралды 1,7 МЛН
How to Create a Pattern Fade in Illustrator + Photoshop
13:01
Every Tuesday
Рет қаралды 63 М.
Create Seamless Background Patterns with Adobe Illustrator CC
9:40
Design Made Simple
Рет қаралды 407 М.
Survival Skills: SIMPLE and USEFUL #bushcraft #camping #outdoors
0:40
Adventure Skills
Рет қаралды 16 МЛН
joga água e pula #funny #funnyvideo #shorts
0:17
Mundo de Alícia e Ana Clara
Рет қаралды 20 МЛН
Когда НИКА пришла к бабушке!
0:21
Привет, Я Ника!
Рет қаралды 9 МЛН
Quem vai assustar mais meninos ou meninas?!😱 #shorts #challenge
0:10
Gabrielmiranda_ofc
Рет қаралды 2,9 МЛН
Бедная бабушка...
0:56
Почему?
Рет қаралды 1,9 МЛН