How to Make Gradient Stroke Overlap & Mix Colors in Adobe Illustrator
Daniel Walter Scott
How to Make Gradient Stroke Overlap & Mix Colors in Adobe Illustrator
Daniel Walter Scott
Lesson Info
25. How to Make Gradient Stroke Overlap & Mix Colors in Adobe Illustrator
Lessons
Class Introduction to Advanced Adobe Illustrator CC
02:35 2Getting Started with Your Adobe Illustrator Advanced Tutorial
01:19 3Trick for Redrawing Hand Drawn Images in Adobe Illustrator CC
03:17 4Curvature Tool vs Pen Tool in Adobe Illustrator CC
10:27 5Advanced Pen Tool Tricks Using Adobe Illustrator CC
08:47 6How to Draw Flowing Curves in Adobe Illustrator with the Width Tool
13:14Mastering Corners with Adobe Illustrator CC Corner Widget Effects
05:27 8The Best Creation Tool in Adobe Illustrator CC the Shape Builder Tool
23:01 9More Shape Builder Goodness
11:02 10Using Live Shape Effects in Adobe Illustrator CC
06:03 11Class Project - Drawing Exercise Using Width, Curvature & Corner Widgets
01:38 12Drawing - Quiz
13Advanced Keyboard Shortcuts for Adobe Illustrator CC
11:05 14Keyboard Shortcuts - Quiz
15Advanced Color Tips & Tricks for Adobe Illustrator CC
15:44 16Using Color Themes in Adobe Illustrator CC
03:02 17How to Color a Real Hand Drawing Using Adobe Illustrator CC
07:07 18How to Use the Color Guide in Adobe Illustrator
02:47 19How to Change All the Colors at Once in Adobe Illustrator Recolour Artwork
04:19 20How to Make Gradients Bend in Adobe Illustrator CC Using Gradient Mesh
13:36 21How to Make Long Shadows in Adobe Illustrator CC
07:15 22How to Blend Images with the Background Colors in Adobe Illustrator Blend Modes
03:26 23How to Make Images Black & White in Illustrator & Mix with Color
07:44 24How Do You Make Anaglyphic Text Using Adobe Illustrator CC
06:12 25How to Make Gradient Stroke Overlap & Mix Colors in Adobe Illustrator
06:39 26How to Create a Duotone Image Effect in Adobe Illustrator CC
07:23 27Advanced Repeating Pattern Swatches in Adobe Illustrator CC
14:16 28Color & Patterns - Quiz
29How to Change The Default Font & Swatches in Adobe Illustrator CC
07:36 30Advanced Workflow Tricks for Adobe Illustrator CC
10:52 31Shortcuts for Aligning & Distributing in Illustrator CC Using Actions
04:28 32How to Proof Colors in Adobe Illustrator CC
01:25 33Adobe Illustrator is Running Slow, How Do I Speed Up Illustrator
09:40 34How Best to Use Illustrator With Other Adobe CC Software
08:13 35Workflow Speed - Quiz
36Advanced Fonts Tricks & Tips in Adobe Illustrator CC
07:52 37How to Put Text Type into the Shape of a Letter in Adobe Illustrator CC
08:40 38How to Use the Touch Type Tool in Adobe Illustrator CC
02:27 39Typography - Quiz
40How to Multiply Strokes to a Path in Adobe Illustrator CC
06:24 41How to Add a Stroke Line Around the Outside of Text or Shapes in Illustrator
03:45 42How to Make Multiple Lines Using Offset Path in Adobe Illustrator CC
09:33 43Introduction to 3D in Adobe Illustrator CC
11:10 44How to Make Semi Flat 3D Icons & UI Design Using Adobe Illustrator CC
15:22 45How to Make the Paper Cut Effect in Adobe Illustrator CC
09:35 46How to Make a Pie Chart Line Graph & Bar Graph in Adobe Illustrator CC
17:38 47Advanced Artboard & Pages Tricks in Adobe Illustrator CC
05:42 48Advanced CC Libraries Adobe Stock and Adobe Market
09:12 49Advanced Image Tricks & Tips in Adobe Illustrator CC
07:22 50How to Distort Bend Shapes & Type in Adobe Illustrator CC
03:39 51How to Make a 3D Ribbon in Adobe Illustrator CC
08:58 52How to Create Lots of Lines that Blend Together in Adobe Illustrator CC
09:24 53How to Make 3D Gradient Lettering Blends in Adobe Illustrator CC
11:25 5449. How to Make a Linocut Effect in Adobe Illustrator CC
08:26 55How to Use the Puppet Warp Tool in Adobe Illustrator CC
09:33 56Transform, Distort & Blend Quiz
57How to Use Adobe Illustrator for Web & UI Design
15:17 58How to Make an Animated GIF Using Adobe Illustrator CC
14:52 59What Next After Your Illustrator Advanced Course
01:07 60Final Quiz
Lesson Info
How to Make Gradient Stroke Overlap & Mix Colors in Adobe Illustrator
Hi in this video we are going to look at more blending modes. We're going to look at gradients along strokes and when they kind of start overlapping and doing fun stuff. We'll also look at jamming a gradient inside type and just so you know okay it's so that you can kind of do this you can see how they start interacting with each other. You can see kind of cool, unexpected colo rs and awesomeness that happening. Alright so that's what we're gonna do in this video. Let's jump in. All right, first up, open up gradient color mixes from your exercise files. This is a mock up. I made this actually an X. D. If you haven't used XD. It's great for prototyping websites or apps. I've got a course on that. Go check that out. But so I made this but I want to add a kind of a flurry of color like you saw on the side here we're gonna use blending modes. Something like X. D. Doesn't have this. So I will end up swapping between X. D. To do all the kind of core stuff like buttons and navigation and stuf...
f and then now to illustrate and do some slightly more advanced kind of things like color blending. More color blending. Yes. Okay and so I'm gonna use the curvature tool to kind of make that first spike click once click again and then kind of make a shape. Okay. Um Now what I would like to do is by default it will probably just have a black line, you might have a film get rid of the film, might be white had no stroke and remember in an earlier to tour you might not have done it but so what we can do is first of all the width tool. Okay, it's this guy here, I'm gonna grab this end and kind of make it and it gives me my nice even kind of pokey pointy thing and next thing I want to add a stroke gradient and that's kind of new for the new version of illustrator. Under strokes. If you're using this particular file, I've got all these gradients already loaded in here for you. If you don't obviously you can use the gradient tool. Okay, it's under window gradients there it is there and make your own but I'm going to yeah click on one of these and decide which one I want to use, no right or wrong. Okay. You might hate these gradients. Now, the one thing with gradients though is if I open up gradient options or go to window gradient. Okay. The applying it to a stroke, you can either go left to right because that's what it's doing or the second one in is what I want. I wanted to kind of like follow the line. This one here goes left to right, following the line, this one goes straight down at following the line. This one here just goes like left to right regardless of whether the stroke goes. Hopefully that makes sense. You can flip it, there's an option there to flip. Okay, deciding on how you want to do it now, all I'm gonna do now for a second is let's speed this up because all I'm gonna do is kind of rotate them and spin them around. So let's go speedy version. Okay, we're back and if you had to watch that in real time, that took me forever, I don't know why I'm just trying to I don't know, it's not flowing right, okay, but you get the idea right? We've got some kind of curves with gradients. I'm going to select all of them at the top here. And basically all we do is we go to the blending mode which is under opacity um and go to normal and just kind of play around with the ones that we like instantly dark. It looks kind of cool. Don't worry about the interaction with this navigation will fix that. But I'm looking for these kind of like joins with things that overlapping and doing cool stuff Now it will depend on the colors that you're using. Okay, so have a work your way through to see what, you know, some cool interactions here. Remember that shortcut command H. Okay, command H just kind of hides all the lines because it's quite hard right to kind of see how they interact with those lines. Their command h just hides all the center bits, make sure you turn it back on. Multiply color. Burn color burns quite nice. Okay I'm not sure about that one. Okay now I'm just messing about and I'm gonna do some cropping. You can skip on to the next video if you like. I'm gonna do some just tidying up when I'm finished. Once I've clicked every single one of these. If you know a shortcut from going through these you know in Photoshop. But in here I can't work it out in illustrator. I have to click on every single one. Alright I'm gonna darken Cool. And a couple of things I want to do is I just want to kind of crop it in and we'll we'll add a gradient to the text as well. So do hang around okay if you've disappeared already. Sorry about that. So I'm gonna grab the rectangle tool, I'm gonna draw a rectangle that's the whole size of the thing. And basically his job I'm gonna hold shift, grab these guys as well. I've got all of them command H to turn those back on command seven to turn it into a clipping mask. Now I'm gonna click on it and send it to the back okay. Behind the navigation. What I'll do for the navigation do I want to behind the navigation if you want it behind the buttons but maybe not the actual bar. What we'll do for the next bar is we'll pick a gradient for you buddy. Come on, You're gonna be that one. No too much. Okay And the same for down here, I drop a tool and what I might do is so strict on this guy, I drop a tool, click on him and into my gradients with him selected fill at the front, flip em over, so he's kind of balanced out. Now what you might want to do is add gradients to text while we're here. Okay, I've outlined this text, it works just as good for a regular type text but I've outlined it because you might not have this font and I'm quite precious about this font and so what I'd like to do is it's museo and or roboto, can't remember. Anyway we're going to add a gradient to it but if you add gradient to either text or like this one kind of outlines of text. Look what happens if I go to fill buddy and I go I want you to be that kind of same gradient, it does it individually. Okay, per thing. Okay. An easy way to get around that is just to go to object um command eight. But if you go to object, where is it? Compound path? There it is there make so you make an object compound path. Make okay, nothing really changes except now when I say give you a gradient it makes life a lot easier. Where are you? Cool. And you can see it kind of goes across all the text rather than kind of starting and stopping all the way through. It might be hard to see because it's quite thin blue at this side that side. Alright, so that's gonna be it for this video. More color blending, I guess. I just want to show you lots of kind of things that happen just with blending modes. So many cool things. Alright, I will see you in the next video.
Class Materials
Ratings and Reviews
Student Work
Related Classes
Graphic Design