High in this video we are going to look at more blending modes.
We're going to look at gradients along strokes and where they can start overlapping and doing fun stuff.
We also look at jamming a gradient inside type and and just so you know it 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 colors and
awesome stuff happening.
All right so that's what we're going to do in this video.
Let's jump in.
All right.
First up open up gradient color mixes from your exercise files.
This is a mockup I made there's actually an x d.
Kev you haven't used x D is great for prototyping Web sites 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 and we're
going to use blending modes something like XTi doesn't have this why you'll end up swapping between
XTi to do that kind of core stuff like buttons and navigation stuff.
And then out to illustrate it do some slightly more advanced color things like color blending more color
blending.
Yes.
OK and so I'm going to use the coach told to kind of make that first spike click once click again and
then kind of make a shape.
OK.
Now what I would like to do is and by default it will probably have a black line you might have a fill.
Get rid of the film be white.
OK and no stroke.
And remember in an earlier to Troy you might not have done it but.
So what we can do is first of all the with two kinds this guy here.
I grab this and kind of make it and it gives me my nice even kind of pokey pointy thing and next thing
I want to add stroke gradient cane is kind of new for a new version of Illustrator under strokes.
If you using this particular file I've got all these great things already loaded in here for you if
you don't he can use the gradient to kids and the window gradients.
There it is there and make your own box.
I'm going to click on one of these.
Decide which one I want to use.
No right or wrong.
OK you might use gradients.
Now the one thing with gradients though is if I open up grading options or go to a window gradient OK
the player to a stroke you can either go left or right because that's what it's doing.
Or the second one and this is what I want I want to kind of like follow the line.
This one he goes left to right.
Following the line.
This one was strict down the following line.
When he just goes like left or right regardless of where the story goes.
Hopefully that makes sense.
You can flip it.
There's an option to flip K deciding on how you want to do it.
Now all I'm going to do now for a second is let's speed this up because all I'm going to do is kind
of rotate them and spin them round.
So let's go speedy version
OK we're back.
And if you had to watch that in real time it took me for ever.
I don't know why I'm just trying to.
No no not flowing right.
OK but you get the idea right.
We get some kind of kids with gradients.
I a select all of them at the top here and basically all we do is we go to the plaining mode OK which
is an opacity and go to normal and just kind of play around with the ones that we like instantly duck
and looks kind of cool and go wherever the interaction with this navigation will fix that.
But I'm looking for these kind of like joins were things that are overlapping and doing cool stuff.
Now it'll depend on the colors that you're using.
OK so have a work your way through to see watch you know some cool interactions here with that shortcut
command h k command H just kind of hides all the lines because it's quite hard to kind of see how they
interact with those lines they just hides all the same bits.
Turn it back on Multiply Culbert Kelvins quite nice.
OK.
We're not sure with that one.
OK.
Now I'm just missing about and I added some cropping.
You can skip onto the next video if you like.
I'm going to do some just tightening up and I'm finished once of clicked every single one of these if
you know a shortcut from going through these I know and Photoshop been here.
I can work it out in Illustrator.
I have to click on every single one
all rights Yodok and Co and I come to things I want to do is I just want to kind of crop it in and will
let you into the text as well.
So do hang around.
OK you have disappeared already.
No sorry about that as I'm going to grab the rectangle toe.
I'm going to draw a rectangle that's the whole size of the thing.
And basically his job.
Going to hold shift grab these guys as well.
Look all of them combined to turn those back on command 7 to turn it into a clipping mask.
Now going to click on it and send it back.
OK.
On the navigation.
What I'll do for the navigation do I want to be on the navigation.
Do you want a behind the buttons but maybe not the actual nav bar.
What would do for the nav bar is we'll pick a greeting for you buddy.
C'mon you're going to be one too much.
OK.
And same for down here.
I go over to and what I might do is stick them this guy drop a tool click on him and into my gradients
with hand-selected fill at the front for most of us he's kind of bounced out.
Now what you might want to do is a gradients to text while we're here.
Of outlined this text works just as good for regular types.
But I've outlined it because you all 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 reporter who can help.
Anyway we're going to add a gradient to it but if you're a gradient to either text or like this one
kind of outlines of text look what happens if I get a feel buddy and I want you to be that kind of same
gradient it does it individually OK per thing.
OK an easy way to get round that is just to go to object and command 8.
But if you're going to object as a combat path there it is there.
So you make an object combat path make nothing really changes except now when I say give you a gradient
it makes life easier.
And you the color coded You can say 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 the side.
Yeah right.
All right so that's going to be it for this video.
More color blending I guess is want to show you lots of kind of things that happened just with blending
modes.
So many cool things.
All right I'll see you in the next video.