Hello every one!
In this tutorial we're going to take a look
at Illustrators default stroke and point fill patterns.
You find those in the Swatch panels.
Let's imagine you have a nice graphic
like this one over here
and you want to hand in you sciency results into publication.
Often you need to have them in black and white, so this is what we're going to do today.
In the process we're also going to take a closer look
at the Pathfinder tool and at the Appearance panel.
We're also going to see how to stack several fills
over each other and also how to adjust them.
So, let's get started.
As always you can download the sample files we're working with today on my website
you find the link in the youtube description.
Here we see our haplotype map
and this looks quite nice, but imagine we need to print this now in black and white.
We have to change all the colors
and you could of cause use (grayscale) gradient for the different tiles in this pie chart
but it's much nicer to use lines and dots
to give them some shading and to make them look different.
Let's take a look at this document.
YOu can see here that we have it organised in different layers
for example all the rivers.
And we can here start with the rivers.
You can click on this symbol to select them
and we change the color to some Gary.
and also the the fill of this lake, we select only the lake.
We change this to a lighter Gary.
Now we can lock this layer.
And we also going to lock the border of this map
because we're not going to change those any more.
If you want to apply a fill pattern
to one of your circles, you can select it
and go to your swatches panel.
If you don't have this panel here you find it under *Windows*
and here *Swatches*
and this should show up if you activate it.
And in here you can just click
on the fill pattern here for example
to apply it to this object.
YOu can also make your own patterns by drawing something over here
and select it and dragging it into the swatches panel.
However with lines and dots
this can be sometimes a little bit difficult and messy
and doesn't give as nice results
as the default swatches that you find already in illustrator.
Let's undo this one here.
And to get to your patterns
you can click on this little symbol to open
the drop down menu of your swatches.
open *Swatch Library* -> *Patterns* -> *Basic graphics*.
And we want to have the dots and the lines.
Let's first open the dots
And you see here
you have different dots that you can choose from.
Now we're going to select
some tiles, we select all the yellow ones.
I hold the shift key so I can select all of them.
And I just click on this one here.
And you see the pattern get's automatically applied
and also it shows up in our Swatches panel.
Let's open up the lines swatch.
We go again to *Patterns* -> *Basic Graphics* -> *Lines*
and here we have our lines swatch.
We going to select the green ones.
Again we hold the shift key, to apply (the fill) to all of them.
And I click on this one
and that's done.
We can close this panel
And I'm just going to give the other tiles a black and a white color.
Let's have this one black and the other one white.
All right this looks already quite nice.
However we do have some problems in here.
I don't like how the lines are spaced out
and also the points here could be a little bit smaller
so also I want to tilt those a little bit.
And also you can see here
the river is shining trough those lines because the fill pattern
is only black strokes with no additional background.
So were going to take care of both of this problems.
Let's start by working on our lines
we again select all of them.
And I can *right click* -> *Transform* -> *Rotate...*
Usually it also has "Transform Objects"
activated, so if I rotate it it will rotate all of my objects
and I enter a 0 here to undo this.
And I just going to unklick this checkbox
And I have only activated "Transform Patterns".
And if you have the preview activated you also see what's happening.
I use the mouse wheel to scroll in here.
And give this line a little turn.
Maybe something like this looks quite nice. I can go on *OK*.
And now I take care of the dots in the same way.
First I select all of them.
Again *right click* -> *Transform*
and this time we're going to use *Scale...*
and in here we make sure we have  only "Transform Pattern" activated
So this is the fill pattern, and if will apply the changes we do in here
only to the fill and not to the object it self.
We can again change the size in here, for example we can choose 80%
and we click on *OK*.
Let's click here, see our result.
And I'm quite happy with this. We can also save this one with *cmd*+*s*.
And now we have to take care
of the lines that are shining trough our circles.
We have now two choices to do this.
I going to show you both
The first choice would be to just put a white circle behind each of this pie diagrams.
Let's do this really quick.
We lock our legend
just that we don't mess anything up, and now we have only the samples.
We can click on this symbol here to select all of them
then we're going to click on *Transform*
and for example *Rotate...*
I (enter) "0°" that I don't have any effects on the objects
you see nothing is changing, and instead of clicking on OK i click on copy.
This will now copy all objects
but keep them in the same place, so I have
them duplicated, but they lies exactly above each other.
Let's undo this.
And the only thing I have to do now is to go to my pathfinder
and merge this circles.
I click on this button.
And you see here I have now only one object
and to make everything a little bit more organised I create a new layer (layer 5)
I click and drag them behind.
So now our original circles are on top
and I will move the border to noting and change the color to white.
And now I can immediately see the effect.
The strokes of our stream
are ling behind these white circles
and if you toggle them of you see the Gray line again.
So this is the first way you can do this.
All right let's take a look at the second method.
With this method you can apply an additional fill to your patterns.
So if we go to the *Windows* -> *Appearance*
we can add an additional fill in here.
So we select all of one kind of these patterns
if I want to select the legend as well I need to unlock it first
and select this one as well.
I go back to my appearance panel
and in here I click add new fill
and I move this down to the bottom.
And I will now change this one
to let's say for example red so you see the effect.
This adds an red background to the fill pattern
but we want in this case to have it white.
So you can add different fill patterns over each other
with this thing right here.
We however need to do the same thing now for our line pattern.
So again select all of them
and click here on add fill
choose white
and put it down in this menu to the bottom.
And now we have basically the same effect
as we had with the method I showed you before.
It kind of depends on your preference which you like most.
Let's again save our map.
And if you now want to print this map
I would also recommend tho save this one as a *svg file.
So it would be this one here.
Because then it would export all your lines as vector files
and it does not get pixilated as it would get if you save it as a picture.
Also in the next tutorial we're going to take care of the little lake over here.
Of cBecause it would be nice to have a little wave pattern in here
to indicate that this one is a lake
and not a Gray area.
We're going to use the new pattern making tool introduced in Illustrator CS6
So if you want to learn how to create your own patterns, just click here on the screen to watch the next video.
I hope you did find this one helpful.
until next time bye bye.
