Adobe Illustrator for Beginners | FREE COURSE

Hi there, my name is Dan Scott, and
I am an Adobe certified instructor for Illustrator here at Envato Tuts+. And together, you and me are gonna
learn the basics of Adobe Illustrator. Now this course is for beginners,
there is no need to have any previous knowledge in Adobe Illustrator, or
design or drawing or illustration. Okay, we're gonna start right at
the beginning and work our way through, step by step. During this course we're gonna work
through practical real-world projects together.

Learning the tips and techniques necessary
to make each of those projects happen. We'll start with the techniques that
you'll need to create just about anything in Illustrator, including custom shapes,
the wonderful shape builder and the simple to us curvature tool. We'll explore lines and brushes. You'll master how to use and
manipulate type. We'll use our new type skills
to make our print flyer.

We'll work through how to create
your own custom logos and icons. I'll show you the sneaky secrets
Illustrator has to discover and use beautiful colors and gradients. You’ll learn how to push, pull,
cut and manipulate artwork like this. We’ll take our drawings and
make repeatable patterns like this. And I’ll easily show you how to redraw
these images in this vector style. Last but not least, we’ll make sure that
you can save and export your print and web documents like a professional. Also throughout the course I
set lots of class exercises so that you can practice all the tips and
tricks and techniques you are learning as
you move through the course. So if you've never opened up Illustrator,
or you have and you struggled a little bit with it.

Follow me and I will show you how to make
beautiful artwork in Adobe Illustrator. All right, to get started what you need to do is
you need to download the exercise file. So there will be a link on this page for
source files. So look for the source files, in there is everything that we work
on together during the course. Plus it has all of the things that
I set for you as class examples. So at the end of a lot of the videos,
I kind of said some not homework, fun things to practice
the skills you're learning. And when you finish those
practice lessons, not homework, I'd love to see them. So there's a couple of
ways of sharing them. One is in the forum here on Envato Tuts+. So if you go to the forum and search for
Adobe Illustrator for beginners, okay, and you'll be able to
post your exercises in there.

The other thing you can do
is tag us on social media. So post your examples on Twitter. We have two things,
we are @TutsPlusDesign and also personally I am @danlovesadobe,
so tag both of us. On Instagram it's bringyourownlaptop. Okay, so yeah, share what you've done,
share with the world. Make sure you tag us so
we can comment and look at it as well. The other thing to do is, or
the next thing we need to do, is we need to go through and just get
our computers all looking the same, so yours looks like mine.

And we're gonna reset the workspace, and
make sure we got the right units, and increments, and
that sort of stuff to get started. So let's jump into the computer now and
sort that out. First up, let's open up a file so
that we can get our workspace similar, so your version of Illustrator
looks the same as mine. Because the trouble sometimes with this
first start screen here is it can be different for everybody.

So let's go to File and let's go to Open. Now what you wanna to do is you wanna find
the Exercise Files you've downloaded. Here they are here,
Exercise Files Illustrator. And in here I want you to find
the file called Getting Started, and then click the Open button. All right, so the first thing we need to
do is we need to reset our workspace, just so that we're all looking the same. And we can do it along the top here. There's this little app bar, okay, and yours might say something
different in here. But drop this down, and what you want to
do is you want to click on Essentials. You want to see if there's a tick
next to it, so click on it. And the second thing you want to do is
come down to that exact same menu and go to Reset Essentials. And that will just put it back
to kind of a default setting.

Now if yours still looks different, it might be that you're using
an earlier version of Illustrator. And what that's going to mean for you is
that you can continue along with this course, say, 90% of the course is
going to be still fine for you. What you are going to have a little bit of
trouble with is finding out where some of these menus are, because they have
moved around just a tiny bit. What I mean by that, if I grab my Type
tool and I click and I start typing. You can see over here it automatically
says, here's my Character panel, and there's my Font and Font Sizes. This Properties panel did not exist
in earlier versions of Illustrator. Super handy, I love it. But in earlier versions what you're
gonna have to do is when looking at this Character panel or
things in this appearance. What you're gonna have to do is go up
to Window, and open them separately. This is how older versions worked. If I go down to Type,
there's Character, okay? So it's the same panel, can you see? He matches him, but
he's just in a separate little window.

So that's going to be a fun game
if you're using, say, CS6 or CS5. But don't worry, you can continue
on with most of this course. So just make sure you have it set to
Essentials and that you've reset them. Next thing, let's look at the units and
increments. Let's change the units you're using. What you need to do is
have nothing selected. The best way to have nothing
selected is grab your black arrow, the Selection tool here. And just click off in this grey area here,
just so that nothing is selected. Watch when I select on something,
this Properties panel changes. But when I click on the background here,
into kinda no-man's-land, it gives me kind of general
overall settings for the document. In this case,
it's currently set to centimeters, okay? I'm gonna change mine, and
work in inches in this course.

But let's say we're working,
say, with some web or a UI design work in Illustrator. You can click on pixels,
it doesn't really matter, but this is the place to change it. It's in a slightly different place than
say, a lot of the other Adobe products like Photoshop or InDesign where it's
kind of done in the Preferences. So that's just something to note here,
we're gonna pick inches. One last thing we'd do before
we move onto start making things is just some basic navigation. We'll cover a lot more during the course,
but zooming in and out and moving around is quite important. So there is a long way, you can use this,
see this little magnifying glass here? The zoom tool, click on that.

And you click once, click twice,
okay, and it just keeps zooming in. To zoom out, you can hold down the Option
key on a Mac, or the Alt key on a PC. So look down at your keyboard. If you're using a Mac,
it's the Option key. If you're a PC, it's the Alt key, and you can see the little icon
changes from a plus to a minus. And then I just click again with my left
mouse button, okay, and it just zooms out. So that's the long way. What you'll find is I'm not gonna cover
too many shortcuts really early on. But the one everyone uses to zoom in and
out is, on a Mac, hold down your Cmd key and tap plus.

If you're on a PC,
hold down the Ctrl key and tap plus. Okay, so plus is just up in your numbers,
kinda along the top of your keyboard, there's a plus and a minus. So minus zooms out, plus zooms in. One last little bit of
navigation is to move around, say I want to see kinda
down a bit further. See these little sliders on the side here,
okay, it'll look a little different on a PC. But there'll be a little kind of a slider
bar that you can go up and down. Same with down at the bottom here,
you can go left and right. Okay, that is the long painful way. That is fine when you're new,
you can do that way.

But let's do one last little shortcut,
is if you hold down the space bar. Can you see at the moment
I'm on my selection tool? Okay but if I hold space bar down,
look at the icon that changes. It becomes a little hand. Okay so space bar down, becomes a little
hand, and that just means click, hold, and drag. Okay, so space bar down, clicking
the mouse, and just dragging it around. All right, that's it for the boring
navigation stuff in Illustrator. I'll remind you of those shortcuts
throughout the course, so don't worry. But now, boring stuff over, let's get
into the super exciting world of creating things in Illustrator using shapes and
lines. All right, I'll see you in the next video. Hi there.
In this video, we are going to set up our documents
that we can start redrawing this cute little sheriff penguin
using all our shapes. We're gonna create a new document, show
you how to bring in and use layers to lock this pencil drawing in the background so
that we can redraw over the top of it. All right, let's get started.

All right, first thing we're gonna do is
we're gonna create a new document to draw our penguin on. Let's go to File, let's go to New. Now in here we've got a bunch of pre-sets,
okay. Along the top here you've got like if
you wanted to design a mobile phone, kind of a website. We're gonna start with print, okay. And in here we're gonna pick letter, and along here we're gonna
change our units to inches. We're gonna make it landscape, and what you'll find is yours is probably
twirled up down at the bottom here. See where it says advanced options,
click on that word and this little extra option opens up, okay? And we'll change our color mode to RGB.

And we're not gonna cover the full
differences between RGB and CMYK. But, just so you know, if you're new,
RGB gives you a bigger color field, okay? More richer colors. CMYK is a little bit more washed out. But if you're gonna eventually
become a commercial illustrator or commercial designer using illustrator. You probably need to research a little
bit more the differences between the two. But the short version is just use IGB,
even if you go into commercial print, printers have some amazing
software to convert it to IGB, which they need and
often it can give you a better result. So RGB, perfect for
pretty much all circumstances these days.

Let's click create, all right. Next thing we gotta do
is save our document. So next up let's go to File and
let's Save our document. And what I want to do is,
now if you're on a Mac, like I am, okay. You might have to click this little
arrow to see a few more of the options here, okay. If you're on a PC, things are very
similar but a little different, okay? Now, depending on your ability you
might just save onto this top and just leave it at that. What I'm gonna do is be very organize and
click on New Folder. And I'm gonna put it into files. Okay, I'm gonna put a folder coolest one,
my penguin.

I'm not sure if that's how you spell
penguin, looks good enough for me. If you're on a PC it's slightly different,
I think there's just an icon along the top here, that says New Folder,
hover above them. Create a new folder called class files,
name our document penguin, and let's click Save. Okay, these Illustrator options, just
leave them all by default and click OK. So, to get started, what we've got is,
I've drawn, hand drawn a penguin, and we're gonna redraw over the top of it, and
that's a really common way that I work, and a lot of illustrators work. Is that it's easier to draw in my
notebook, take a photo of it or rescan. And actually just draw on
top of it in illustrator. So how everyone works? You can go straight into illustrator but
it's gonna give us at least template to draw over the top of,
just to make it a bit easier for us now.

So to make that happen,
let's go to File and let's go to Place. Place is the word,
it's interchangeable with import. Illustrator likes to call it Place,
though, so File, Place, we'll bring in our image. Let's find the exercise files
that you've downloaded, and in there should be one called penguin.jpg. Now, before you click Place, what we're
gonna do is click on this word Template. I'll show you what it does. Let's make sure a template is clicked,
let's cut and place, and what ends up happening is, with my black
arrow, if I click off in the background.

Can you see?
I can't move this image. So what it does is, it brings it in,
it puts it on its own layer. It locks that layer and
dims it down a little bit, so it's easier to draw over the top of. And mines put in the middle
of this document. Yours is probably off to
the side here a little bit. So, let's look at unlocking that layer and
moving it around. So, up here in your layers panel. Layer one is where we're
gonna do our drawing. This layer, here, called Template,
you can kinda see Template Penguin. What it's done is, it's created a layer,
and has locked it, okay? So it means I can't move it around,
which is super handy. But let's say I wanna move
it over a little bit, let's click on the locking icon. Click on this now, and now, okay.

Just using my black arrow. Just clicking and
dragging the center anywhere, okay? Now it's unlocked, okay? So I hope you can see the benefits
of using the template. I can lock it again now,
we're back to my layer one, okay? Make sure it is highlighted, and
I can do my drawing on that layer. And this helpful little liar is just
underneath dimmed down a little bit. The capacity is down a little bit and
it's locked making it easier to draw. All right, that's it for setting up
our document, just getting ready for drawing over the top of.

What we'll do in the next video is that
we'll start drawing with our shapes, okay. Lines and rectangles to make
our cute little penguin. That, for some unknown reason,
is a sheriff. Mainly because I needed to
show you how to draw a star. But let's do that in the next video. Hi there, in this video we're going
to redraw this pencil penguin, okay? Over the top, using shapes and
lines, using illustrator, we'll turn them off and yeah.

[LAUGH] Short little squat penguin. Look at how happy he is. All right, let's get started. All right to get started,
what we're gonna do is we're gonna grab. Our rectangle tool over
here in my toolbar. If you can't see the rectangle tool,
it might be that if you click and hold this kind of where
this option might be, it might be set to something
like the ellipse tool. And to change that back to the rectangle
tool, all you do is click, hold, hold, hold, hold, hold,
until these options appear, and then just click on the rectangle tool.

Also to get started, just make
sure you're on your layers panel, and make sure you're on layer one. In your Properties panel, I wanna make sure we're gonna
change our fill and stroke. The fill is the center
color of our rectangle and the stroke is the line around the outside. So what you do is you click
on this first little icon. Doesn't matter what color it is currently. Pick a random color. Okay, cause we're gonna
change it in a second but I just wanted you to get used to it. Then you can click back on
this icon to close it back up. And then the stroke, click on this. And just make sure it's set to black. Then you don't actually have to click back
on this, you can just click anywhere and it closes back down. And I wanna make sure that
the stroke is set to one point okay? It's just a nice thin line
that goes around the outside.

So let's draw a random rectangle,
don't worry if it doesn't kinda line up, we're gonna use it for
the body of our penguin. So you can see the fill
is the center color, and the stroke is the line around the outside. What you might see is kinda like
faint blue line or red line, depending on your computer. But it means,
it just means it's got selected. So if we go back black arrow,
this is your kind of like safety tool. Always go back to your black arrow
if you're not too sure what to do. You got all this selection. Just go back to the black arrow. It's the one you're gonna use the most. And what you can do is click
in the background here. So I just clicked once and
it deselected our rectangle.

You can see the stroker on
the outside a lot clearer. So it just goes blue
when we have it selected. So what I like to do is, I like to
keep the black line but not the fill. To do it, you have to have it selected, so black arrow,
click it in the middle, anywhere. And over here, click on fill, and to have
none, see this little red line here? If you hover above it, it tells you,
but that means I want nothing in there, please. And I'm just gonna click in the background
to close that little fill panel. Great, so I've got a line
around the outside but no fill. And what you'll notice is it's
a little bit different to select.

So I click in the background now. What happens is if I try to click the
center, you can see it just doesn't work like it did when it was filled with green,
cause there is not center now. So if I want to select this rectangle now,
I have to click the edge ones. So black arrow, click the edge and
it should be selected.

Now what I'd like to do is using
these white squares, okay? I just want you to resize it, okay, so that it kinda matches the edges
of our little penguin here. All right, not very exciting. Let's get into the slightly more exciting
when we start looking at the corners. So black arrow,
make sure the edge of it's selected, you see these little targets in the
corners, these are called corner options. And all they do is click, hold,
and drag it with your mouse, just drag it towards
the center of the rectangle.

[NOISE] So it's making all
the corners not surrounded. Okay, so that's kind of what I want. It's got the top and not the bottom. Okay, so what we're gonna do is we're
gonna use this thing called Edit, we're gonna use Undo. It just goes back one step, okay,
undo it, undo what you did. And it keeps going back. You can Keep hitting Undo right back
to the beginning of the document. You can also Redo it.

Now, I'm gonna use the shortcuts
throughout this course, because it's a really common thing to do,
go to Undo. And on my Mac it's Cmd+Z,
on a PC it should be Ctrl+Z, and we can just got to the long way,
it's fine. What I'd like to do is I would like to
have just one of the corners selected. So look at this little icon here,
take note of the color. I'll click it once, you can see
it's kinda changed, it's inverted. So it's kinda selected when
the other ones are not. What I mean by that is if you click and
drag that one now, okay? So you click it once and
then click and drag it. You can see just to fix that one. I can do the same here, click it once,
it goes to the alternate color. Now, click and drag and them, okay. I can kinda just work with
these individual corners. Now, my radius is a little bit
different on both sides, so what I'd like to do is go to Edit > Undo,
Edit > Undo again.

So it's back to being a square, and I'm
gonna show you how to click both of them. So you click the first one,
like we did before, just click it once with a black arrow. But if you hold your Shift
key down on your keyboard, Shift key is gonna play a pretty
big part in Illustrator, okay? So hold down Shift,
click on the second one, and it means that I can select
more than one at a time. So these at the bottom aren't selected,
these guys at the top. If I click one of them,
click hold, drag it. They both come off the right,
now I know they match. And a last minute change to my design,
I'm gonna click this bottom one once, and just tuck it up. I want it to have like
a little penguin belly. [LAUGH] He was a bit stumpy before,
he's still stumpy. But anyway,
you don't have to follow exactly. So we learned what fill in stroke is.

Stroke is around the outside,
fill is in the middle, and we looked at these corner options. Let's start building some other parts. Let's draw the circle for
his kind of eye there. So I click, hold,
keeping holding down your mouse, and then release on this Ellipse tool. So with the Ellipse tool, what we're
gonna do is click and drag over here. And what you'll notice is,
I can click and drag any sort of size. So that's fine, cut any sort of weed size. Gonna undo a few times, what I'd like to
do is I want it to be a perfect circle, ok, shift is a,
really kind of usable tool. So if I start dragging out, if I hold
on to the shift key while I'm doing it, you can see it locks in the height and
width, and that's true with rectangles or stars, polygons, circles, okay? So I'm gonna get it to
roughly the right size.

I'm gonna grab my black arrow. I'm gonna click either the edge, or if
you can see this dot here, grab the dot, okay, that will center. If you got it the wrong size, okay,
say it's just still too big, and you try to line it up and you're like,
[SOUND] it's kinda close. But what you can do is you can resize it. Just like we did before is that I can grab
any of these little guys in the corner. The trouble with resizing it this way is, you can see I'm kinda
distorting the shape. So what I wanna do is, before I do it,
so I've undone a couple of times, is if I hold the Shift key and
grab any of the corners, doesn't matter which corner it is, okay.

It will lock the height and width like
we did when we created the circle, okay? So holding Shift just
kinda locks the height and width until I get to the right size and
my circle is not perfect, okay? So don't worry too much about it. Another thing you can do here is if you're
finding that you're trying to line it out and it's like jumping all around, okay. Get a close where you want it and
then with your keyboard, start with my black arrow. Look down on the keyboard,
you've got your up down and left right. Your cases. I'm just using my case hierarchies just
to kind of tap it around the little bit.

Okay, little bit left, little bit up. That often can be a nicer way to just kind
of do fine adjustment in illustrator. All right,
let's do this little upside down curve and makes him the happy
content [LAUGH] penguin. Anybody seen Penghu? Anyway, he's my inspiration for this one. So what we wanna do is,
I could draw a curve. There's lots of ways of doing curves.

This is really easy way, though,
is if you click and hold down. So hold down the Line Segment tool,
there's an Octal, okay. So with the Octal,
just draw anywhere out here. Doesn't really matter too much which
way it goes cuz we can rotate it. So do it so it's kind of a nice curve-ish. What I'd like to do is go
back to my black arrow. Remember, this is our
default go back to it tool. And it does so many things. We use it to resize
the circle a second ago. We can also use it to rotate. Now, what we need to do is,
we need to zoom in a little bit. So who remembers what the shortcut was? You remember, right? It's Cmd+ on a Mac, or Ctrl+ on a PC. So let's zoom in a little bit. I'm going to show you why in a second.

And to rotate this thing,
we need to be in a kind of special zone. So when we're resizing it before remember
we held Shift, and we drag this up and down to make it kinda bigger and smaller. The rotation is very close,
so clicking in the corner and dragging resizes it but
just as we figure out, and then this kind of like, so
too close, no, perfect, too far. Perfect. This is kind of like every corner has
this kind of like rotation zone in it. You wiggle with your mouse around and
hopefully find it. You're looking for
that kind of bent arrow. And if you click hold and drag there,
just click hold, drag your mouse, it'll stop moving it around, okay. And just kind of find it again,
drag it around and so it's kind of, a curve that you could use for an eye.

Now, I wanna move down a little bit. I could use these little sliders,
they're fine. What's the shortcut? You remember, spacebar,
click, hold, and drag, okay? And just move it down,
and mine's way to big, so I'm holding Shift,
just kind of rotating it around a bit. Don't worry if it's not the right,
perfect curve, we're gonna show you different ways of doing it in a second but
eh, that's close enough. Drag it down in the corner using my
arrow keys just to line it up perfectly. So to join nice, good-looking curves,
you can use the actle.

You can rotate it by that little special
area, kinda just outside the scaling part. Just out a bit further, that's rotation. Next thing, we'll look at is,
we'll look at the stroke. This stroke, if I click off in
the background, it's pretty thin, I want to kinda be nice and
thick in the inside here, cuz it's a bit more of a design feature. So I'm gonna select once with black arrow,
and over here, okay, where it says stroke,
I'm going to use this little up arrow. You can drop this down and pick one,
or you can just use the up arrow, just a click and pick a size. I'm gonna pick 4 point, for no good
reason, just looks thick enough, and that looks fine.

I'm gonna click off in the background. And I've got this kind of like
rainbow kind of shaped thing. What I'd like it to do is I'm gonna
eventually round all these corners. Just the thing I'm going for. So what I'm gonna do is I'm
gonna show you a little trick. You click on the stroke here,
we're gonna look at what's called capping.

Capping is the end here. Can you see that it's a straight line? I would like it to be like
a little bulbous end, okay? So I'm gonna click on it once. Over here, our stroke,
we don't have many options, right? We have color and we have the size of it,
but if you click on the word, Stroke, ta da. There's all sorts of nerdy stuff in there,
okay. So what we're gonna do in this case is,
it's called the capping, the unfortunately named butt cap, and
then there's a second one the, round cap. Click on that,
you'll keep straight face, right? Okay, the second one, round cap,
is kind of what we want, right? It's kind of this nice,
more gentle end on it, okay? This one here, the last one, I don't
use projecting cap, I kind of just, the butt cap, there's a projecting cap.

You can kinda see what it does,
it puts it like a square on the outside. I can use the round cap. That can really help your later on
when you're working with Illustrator, you've got some really,
like ugly edges or ends of strokes. Just switch into rounded cap can
like finish them off nicely. We'll look at stroke a little bit more
in another video, but that's it for now, let's click off in the background,
click off. Happy, smiley, content penguin. All right, next up,
we'll do some triangles.

So I wanna do the beak,
I wanna do the flipper. [LAUGH] Is it wing? I don't know, penguins, and his tail. So they're all kind of
triangles with rounded edges. So to do a triangle, is you hold down
the Ellipse Tool, the Rectangle Tool, and you gotta move to this one
called the Polygon Tool. So a triangle is essentially a polygon,
just a three-sided one. By default, you're gonna get a pentagon? I don't know. I'm not sure what that one is, but I'm gonna delete it using my
Delete key on my keyboard.

What I wanna do is just click
once instead of dragging out, and it gives you the polygon options. So I've got the polygon tool selected,
and I just click once on my screen. It gives you some options
before you start drawing, and I'm gonna pick three sides, please. Not gonna worry about the radius for the
moment, I'm gonna resize it once I'm done.

So three sides, click OK, and
I get this kind of giant triangle. So first up, let's resize it and rotate
it, so I'm gonna use my black arrow, make sure it's selected by
clicking the edge of it. I'm gonna make sure it has no fill,
make sure it has a black stroke, and I'm not too worried about
the size of it just yet. So to resize it and rotate it,
resizing, remember is just grabbing this corner a bit here and
just getting it down to a size. Rotating it is that magical
area around the outside. Now, what you might wanna do is,
at the moment, when you're rotating, it just kinda goes around
in random degrees.

If you hold Shift,
remember that magical tool? Okay, hold down the Shift key on your
keyboard, and you start rotating it, okay, you see it does it in
45 degree increments. You might want your nose
to be that sort of shape. So clicking either the center or
the edge, move it around, get into position, resize it,
rotate it around until you've got a nose. It doesn't have to be the same as my nose. I wanted mine to be flat on the bottom,
so I'm gonna try and rotate it using the magical rotation. Make sure it's big enough. Get it to overlap quite a bit
in the back here, okay. I'll show you one in a second. Arrow keys just to have it down,
triangle's overlapped a bit more. Why?
Because I wanna change the kind of the roundness on the end, okay. So I'm gonna grab this little corner
option, a little tug it in and drag it in. Make it a little bit bigger,
drag that corner in, and you can see that done it to all sides.

You could do our secret trick, remember,
when you click on it once, and just do it individually, but it's a little
bit easier just to hide these in here. We're gonna make both the nose black and
and his little body black. So we wanna reuse this,
I'm gonna have it selected, okay. Hold my beak there,
I'm gonna edit, Copy, Edit, Paste, okay, and
I'm gonna put this down here. Missing about that,
looks like a good flipper to me. Copy and Paste it again. I am going to rotate it around. I just used Command + C and
Command + V on a Mac. You can use Control + C and
Control + V on a PC. There we go. Now, you'll notice, I'm trying to
line it up in the bottom here.

It does some clever stuff where it
tries to like automatically line up. If yours is not doing that,
it's called Smart Guides. Go on View, and
you can see my Smart Guides is turned on. It's got a check next to it, okay. It just means it tries to align
things up automatically for you, and it's super handy. It can also be a bit of a pain, as well. So you can go to View and to uncheck it,
if you're not liking, like jumping around, lining up stuff. Some people don't. All right,
the last thing I'm gonna do is his body. Should've done that earlier, okay. When we had the Rectangle Tool, and I
grab the Rectangle Tool, I'm gonna hover, you can kinda see it says Path, that just means I'm just going to start
bang on the edge of his body here.

It's really handy,
it's one of those Smart Guides, okay. I'm gonna say, click, hold, and drag. I've got my rectangle. Don't worry to much about
the stroke around the outside. Remember black arrow, I'm gonna grab this,
click once, drag him down to match. And same with this one, I'm going to
click him and drag him up to match my, that's probably why it didn't
do the little belly earlier on.

I'm just adding more,
kind of things that could go wrong for us. So I'm gonna try to line it up. Actually, I'm gonna bring it,
yeah, here you go, perfect. [LAUGH] That's why it didn't do it. So we've got the body,
let's do the feet as well. So I'm gonna do the foot
with the Rectangle Tool, grab just that corner with my black arrow. I don't actually have to go with my black
arrow, it's just a good habit to get into. Click on it once, drag it down, what
I'm gonna do is copy and paste them, so Command + C and Command + V, two of them. And I try to them line them up. It's pretty good at lining, I'm not
depending in which corner you grab it. So notice that if I grab the center here,
it intersects, very good, nice. He's got two little feet at the bottom. All right, let's look at the couple
the other drawing tools. We're gonna use just the regular,
old straight line, okay, the Line Segment Tool.

It had some fancy word for
just drawing a line. And all you do is click,
hold, and drag, okay. Click, hold, and drag. Those are two little,
I'm not even sure what they are, little feathers out the back of his head? But what I'd like to do as well is
change the width of this, okay? I'm gonna match, maybe, this. Remember it was four point,
I think, that we used for that? And we changed the capping, okay. So what I wanna do is do
both at the same time. So what I'm gonna do is go to edit undo. It was kind of back to
the same shape it was. So like we did with the corner options,
we can select more than one at a time and it's that same key.

So I have my black arrow, I have the first
one selected, then I hold down shift and click in the middle of the second one. So I have both of them
selected at the same time. Now over here in stroke I'm gonna say
I'd like you to be four point, and under stroke I'd like to change
from that one to that one. All right let's look at the last, well last kind of new thing
that I want to show you. We'll draw the rectangles and
stuff for the water and the weeds, but this one here where he get a sheriff
badge is [LAUGH] only purely so I could show you how to draw a star and
a polygon. And you know how to draw
a polygon probably. Okay, click hold, the rectangle tool,
we saw it before, polygon. And it remembers the last setting,
so the last time we used it, we said be three sides, so
it's kinda defaulting to that now.

So what we're gonna do is,
remember, just click once out here, put it back to what it was,
which was five sides. Click okay, and
we get our pentagon, I think. Octagon, no, pentagon. I wanna lock in pentagon, okay? And I magically got mine the right size. If you don't remember, grab the edges
here, hold down Shift while you're dragging those edges,
it will lock the height and width. And just kinda move it in
by grabbing the edges. Okay here we go, if it's the wrong
fill and the wrong stroke, with it selected you can go and change
the fill to none, and the stroke there. Let's do our star, so the star is there,
is an actual star tool, so click and hold down this little kind of shape group,
and grab the star tool. And if you click, hold and drag out,
you'll get just a regular star. To adjust the star,
you're gonna undo it, click once, and you can decide on how many points
it has and how pointy they are. Just to mess around with the radiuses to
experiment with it, it's hard to describe.

But my one's fine the way it was I'm
gonna leave everything by itself. I'm gonna cancel, and just draw the star. Now to lock it into a perfect kind of
horizontal and vertical, hold Shift, remember that magical tool. When in doubt, probably hold down Shift. Grab the black arrow. Click, hold, and drag. Get it close. Hold down Shift grab on to the corners,
drag it out. We're getting good at this, alright. What I'd like to do is make sure all the, it will try its very best
to align these perfectly. Okay if you're like I know
it's not aligned perfectly, so what you can do is select both of them. Remember our trick,
have the star selected? Which key do you hold down? That's right, Shift key,
click the center of this pentagon, and what you'll see over the side here is
that you've got your align option. So I wanna make sure they're
aligned horizontally center, and vertically center, and
they are perfect already. I'm gonna move mine off hold Shift grab
both of them just to show you what it actually does.

Now the r perfectly centered so
I'm just gonna mine way off so it makes it more clear
of what we're doing. So I'm gonna make sure it's horizontally
center and vertically center. Can never remember which is which so
I just click both. All right so what I'm gonna do is I'm
gonna drag it I've got them both selected. And I'll hold down Shift key,
I want them to be a lot smaller. So Space bar to move her along,
grab one of the edges, hold down Shift, to get it to a kind of I don't know,
sheriff badge size. All right, the last couple of things we're
gonna do is I'm gonna zoom out a little bit so I can put in. That is meant to be the ground and
that is meant to be the water, if you weren't sure. I'm going to grab my rectangle tool. I'm gonna click, hold, and drag, and
I'm gonna get close to this edge.

And it's gonna, [SOUND],
it happens all the time. Where you kind of just get close to it,
and Illustrator kind of you get lost this way. So I've got this giant rectangle. To get back, okay, we can go to View and just go to the one that
says Fit All in Window. It kind of gets you back to home base. Command zero on your keyboard, okay. On a MAC, or control zero on your keyboard is a really
common shortcut, to do the same thing. Otherwise, let's go to View and go to
one that says Fit outward to window or fit all to window.

Okay, we'll get back to here. I'm gonna delete with my keyboard. We'll go to undo to get rid
of the giant rectangle. I'm gonna draw one that
kind of goes just here. Other one. [SOUND] And I'm gonna draw in my circles. And I'm gonna cheat a little
bit with the circles. I'm gonna draw a circle. Zoom in a little bit. I'm gonna copy and
paste it instead of drawing lots of them. And resize them That's not even cheating. It takes just as long. Maybe even just easier drawing them. Holding Shift maybe to
get a perfect circle. Yeah okay that first way is easier.

All right, next thing I'm gonna do is
I'm gonna add some color, well actually, forgot the tuft of grass. I'm just gonna use my above the Act tool,
there you go Act tool. There's gonna be a bit of
rotation going on so, maybe not. That'll do. [LAUGH] Beautiful. All right, we're gonna come back and look
at strokes in a bit more detail to maybe give these a little bit more prettiness
but for the moment that's gonna do for me. What I'd like to do is add some fill
colors cuz at the moment you use I don't know, weird shapes and sizes,
so I'm gonna fill work our way through, adding fills, messing with strokes,
resizing strokes, grouping, arranging and we'll do
all of that in the very next video.

All right I'll see you then. Hi there, this video we're going to
take our drawing from the last video and do this to it. We're going to color him in, but
along the way we're going to use grouping, arranging. What isolation mode is? All sorts of fun stuff, lets get started. All right, let's look at grouping,
arranging, we're also gonna color them in. If that sounds real simple, hang around
cuz there's things like isolation mode that you really need to
understand before moving on. All right, so first up,
let's turn off our trace layer, okay? It was useful for getting us here,
but we don't need it anymore.

So under your layers panel,
let's just turn the eyeball off, or this little icon here. The first icon in the Layers panel,
we don't need it anymore. You can click on it and hit the trash
can way down the bottom here and that will just get rid of it. And I'm just gonna leave mine there,
I'm gonna undo, just turn it off. So let's first of all look at grouping and
then isolation modes. So I'm zooming in,
I want to do a couple things. I want to grab my pentagon and
I want to give it a black fill. So I'm going to click on fill,
make it black. And I'm going to get the stroke and
none color. We have a small problem,
as there now star. You can see if I use my black arrow,
I can just hover above and eventually, find my star by just clicking the little
blue line that appears, it's there. But because it's black on black and
it has no center, it can't be seen.

So let's have a look at fixing that. So, stroke, I don't want any stroke on it. And the fill,
I would like this option here for white. Cool, so I wanna group these two. So I need to select both of them,
sometimes you can't click both. I'm gonna zoom in just a little bit. Makes it a little easier to
click individual items when they are really close. So I clicked on my pentagon, okay? I'm gonna hold shift,
and click on my star. So, I've got them both selected. So, what I want to do is group them,
so that they kind of stick together.

Okay, so I can go up to Object and
go to this one that says Group, there it is at the top. All that means now,
is if I click off in the background and I click back on just either one of them,
they’re both kinda connected. It’s not forever, okay,
I can go to select and go to Ungroup, and that will separate them up again. But that’s how to group them,
grouping is handy. One thing you will run into is
something called isolation mode and this is where most people
get lost in Illustrator.

The people that I teach quite
a few then add double clickers, they love double clicking stuff. [LAUGH] What happens is, I don't know. We know from lots of programs,
you're gonna double click things but if you double click in illustrator,
everything goes wrong. So if I double click a star,
double click, okay. What happens is the background greys out
and I can still work on these guys, but I can't work on the background anymore. All that's happened is you've entered
something called isolation mode. And the way to really tell is at
the top here, can you see this thing, this gray bar here didn't appear before. I'm gonna go back out of it
by clicking this arrow twice. Okay, so I'm back out of it, it'll appear
up here, I'll move so it's easier to see. If I double click on this,
this little bar appears and everything else that's not in
that group is kinda blanked out. Why do we have it? It's mainly to confuse everybody
that I'm teaching, but it actually has a really good use.

It means that when I'm back outta here,
so I've got these things together. But I wanna kind of move them, I want the star in a different
position to the pentagon. So, instead of going to Ungroup and then
moving around and then regrouping them. What you can do,
is just double clicking them. And think of it as going inside that
group, we've kind of dived inside. Everything else is grayed out, it's not
important, now we're inside this group.

Okay, now these guys are separate again. So I can go actually, I want my
star to be, I don't know why, but you want it down there. And what it means is, I can click this
arrow to go back to layer one and then all the way out to
exit isolation mode. Just keep smashing away at that
little arrow untill it goes away. And now, there's still a group, okay? But you were able to dive inside and
change it. So I'm gonna dive inside again, grab it,
stick it back roughly in the middle, roughly enough.

We're gonna stick both of them and
arrange them. And again, you can keep clicking
on the arrow to go back, or double click the background. That kind of jumps you out like
bit of a quicker shortcut. So if you ever get lost and think ike man,
that thing's not working, it's not locked. And from inside of here, you can see
a lot of these things don't work, these menu items, their all grayed out.

Because we're in this kind of like
special world isolation mode. Double click the background to come out,
everything will come back to normal. So if you're lost, click the arrow or
double click the background and you can come out. Hopefully you can see
the use of isolation mode. Let's look at another things, so I'm gonna
work on both of these little thing here, and I'll click on this. We're gonna put the edges
member of this foot. I'm gonna click fill, I'm gonna pick
an orange, just randomly from in here. And I'm gonna have stroke of, none. I'm gonna click this fella, this other
foot, and I'm gonna do the same thing. I'm gonna make it slightly darker orange,
okay? And I'm going to have a stroke of, none. Now, the trouble is is that this one that
I kind of want at the back is in front of my front foot. Just because I, I drew him last, okay? But if you draw ends up on
top of the last things.

So what I can do is I can select them,
I can go to Arrange, and I can go to Send to back. And there you go,
that's how to arrange things. And we're gonna do lots of arranging now. We're gonna get the layer order all right. You can use layers but in Illustrator,
unlike something like Photoshop, you generally only have one
layer that you work on. You can add more but because these
are all kind of individual vector objects Illustrator, allows you just to kind of
arrange them and bring them to the front. If you want this guy at the front now,
I can click on Arrange and say bring to the front,
Arrange and Send it Back.

One other really useful thing
to know before we go through and start coloring stuff is that, watch this. If I grab my penguin,
I'm just grabbing all of the penguin bits. Okay, so I've just dragged a box
instead of holding shift, okay? And shift clicking it all,
that would work, okay? It'll be there for a long time. What you can do with your black
arrow is just click, hold, and drag a box kinda roughly around.

Can you see I haven't colored the feet? Cuz I don't want that rectangle at
the bottom, which is my ground. I'm gonna go just above there, and because I've overlapped those last little
objects it should select them all. That's one way of doing it. What I'd like you to do is, by default I can't exactly
remember whether it's on or off. I'm gonna show you both ways. So, what I'm gonna do is,
I'm gonna scale this down. So I've got everything selected. I'm gonna hold my shift, so it scales
it proportionally, grab the corner. I'm gonna scale it right down to my
teeny tiny version of my penguin. Something weird happens, [LAUGH] right? All of the stokes are, they don't
scale down proportionally, okay? That is still like a nice solid,
where is my eye in the middle? Remember we made him four point,
he is still four point, so I'm gonna undo. So there's gonna be times when you need
that to scale down, where you want these strokes just to remain the exact
size you told them to do be.

So ,to do that let's click off into
the background, but nothing selected. This is option here the scale stroke and
effects, okay? So with nothing selected
you can turn on and off. You'll be turn on and off recently, for
me, I turn it on and off quite often. Okay, so I cut it off,
I'm going to drag oral this guys. I'm going to shrinking them right down. To be a little mini penguin, you see all
the strokes came along for the ride. Other than to see a tiny penguin, I wanted
to show you that little technique, okay? Before we move on.

So I'm going to undo so
he's back to his regular size. When would you want to use this? Let's say, that you're drawing
something that's a bit more, say, you're a fashion designer and
you need a stitch, okay? And you need to resize it, but you need
that stitching detail to stay the same. Or say, you were drawing like
I've taught open planners. This illustrator gets used
by lots of different people, say this is a road, okay? And this is another road,
say these are not these are roads, okay? And I wanna scale them up and
down but I want them to keep the same thickness to match everything
else at some of my document. Okay, so I wanna scale it up and
down but I wanna retain the thickness. But most of the time, have nothing
selected, just make sure it's on. That's a, I bet you probably 70% at the
time, you just gonna need to leave it on. But no, that's where it is when you wanna
scale it down, you can turn it off and it will keep its stroke size. All right, we're gonna work through and color this fella using our new found
grouping, arranging techniques.

I'm gonna click on the body. I'm gonna say you my mind
have got to fill a black. And a stroke of wait, actually, I might do him last because he kind of
makes these a little bit harder to use. So I'm gonna click on him. I'm gonna shift and then click on the eye
because I wanna do the same thing. I want them both to have a white center,
and no stroke please, awesome. Now, I'm gonna click on the body, and
I want the body to have a fill of white. And, nope, I want it to have a fill of
black and I'd like to have it no stroke. Okay, so my alignment's actually
working out fine except for my little flipper here,
you can kinda see him. So it's a little bit hard
to find that flipper. I can kinda roll around and
I eventually find them. And that's actually probably just perfect. Click on them, and
I can say you, my friend, have a fill of black, a stroke of white.

And I wanna bring you to the front, by
going to Arrange, and say Bring to Front. Another way to do it,
I'm gonna undo, okay? So I can't see it, right? There was a kind of skeleton view
you can use, it's called Outline. If I go to View, and
go to this one that says Outline, okay? It's a common thing to use, Cmd+Y, okay? Or Ctrl+Y, can you see, it's just
like a really wire-frame version. So you can do things like, actually, click
on him cuz it easier to see in this view. I can go to Arrange, Bring to Front. Then go to View, and so
you see Cmd+Y toggles between GPU View.

Which is [LAUGH] not a sexy
way of calling it, but it just toggles outline to view,
outline to view. So, I do that quite a bit
if I lose something. If I'm like, mm, I'm pretty sure
there was a flipper here somewhere. I can just go to command y on my Mac, or
control y on my PC, and just select them. I'm gonna grab you,
I'm gonna give him a no stroke. [SOUND] I want you to be the same,
you are going to have no stroke and a black fill my little beak. I'm gonna grab you who are nicely grouped,
my little sheriff's badge penguin.

You'll notice, I should've
selected all of these on one go, because they're all doing the same thing. I can do another little trick is, can you
see this little eye dropper tool here? Okay, it says eye dropper tool, so
to make it work I have this selected. Okay, the outside of it,
grab the eyedropper tool, and then click on the middle of my beak here.

And it goes and steals the same settings,
so it changes the fill and the stroke to match it. It's handy little advanced one. All right,
what I might do is I might grab this, is gonna be a fill of some
sort of grey thing here. And I'm gonna show you
a few other color options. So grey, I'm not sure why it's grey. It's ice, I just wanna
a really monochromatic design. This edge of this for the water, what I'm gonna do is, say you've
got these presets in here, okay? Just, these are premixed,
they're called swatches. Adobe has just said these are the ones, they're just some defaults,
and they're good. But say you want your own custom color. See this little icon here? Color mixer? Okay, it gives the option
down at the bottom for this thing here called the RGB spectrum.

It's just a little rainbow-colored thing,
click anywhere on it. And it's the tip of the little
eyedropper will be the color, so you can pick any old color you like. Move it around,
pick any old color there, common on. That's gonna work for me ish. All right, a bit more green. And I'm gonna get rid of the stroke
on these guys, same with you. Goodbye, stroke. And now, I'm just messing around,
you can skip through the next video now. [LAUGH] I'm gonna go through and color all
of these holding shift to grab them all, here we go.

We're gonna go fill with white. Now, remember if you want to go back
the swatches, click on this first one. And I'm going to have a stroke. I'm going to put in a little bit of a
background color because I want to see my white belly a little bit better. So I'm going to put in,
you can change the background color, okay? You know how it's white
there the page color? You can't just go and say set background
color like you can on some programs, you actually have to draw a box. So rectangle tool, I'll draw it all
the way across covering the whole thing. I'm gonna give it a color of that
really light grey, there we go. And I'm gonna give it a stroke of none,
and I'm gonna say arrange in the back please. And that just means that you can see
the belly of my little dude there. And if you're like me, I don't like
his little potbelly now [LAUGH]. I'm gonna click on him,
click on that guy once, to get the corner. And just drag him back down, so
he's got a nice square belly, [LAUGH].

All right, my feet a little bit, so you can kinda see that
he's got feet at the side. All right, so that's us for this video. We have created a little
potbelly contender penguin. And what I'd like to do is
give you a task now, okay? So I'd like you to create
your own creature. The boundaries are, you have to use the tools we've
learned in the last three videos. So just things like simple shapes like our
triangles, pentagons, stars, rectangles. The corners you can use? I don't want you to use any of the other
tools, just these simple tools we've used. The other thing is let's
keep your animals, I'm gonna give you some boundaries.

We're going for ocean going animals. It could be in the sea, or like a penguin,
kind of related to the sea. So pick another animal and doesn't
matter whether you hand draw it and then scan it in. Or whether you just draw it straight
in Illustrator, it's up to you. Now remember,
this is your first drawing, so don't worry if you're
like this isn't good. I would love to see it, okay? So if you take a screen shot or
save this as a JPEG.

If you're not sure how to save a JPEG,
we'll do it later in the course, okay. Look for
a video court exporting from illustrator. You can kinda sneak it here to that one
just so you can get the tape work out or you can just do a screenshot. And I'd love for you to upload and
tag it to me in Twitter and Instagram. So on Twitter, I am danlovesadobe. Also tag in totsplus, okay? So I invited totsplust. They Tod's plus design on twitter, and
on instagram, I am being your own laptop. Tag me in, I'd love to see what you did. So pause it now, go do that. And then I will see you in the next video
where we start looking at something called the shape builder tool, all right? I'll see you then. Hello, and welcome. This video is all about
the Shape Builder Tool.

We're gonna take the drawing we did
earlier, this one, and do this to it. What do we do? Okay, we cast some shadows, can you see? Before, after. We cast some shadows on the penguin
using a real quick and easy tool, using the shape builder. We also did some stuff with
the eye there where it's kind of a pie shape cut out of the circle. If you have tried illustrated before, and
you've missed around with the path finder, and that was really tough, this is
a replacement for it, it is awesome, you'll love it.

It's been far too much time hoping
this up, let's just jump in, and learn how it works. All right, to get started,
let's go to File, let's go to Open, and in your exercise files,
there's one cool cheap builder tool, we want the one that says 1,
shape builder tool 1. Not particularly exciting,
we just got some shapes, now, these are nothing special. Just like we did in the last videos,
just I drew some circles, and some squares, and a star. Now, where the shape
builder is quite cool, we're gonna just learn the basics here,
and then, we're gonna go back and do what you saw at the beginning there
where you kind of add some shadows and. So when that all selected, so I grab my
black arrow, I've drawn a box all the way around it, or you can hold Shift, and
click one, try clicking them all.

Either way, once you got the ball
selected, we want the Shape Builder Tool. It's this one here, so
hard one to describe. Two targets and an arrow. Okay, click on this guy here,
it's underneath the pin, notice a couple of ways
to use shape builder, so by default, you can kinda see
my cursor there has a little plus. Okay, and what that allows me to do,
is these are two separate shapes. What I can do is click in here, hold,
drag, drag, drag, and kinda like clicking my mouse, holding and drawing a line
in between all three of these.

And watch this when I let go,
it magics them all together. So now, if I go back to my back arrow,
click off in the background, this is just one shape
that's all been joined up. We're gonna undo,
I'm gonna select them all again, and I'm gonna show you some
other things it does. So shape builder, okay, by default,
it's got the little plus, but if I hold down the option key on my Mac,
or Alt key on a PC, can you see it changes
from a plus to a minus? And now, let's me do things like this,
I want to delete this trunk here.

Just kinda snips a wall
out where they overlap. If you've ever tried doing that
with the path finder tool, maybe you've used illustrator in the past,
man, that was a pain. So clicking and
dragging across things, joins them up, holding down Option on a Mac, or on a PCs,
allows you to click and delete things, super handy,
I'll show you it's other really good use. So I'm gonna draw a big rectangle
across all of these guys, just cuz I wanna show you something. So I've drawn a rectangle, gonna grab my
black arrow, gonna select all of them. I'm gonna jump to my Shape Builder Tool,
and does another good thing. Rather than just joining up and removing things, you can actually
color shapes where they all overlap. Cuz remember this rectangle's
just a rectangle, okay, I wanna color some intersections, so
I'm gonna select them all, black arrow, back to my Shape Builder Tool,
go to my Properties panel, and then here, I can pick a fill color.

So I can say, back to my swatches maybe. I'm gonna pick blue for no good reason. I'll pick [LAUGH] for
another no good reason. And what we can do,
is click it to drop it back in, and now, look what happens, look, magic. I can just color bits where they overlap. Now, you might not find this amazing,
I do. It’s just super quick and
easy for coloring vector. I can pick different colors. So instead of trying to joint them,
and break them apart, and make them complete shapes,
I can just click a fill color and just click on one of
these separate shapes. Now, if you feel totally
underwhelmed by this tool, It's cuz I got a really simple exercise
here, just to get the basics going. So remember, click and hold,
and drag across to join things. Hold down the Option key, or
Op key on a PC to minus things. You can drag across with minus as well,
to minus big chunks.

And remember, with nothing held down,
I can just pick a fill, and then, just click on them to color. So I'm gonna close this down, and
we're gonna open up another file. So I'm not gonna save it,
cuz we didn't do anything very exciting. Some terrible colors there. What I'd like you to do now,
is get a file, get it opened. I want you to open up Shape Build It 2.

So this exercise here, we're gonna do some
more practical uses that actually build a two, and hopefully,
you'll see the value then. First thing I wanna do before I get
started, black arrow, I click on my sky. This is kind of big grey
box in the background here. What I wanna do is something unrelated
to the Shape Builder Tool, but often useful when you've
got this background color. I wanna put it on its own layer and
lock it, so it's not getting in the way of
me working on my penguin here. So with it selected,
let me go to my Layers panel, I'm gonna make a brand new layer, that's this little
turned-up page here, create new layer, of the top all the way up here,
it's giving me the thing called, Layer3. I'm gonna double-click the word Layer3,
gonna call this Background. Just to give everything a name, Layer1,
okay, is where all my drawing is, so I'm gonna double-click Layer1,
and this is gonna be my drawing.

So background has nothing
on it at the moment. It's a layer with nothing on it. What I'd like to do,
is put the sky on it, and then lock it. So to do that, black arrow. Make sure the sky is selected. You can see this little blue dot here. Okay, that means, that, that's
indicating that it's on this layer here. The sky's actually on the drawing layer. To move it to the background layer,
click and hold this little blue spot, until he goes to this layer. That just says, I've dragged him from
drawing to the background layer.

The trouble with the background layer,
it is above everything else. You can kinda see it up here. You see background first,
then drawing underneath, and remember that template we
had right underneath at all. To change that, grab background,
click Hold, and drag the word. You can see these little
lines up here everywhere? It's kind of a weird like, so click and
hold drag the weird background, until it appears just
underneath the drawing there.

You might have to practice
that a couple of times. If it goes wrong, go to Edit > Undo, and see if you can get it
into the right position. So how do I know this is
on the background layer? See that eyeball, turn it on,
turn it off, turn it on, turn it off. So I know that's the background layer,
it's underneath, I'm gonna click this little lock
icon like I did for the background. What it means now,
is if I try to move it, I can't. All right, next thing I wanna do,
is just make sure I'm on my drawing layer. That's the one I'm gonna work on. I'm gonna go back to my properties panel.

All right, so what I'd like to do,
is I'm gonna change this eye. It's gonna go from content penguin. I'm gonna hit Delete on my keyboard. I'm gonna give him a different kind of
eye like you saw at the beginning there. I'm gonna grab the ellipse tool,
I'm gonna draw a nice big ellipse. Holding down Shift to
get it to be perfect. I'm gonna give it a fill color,
I'm gonna give it no stroke. What I wanna do is a second circle. So it's really common in cartoons to
kinda have that sliced out eye, okay? So I'm drawing another ellipse,
holding down shift. It doesn't matter which color it is. Cuz we're gonna actually delete it. But I'm just making it blue,
so it's easier for you to see. I'll move back to my selection tool. Gonna grab the center of it, and
just kinda overlap it there. So it's kinda half off. I'm gonna slice that out of the eyeball. To make it look like
a kind of a reflection.

So I'm gonna select both of them. Go to my Shape Builder Tool. And what was the key how
down to delete things? Do you remember? That's right. It's the option or cannot be seen. And I can say, you go, you go,
and a cool thing about that now. You see how that was, got a cookie getter. I got my black arrow, like a diagram, and you can see it's actually
a hole cut out of it. So I'm gonna hold shift, grab the edge,
and get it to a Penguiny size, eye ball size [LAUGH], you can decide on how big
you want this eye, all right, up to you. Or is it gonna be, yeah [LAUGH],
all right, it's enough, so let's minusing, we kinda minus that circle from that
circle, what I wanna do is join something, so I'm gonna click with my black
arrow with the white belly, I'm just gonna drag it up here,
so it kinda overlaps.

I'm gonna kinda get it so
it matches up with the noseish. Cuz that's the kinda look that I want. I want it to be cool, kinda one. So I'm gonna click this. Hold shift, and click this at the center. So they're two super units spot, but
using my handy dandyShape Builder Tool, I can drag across holding nothing down,
just drag across them, kinda draw a line through all three,
and papers though, it's one unit. Cool? And remember the other use for
coloring parts? We're gonna add some kinda like fake
shadow, so let's grab the line segment tool, and I'm gonna draw a line, let's
zoom in a little bit, so you can see, I'm gonna draw a line segment that
kinda goes from there down to, you can draw it all the way through.

Let's draw it all the way through just so you can see what to do
with the left over bits. I'm gonna do you. So drawing a line through it. I'm gonna grab my black arrow. And I need to click both the nose and
this line. Your line might have
a big thick stroke on it. That's fine, it doesn't matter. What we need to do is have that selected,
hold Shift and click the nose. So you got both of them selected.

Back to my handy dandy Shape Builder Tool. Remember for coloring, we need to have
the Shape Builder selected first, then go to Fill, okay, then pick a color. I'm just gonna pick a, kind of a lighter
gray, and I'm just gonna click on this. Maybe a slightly darker version. It's meant to be light hitting his beak,
anyway. So it's worked, I colored it, but
this is an overlapping hanging bit. Now, remember, what key to hold down
to remove things: it's Alt on a PC, Option on a Mac, and
I can just click on it. Cool? Love that stuff. Next thing I wanna do is the same
with this, and it's just repeat. So I'm gonna grab my line tool, I'm gonna draw like a little highlight
that kinda goes through here. Shift click them both. Now, what you would have noticed there or
might not have noticed, is that I started using a shortcut, and I'm gonna
show you just cuz shortcuts are great. So I was on my line segmental,
I drew it through here, then I wanted to go back to my Move tool.

And the Move tool, if I hover above it,
can you see it has a little V in brackets? That just means that if I click
my V key on my keyboard, so it's not on there at the moment,
watch, this big E jumps, okay? If I wanna go to my Shape Builder Tool,
it's a weird one, it's Shift+M. I use it all the time,
cuz I use this tool all the time. Okay, Shift+M, so if you're using
the Pencil tool all the time, you can see in it,
I don't use the Pencil tool very often, so I don't even know what that shortcut is,
but I know V is the move key, I know Shift+M is the Quick Selection
Tool, there's the Shape Builder Tool, I know P is the pin tool,
T is the type tool. Just the stuff you use very often,
just hover above it, and it will give you the shortcut.

Some of them don't have some, because
they just don't get used very much. All right, so V key,
I've got them both selected. Shift+M to my Shape Builder Tool. I'm gonna pick a fill color, my friend
of that dark gray, like it wants. Hold down my Alt key,
or Option key on a MAC. One more cash shadow, and
then we'll do one more special trick that the shape builder can do,
so don't leave just yet. So first of all, I wanna join these two
fellows together, so I'm gonna hold Shift, click both of them, go to my Shape
Builder Tool, draw a line through them, throw one unit, and what I'm gonna do,
is I'm gonna duplicate it.

So I'm gonna go back to my black arrow
here, I'm gonna copy it, using edit copy, and edit paste. So I've got this little speech bow. [LAUGH], but it's built out of. So what I'm gonna do,
is I'm just gonna offset it a little bit. Now, because my smart guides are on,
it's very clever and tries to kind of line everything up, which is exactly what
I want, actually what I might do is, Do something like that where it's
kind of just down a little bit.

So now, what I wanna do, is I'm going
to select both of them, so shift, click both of them. If you're not sure if you got both
of them, just kinda move them, and then undo it to go back. I use this for that kind of
vector cast shadows all the time. We're gonna use the same trick,
pick a fill color. We'll use that lighter gray. That doesn't work,
unless you're on the Shape Builder Tool. I was on my section tool there, so when I changed my fill,
it just changed everything.

Make sure you're on your shape builder
first, pick your fill color, and then, over here, just click on that once. Okay, get your black arrow. I've got all this junk left over,
this thing here, I don't need him anymore, delete. I used him just to kinda get
that the wall's a bit bright. A bit better, you get what I mean, right? So I'll use it to cast the shadow. There's a weird thing
down the bottom here. I'm not sure where he came from. I'm gonna hit Delete, he's gone.

So I promised you one other little trick
you can do with the Shape Builder Tool. Is that, remember when this tail
was separate from the back? Of joining with this Shape Builder Tool,
it allows you to do cool things like this. Grab your white arrow, we've been
using the black arrow quite a bit. The black arrow is perfect for
moving big lumps around the whole thing, everything needs to go.

If I use the white arrow,
the white arrow is for moving a little parts within the lump. Okay, so let's say, it is here, if I use
the black arrow, remove this corner. It moves everything, okay? But if I grab the white arrow,
click on the corner once, then try and drag it, I get kind of little
bits of individual control. And we'll look at that a little
bit more when we use the pencil. But for the moment, the cool thing about
it, is it says, I'm gonna click on here, and you get this corner radius. Can you see it? A little dot on the inside of the angle. I can click and drag it up, and
I get these kinda nice curves. So the same thing for the gray one,
click and drag him up, and get these nice kind of angles going on. You can do the same for this star here,
and back click it with the white arrow, it's called the direct selection tool,
okay? White arrow, you might just zoom in a bit,
if you found it a little hard to work on, grab that, and just tuck him in.

Cool? So you got any points that you're like. I like them, but
I just want them to be curved. Curved tool, they are cool corner options,
and they are awesome. All right, so that's our penguin. With some cast shadows, and
some holes cutting things. It's called the Shape Builder Tool. I should finish it there, but I'm not. I'm gonna grab the line tool,
and I'm gonna cast a shadow. I don't know in the water from the land. Okay, holding shift grab them both,
like a fill collar. Remember, this is not gonna work,
okay, we've got to have an undo, got the Shape Builder Tool first. I'll leave it in there, because you'll
do the same thing, I do it all the time. I should know what I'm doing, I'm gonna
pick color from my switches, and now, I'm gonna click it in there. Click off from the backgrounds,
black arrow. [LAUGH] It's cool, it all kinda soothes,
except for this thing where we drew, I wanna delete him so bad.

Bye, we'll come back later on, and I will show you how to give him a bit more
flavor using something called brushes. But for the moment, we're gonna move on to the next video
where we create a kinda custom logo. What I really wanna do is show you
how the Shape Builder Tool works. When we're not just drawing penguins,
but when we're working, say, with icons, or logos. And we'll do that in the next video. Hi there. In this tutorial we are going to
turn this pile of lines into this M that looks like it's kinda
wrapping around on itself. We're gonna use our shape builder tool
again, but we're gonna learn other tricks and tips for it so you can continue
your mastery of Illustrator. Let's jump in and get started. All right to get started with this one,
just gonna go to File and we're gonna go to a brand new document. So File New as defaulted to my recent
items, if yours hasn't go to Print, go to US later, or A4,
I'm gonna pick landscape just cuz, and down here under Advanced Options I'm
going to switch it up to IGB.

Okay, let's click Create. Then Save it, so File, Save,
as I was using my shortcut there, File Save is Command S on a Mac,
Ctrl S on a PC. And on my Desktop, I've got my class
files, man, how efficient are we? This is gonna be my M logo, and
often when I'm working on things, anything in Illustrator I'll put
a v1 at the end, and a v2, and a v3 when I'm kinda doing updates. Never call it just logo cuz then you
have to come up with something else for your number two. And it might be two or
you might put in, never put in final. Final's the kiss of death, cuz then
you have to come up with final-2, and final-revisited, clever names.

So I find that v1, v2, v3 works just fine. Some people like to put
the date at the end, up to you. MyLogov1, sounds good to me. Click Save. Never have to change this. Just click OK. And to center my document,
Command-0 on my keyboard. Okay, just get it right in the middle. If you're on a PC, it's Ctrl 0. All right, so I'm gonna draw my
logo using straight lines, okay? And we're gonna use the Shape Builder
to kind of delete the bits we don't. Good project to see how useful the Shape
Builder tool is, creating just more, stranger shapes. So we're gonna use a line segment tool,
I'm gonna draw all out of lines. And I want a straight line up and down. I'll click and drag though,
remember it goes any which way I drag it.

But what key could I hold down on
my keyboard to get to go straight? If you guess it, Shift key. Okay, if I hold down the Shift key,
it locks it into 45 degree increments, and I just want it to be straight up and down. Okay, so I'm gonna drag it down, how long, everyone's M is gonna
look a little different. I'm just gonna free hand it. So I want two of these little lines. So with my black arrow,
I'm gonna go to Edit > Copy, Edit > Paste. So I had it selected,
Edit > Copy, Edit > Paste. Grab the center, drag it along and
it should just try and line up. If it doesn't try and line up,
just make sure you're under View, your Smart Guides is turned on,
should be a little tick next to it.

If it's not, give it a click,
and you should start working. So let's group these two, okay,
Object, let's Group them. Cuz I wanna, with them selected,
go to Copy, go to Paste, so I've got a second set. I'm gonna draw the inner part of the M,
okay, at an angle. And remember, just using my black arrow, some vaguely outside of the corner
we get the little bent arrow. Click and drag it until you feel
you've got the angle right. And there's no right,
I'm just kind of drawing something. Also make sure that they
overlap quite a bit, why? Because we gonna kinda get them overlap
and use our trick that we used when we did the shadows, to kind of fill in things and
snip off the lines we don't need. So if they're not quite long enough you
can just drag the ends like this to make them a little bit longer.

What we'll also do is we'll
group these two together, cuz what we're gonna do now is instead
of trying to get the right angle on the other side is we're just
gonna reflect this one across. So what we're gonna do
is select them both, let's group them just to
make it easier on ourselves. And then go up to Object, and
there's one in here called, so Object, Transform, there's one
in here called Reflect. Now weirdly, your trainer,
your preview's not going to be on. Okay, this is weird. Horizontal, vertical,
picking an angle, it doesn't matter, it's not gonna show up over here. So what you need to do is turn on Preview,
so that if you're like me and you're \vertical, horizontal,
there's even a little handy icon there. Thank you. Okay, if I click OK now, the trouble
with it is that it's kinda deleted my original and reflected it across.

That's what this little
copy button here means. It means that I can make a copy of it and
flip it, leaving the original there. Let's just click the button then and
see what it does. So there you go. You've got your original areas there,
and the new one. If you'd just click OK you'd
only have this fellow left. So what I'd like to do is
kinda line them up roughly. So they look like an M. Don't worry too much about it,
what kind of M you have, I'm trying to visualize
the M in those sticks. What I wanna do though is make sure that
they're aligned cuz the moment this one hangs down lower than this one.

So I'm gonna select both of them and
I'm gonna say, it's arranged, it doesn't really matter which one,
but it needs to be vertically. Here you go. So at least all the way down
the bottom they're together. Okay, next thing we wanna
do is zoom in a little bit. Maybe use lines to kinda
cap these ends off, so I'm gonna use my line tool, no fill,
black stroke, maybe use one point.

And what I'm gonna do is, watch this,
if I hover above this, okay, line, you can see this where it says path. Path is the name that illustrators,
it's the nerdy name for a line, okay? So Illustrator will call it paths. The cool thing about it is see this
where it gets up to here where these two lines join? It says intersect. This means do you wanna draw something
that intersects these two lines? I'm like, [INAUDIBLE] yeah,
that's awesome.

Thank you illustrator. I wanna click, hold and drag it,
and what you wanna notice is that, what's the handy shortcut I
can make it to go straight? That's right, Shift, and I find with using this tool it's always
better to go past where you need it. It's easy to trim off, but sometimes it
can be a little bad if you don't get it quite banged in there perfectly. I find just going past where you
need it to be is a lot better. Same thing over here, click and
drag all the way through. What I might do for this one here is click
hold and just drag through than I need it. It gives me a better result.

Some of these bottom ones I'm gonna
click hold and drag across all of these, all the way through, and now we're
gonna use our super fancy Shape Builder tool to trim off all
the stuff we don't need. So black arrow, draw a box around it all,
make sure you've got it all selected, gonna grab our Shape Builder tool,
and we're gonna start deleting things. To delete things, remember,
what key do you hold down? That's right, Options Mac, O PC. And click and
drag through all of this stuff. Sometimes you need to do it twice,
just cuz, okay, drag though it all. Click in and drag it through, you can
just click them once, click them again. [LAUGH] Sometimes,
you get to click when you don't. There's some stuff in here I want
to drag past, get rid of you.

Get rid of you, get rid of you. Click through all of that,
through all of that. Here we go, I've kind of trimmed it up to
something that looks a little bit nicer, at least more like an M. Now I want to kind of make it so that
this bit goes all the way and it joins it across, so remember you don't have to
hold anything down to join them up. So I'm gonna click and drag across all
three of these to make it one unit, and I"m gonna drag these two to kinda give
this like folded origami M type thing.

Probably the most overused [LAUGH]
printing thing in the world, folded M shaped papers stuff. That's all right, I'm sure if you Google it you'll
find 100 logos that look like this. But what I hope you got out of that
is showing you how you can create something out of nothing
just using simple lines. It doesn't have to be complete shapes or
rounded corners. You can just draw a pile of sticks, you can hand draw with your pencil tool
which we'll do in an upcoming video. Then tidy it up with
the Shape Builder tool. So you can move on now, all I'm going
to do is I'm gonna color it, okay, and what you'll notice that, can you see
this is actually separate parts now? It's not actually a full unit,
so I'm gonna select it all and color it using my Shape Builder tool. I go on about the Shape Builder
tool being my favorite, it's because I've taught Illustrator for
years and years, maybe, I don't even know. 15 years, and
up until Shape Builder tool got made, man, it was hard teaching
people Illustrator.

But it's easier now. Anyway, so I've got it all selected
on my back arrow, I've shifted to my Shape Builder tool, and what I'm gonna
do is I'm gonna pick a Fill color. I'm gonna say I want, I mean I'm just
gonna work with black and white. We'll deal with color a little bit
nicer later on in the course, so hang out for that.

And I'll pick a darkish
color to do that one and maybe and that one, we'll work it out. [LAUGH] Winging this,
we just slightly lighter gray for this one, and even a lighter gray for
this one, even lighter, come on, Dan And this last one here will be,
I don't know, dark or a bit lighter. [LAUGH] I want to use color, but
we're segmenting these out so we're not overwhelming everyone. Glorious. One thing I might do is can you see these
little guys point out in the corners here? I'm gonna get rid of
my strokes completely, we'll covered a bit more when we do lines. But I'm just gonna delete them so
Strokes, it gonna be none. So I've just got kind of a full color. Whenever you're presenting a logo,
I always find, I don't know why, it might just be me.

And you draw a giant rectangle in
the background because what I like to present on is a darker kinda gray. Logos are cool, maybe we get to
use them in this dark gray, but they always look nice,
presented against a nice solid gray. So my black arrow, I got it selected,
I'm gonna say arrange into back. And I pick the same gray to that. [LAUGH] See my friend,
needed different gray, darker? Yeah, look at that. How good is that M? All right, that is gonna be us
[LAUGH] I hope you enjoyed it. I enjoyed making it. I too want you to enjoy
the [LAUGH] joys of drawing lines. You've probably done the M with me. I would like you to pick another letter. Try not to pick anything that has a roundy
part, because we just draw it with lines so pick a letter then can be
drawn with straight lines. And I'd love to see what you do. Try your first name or your last name,
whatever the first initial is or the last initial is. Mine's Dan Scott so it's terrible.

Ds and Ss are not good for this tutorial. So my middle name is W, for Walter, so
I can just turn this upside down I guess. But I want you to practice drawing
a different letter, an E or an F or an L, something that has straight
lines, and I'd love to see what you did. Remember on Twitter we are @danlovesadobe,
and make sure you tag @TutsDesign as well. It's Tuts Plus Design,
those are both for Twitter. If you're more of an Instagram person,
tag me in it. I am bring your own laptop. All right,
let's get onto the next video where we, instead of using simple shapes to make
illustrations, we're gonna use something called the Curvature Tool to
draw our own custom stuff.

There'll be curves involved. All right, let's jump into it now. Hello, illustrator learners. In this video, we are going to draw
these icons using the curvature tool. It's like the pen tool, just a bit easier. Let's get started. All right, to get started, let's make
a new blank document, so File, New. It's already loaded with my
last thing I've done, okay. So I've set it to inches and
it's just remembered. Landscape, US letter, okay. I'm gonna click Create. I'm gonna bring in something we're
gonna trace and a little tip for you. If you are bringing in things to
be traced, if I leave it here, you can see it's kinda offset a little
bit to the right of my screen.

It's gonna put my trace document
overlapping this edge here. But if I quickly go to View and
go to Fit Upward to Window, okay, so it's in the center. Now,when I bring it in,
it's going to be in the middle. It's a weird little quirk. All right, so
go up to File and go to Place. In your exercise files,
there's one called redraw icons.png. And just make sure it's a template cuz
it's gonna put it on its own layer, fade it out so
we can trace it over the top. Click Place, awesome. Okay, so there's my redraw layer. And we're gonna use this thing
here called the curvature tool.

That looks very close to the pen tool. If the word pen tool is not new to you,
you probably know the pencil. Which we're gonna cover in the next video,
is man, it's hard to learn. Not impossible,
just harder than the curvature tool. It's a new tool, the curvature tool. I love that Adobe Illustrator invented
this tool, it's super quick, super easy, I love it. It's like the simplified
version of the pen tool. Okay, so give it a click. And what we're gonna do is
we're gonna zoom in on this, it's meant to be a pallet,
like an artist's pallet paint thing. Zoom in again. And we're gonna start with
a circle in the center here. So we could just use the ellipse tool,
I know, but we're learning the curvature tool.

And for a circle, just so you know, there
are four points that make up a circle. And how you use the curvature tool to
do it is you click it once at the top, once on the side, once on the bottom, and
you can see there, I'm gonna start again. Click once, nothing happens. Click again, and you're like,
this is not very curvature tool like. Okay, and it's not until you kind of move
the mouse out, I'm not doing anything, it just kind of starts guessing about
what you wanna do, which is super cool.

Click once at the bottom, click once
there, click once more to close it all up, and it's a pretty good circle. I haven't done it perfectly but
it's pretty clever. What I'll do as well is I'm going
to turn my fill to none and my stroke to black one point. You do that as well, or pick anything. [LAUGH] Just turn the fill off in
the middle so we can see through. So drawing circles, easy enough. What we're gonna do now is this outside
where there's curves going each way. So where do you know how to collect? We kind of know from the circle here that
there kind of should be a point out here, maybe one at the bottom. But all the rest of them are like
where do I put this curvature tool? And the answer is it's
just where the apexes are, where the middle of a curve is. So you can kind of see
there's a curve here and there's another curve going the other way.

I'd say that's the middle of this one and kind of there's the middle
of this one going that way. So let's start there in this dip. So I'm gonna click once,
remember nothing really happens. I'm gonna click the second one at the top
here, cuz that feels like the middle, this feels like the middle of this one. We can move them afterwards, don't worry. And again, we get this wierd straight
line, and it's not until we kinda move over here do we decide, now don't worry
about the curve, the blue line coming out. Don't try and line it up here,
just know that, remember our circle before kind of had one over
here and there was one down at the bottom? And you can see this curve
looks not very good, right.

But when I come down to this second one, there's a little bit of faith involved,
okay. You learn how the curvature works
a little bit, kind of from experience. It's kind of a little bit
hard to explain sometimes. But if you put the curves kind
of halfway around this curve, a little bit down here,
maybe another one there. You can delete and add them later on. Now this curve here, where is
the center if it, kind of about there.

And then back to the beginning here,
and all I do is click once and it completes it all up. Cool? Now the last thing about
it is a really fluid line. Okay, a couple of things that you might
run into trouble with is you might find it a little bit tough using the smart guides. I've turned mine off,
I cheated at the beginning, okay. I should have said at the beginning,
but go to View and I've turned smart guides off by clicking
the little tick and it just turns off. And make sure you turn it on
later on cuz it's quite helpful. I'll try and remind you. But sometimes,
like I said at the beginning, the smart guides can just be
more hassle than they're worth. All right, what else can we
do with this curvature tool? Say you kinda like it and
you're like, almost there, this one's a little bit wrong. So I'm still using my curvature tool,
I can just click, hold, and drag it around, okay.

Cuz I told you one needs to be there and
one needs to be there. But when you are doing it on you're going
to be like, I don't know where these go, you're just going to
click all over the place. So what you can do is fix them up,
just throw them in, don't worry, get them in roughly where they need to go,
even if it looks paired, okay. You can grab these guys, click on them,
it kind of goes blue, and I can click and drag them just how I want. You need to be a bit further up there,
and maybe you around here a bit more, and maybe you look better down here.

You can see I'm kind of trying to
fix it by moving these guys around. Cool, what else can you do? Maybe you've not got enough, okay. Say you didn't put one over here, okay,
and it's just and you just can't do it. You can move this one around,
and you can move this one down. There's just not enough control, right. So I need another one to help me out. So to add another one,
all you do is use the same tool, and just you can kinda see
the icon changes from this. See the little plus appears? So asterisk plus, okay, the little plus
button just says I'm gonna add a point, and then it'll give you
a little bit more control.

And a kind of tip I guess, the pro tip is, it will be most smooth with the least
amount of these little dots. They're called anchor points, okay, the fewer of these you can have,
the nicer the curve will be. So you might get tempted just to put
in loads of these because then you get to do this really fine adjustment. Okay, and
it doesn't matter how good you are. I'm pretty good, okay, but
if I have lots of anchor points, okay, it can look kind of good.

But then if I click off and
I'll turn off my trace layer, can you see it's just a little
wobbly by the bottom? It's not bad, okay, but it's just sort of,
it's not super smooth like up here. Look how good that is, and
look how little bit wobbly that is. Okay, delete points, use the same tool. So curvature tool, give them a click, and
all you do is hit delete on your keyboard. Goodbye, goodbye, goodbye, and goodbye. [LAUGH] All right, now there will be
a point where this curvature is good but it's hiding some of the nitty
gritty detail, okay. So if there is times when you just need
a little bit more control, what you can do is you can ditch the curvature tool
once you've got it all in there, and start using this guy here. Remember the black selection tool,
okay, the black arrow? That's for moving this thing around,
kind of the whole thing physically. The white arrow, remember, is moving little parts within
this object around, okay. So I can use my white arrow,
click on any of these anchor points, and say it's this one here that I wanna fix.

I can physically move them like
I did on the curvature tool, but also what I can do,
I'm gonna zoom in a bit, is I've got these two little guys here,
they're always there. The curvature tool hides them just to
make the tool I guess a little easier for people that are new. But these guys can be quite handy. So this is considered what
is an anchor point, okay. So this is the line has
to run through him.

Doesn't matter, has to go through it. These guys influence how that
line kind of gets to it. So they're kind of like
influencing the line or gravity, they're kind of trying to pull it
towards them, they're like little moons. So watch this, if I grab it and drag it,
can you see it's influencing the line. It's not like 100% moving it to follow it,
but it's kind of dragging it out, okay. And you can do a couple things is you can
drag it in nice and tight, so both sides. You can see with the handles
quite close to the anchor point, it's quite an acute curve, okay. Acute, I'm not sure if that's
the right word [LAUGH] but kind of a pointy curve, okay. And the further they are out,
if I drag them right out, can you see they make it quite
flat through that anchor point.

So there's a bit of playing around and
getting used to these guys. Click, hold, and drag, and
don't be afraid to do this. Wiggle, wiggle, wiggle, and
just kind of work out what it does. And kind of I'm looking for this side
a little bit, and then this guy over here. And what you'll find with, it's kind of
a see-saw, okay, where I fix this side, I get this looking nice. And then I've wrecked that side,
and you're like, no. Fix that side, and I've wrecked that side. And what you'll find is little by little
you've kind of worked them in until they both kind of sit happily. And you can also see this guy is
influencing the line as it comes through this anchor point, so
we might play around with him as well. So this white arrow gives
us really fine adjustment. It's a bit finicky, but sometimes you need
finickiness to get it all nice and pretty. All right, so that's doing a big curve,
let's do corners. Okay, so the curvature tool.

Okay, if I just click once, click once,
you end up with kind of a weird looking, it's meant to be a funnel. Okay, this funnel here obviously is not
working good with the curvature tool. So you can use the curvature
tool to do straight lines. So I'm gonna just hit delete,
and just delete everything there. So to do a corner, so
clicking once gives you a curve, right. So what you do is you double
click to get a corner. So I know this is a corner, double-click. That's a corner, double-click,
double-click, double-click. You get the idea, right? So doing straight lines is easy,
just got to remember to double-click.

Now when you go back to the beginning,
this is gonna be weird. Watch, double-click. Whoa, what happened? It's a quirk, okay. For undo, undo again. So what's happening is,
when I get back to the beginning, it already knows it's a corner
cuz we told it at the beginning. We double-clicked and
said, you're a corner. So when I get back to here, I don't have
to need to do anything, okay, just click it once and it kinda just accepts
whatever I originally put it there.

If I double click it,
what it's saying is I'm completing it and then trying to convert it into a curve,
okay. So it's a bit weird. All you need to know is when you get round
to the beginning, there's my curvature tool, you wanna join a back up, you don't
have to do anything, just click once. Curve, corner, just kinda finish
it up by clicking it once. If you do end up doing this,
[SOUND] [LAUGH] okay, all you need to do is
double-click it again and it converts it from curve to corner,
curve to corner, okay. So you liked all this but you want these
to be curves, double-click, double-click. And we have [LAUGH]
kind of a weird funnel. So let's do this example now. This is a bit of both, curves and corners. So what you've gotta do is,
what I find the easiest for new students is before you click is to
ask yourself, is this a corner or curve? Okay, this is a corner, clearly,
okay, some sorta sharp corner.

So and remember, corners
are double-clicks, okay, sharp edges. Remember clicking once gives
you lovely curves, and double-clicking gives you a corner. So that's what we're gonna do. This one here, double-click. Now this big arc along here,
where is about halfway? I feel like that's about halfway,
click once for a curve. Is this a corner or a curve? It's a curve, so just click once. Over here, corner or a curve? It's a curve. It's a curve. Back to here. Remember, it doesn't
matter what you decide. You've already called this a corner,
so I just click it once. If you accidentally get it like this,
what do we do? Double-click it again and
it goes back to being a corner. Again, if we haven't got it quite right,
we can just drag these around. We can add new points by
just clicking anywhere. And we can delete them just by hitting
the Delete key on our keyboard.

Same again here. I could copy, paste it, reflect it,
but that's not what we're doing, we're learning the curvature tool. So this curve here, I'm gonna click
once cuz it's a curve, right. Is this a curve? Yeah, it's a curve. Yeah, it's a curve. I'm guessing because I'm like,
where do these curves go? I can adjust it later on, don't worry. This one here is it a corner or a curve? It's a corner. So what was it? Double-click. Down here, curve. Back to the beginning, just click it once. It's a bit ugly, but we can fix it. Drag it around,
drag it around, add remove. And if I want to kind of finesse it
a bit more, remember the white arrow.

Click on this fellow, move him around, start adjusting the handles, okay,
and get a bit more finer control. All right, let's look at this fellow here. Pretty easy, except I wanted
to have something like this cuz I wanted to show you a straight
line that goes into a curve. That's the kind of last thing we need
to acknowledge or work out how to do. So let's do the circle at the beginning. So curvature tool, and just so
you know or just so you remember, it's one in every kind of corner,
north, south, east, west.

Even though I got that pretty off,
it's still a pretty good circle. Now I wanna draw this bottom part, and this is gonna lead me to one
issue you're gonna run into. Is I wanna start this line here so
I'm gonna click there, then I'm gonna double-click there,
and it didn't connect up, why? I'm gonna undue and undue. It's cuz in my head I'm like, yeah, I
wanna start a line there and draw it down. But what the computer's seeing is,
can you see this little plus button? Add an anchor point there. And then down here it says,
well you're nowhere near that line so you probably wanna start another line,
and you kinda go off. So you need to kind of acknowledge or a least tell Illustrator that
we don't want to work with this. And the easiest way is with it selected,
it's currently selected, if it's not click it with the black arrow,
and just go up to Object and lock it.

Can you see this one that
says Object Lock Selection? And it just temporary locks it,
okay, I can't drag it or move it. It's the same as we did earlier on,
remember our layers panel? We put things on its own layer and
then locked it. It's just like a smaller version of that. Cuz in this case I don't really want
its own special layer for a circle, I just want to temporarily do it. And when you want it to unlock it,
you go to Object, and there's one that says Unlock All. Everything that's locked
on the page comes back. So we're gonna lock it again. Go to my curvature tool, and
this is a straight line so double-click, double-click, and
this is the bit I wanted to show you.

So if I click once for a curve here and
I double-click for a corner, I end up with that. [LAUGH] It's not what I want. So kind of cool. But so what I want to do is
there's a straight line here and it kind of finishes about there,
okay, then the curve starts. So I want this to be straight,
okay, so we double-click. Then it's a curve, click once,
double-click for a straight line, double-click for a straight line,
and that's how get those kind of, there's a long part with a curve. It needs to have a little bit of, a few extra anchor points
then maybe you thought, okay. So these two lines are double-clicks. So there's a straight line, and
then there's this guy in the middle for a curve. Double-click, double-click,
click once, double-click, click once. And I'll have to, [LAUGH] don't
click once, it's a corner, okay. And up here I'm gonna double-click
cuz I want it to be a straight line. It wasn't a straight line. How do I go back and fix it? So with same tool, just double-click it.

Why didn't I overlap them? Okay, it's because that I want to
color them in or delete this chunk, and I want it to but
up really closely to this line. And we're gonna use
the shape builder tool, kind of doubling down on our
tools that we've already learned. Okay, now we're at a point where
this thing won't let go, I'm like, I'm finished, let go.

Okay, and there's two things you can do. You hit Escape on your keyboard,
so look down, it's the top left of your keyboard, okay. Escape is the just let go,
get off there, okay. Now we can go start working on this thing. Or what you could do is you could just say
I'm gonna go back to there and join it up, and then it lets go cuz it's
completed the whole path. And it doesn't really matter cuz we're
gonna delete all of that stuff with the shape builder tool anyway. So next thing we're going to do,
it's already selected. Object, Lock, Selection, and
we're going to work on this part. So double-click for a straight line,
or actually, it's kind of, yeah, double-click for a corner up here.

I'm gonna click once for a curve. Double-click, double-click
to get the straight lines. Okay, I've clicked once, double-click, and
then I'm gonna kind overlap this thing. Now this is probably not the best example
because you're like, man, it's so symmetrical. Why isn't he using
the rounded corners thing? And I probably would. But again,
we're practicing the curvature tool, so you can do lots of things with it. So I'm just gonna delete it,
and this what I would be doing. I'd grab the rectangle tool,
just drag it out. And then I'd grab my black arrow,
actually the white arrow, remember, click this guy, hold Shift,
grab the second guy and just drag him in. [LAUGH] But that's cheating. It's the right way, but it's cheating. Now what I wanna do is I wanna select it
all and use the shape builder tool to delete the chunks I don't need,
like this bit and that bit that overlaps. But I can't select this, why not? You remember, okay,
we need to go to Unlock All.

Okay, so that's why that lock
is quite cool, it's temporary, you don't have to go and
bother making layers. It's just quick and easy. We've unlocked them, we've selected
them all with our black arrow, and we're gonna go into our shape
builder tool, my favorite tool, and we're gonna delete stuff. So what do we do? We hold down the Option key on a Mac,
Alt key on a PC.

And I'll say, get rid of that line,
let's get rid of that line, and life is good my friends. All right, so what do we do now? There's these two guys at the bottom here,
and this is your homework, okay. There are a range of straights and
corners, okay. And there's gonna be bits that
you need to lock and join up. The only thing you're not allowed to do,
is you're not allowed to use shapes. You're not allowed to use ellipses and
rectangles, just cuz we're practicing the tool. And what I'd like you to do is I'd
like you to draw these and color them. I'd like you to color all of these people,
okay. And these guys are gonna
be super easy to color. There's gonna be probably some
arranging to do to practice. This one here is gonna need your special
trick where we fill cuz these are actually separate shapes, watch.

Can you see there's no joiner here. So what we need to do
is select them all and use the shape builder tool that we used
in a previous tutorial to color them. Okay, so fill, color,
just in case you forgot. Cool, so draw these guys, color them in,
and I'd love to see them. Remember on Twitter we are danlovesadobe,
and also make sure you tag TutsPlusDesign,
and on Instagram I am bringyourownlaptop. Love to see your drawing, I'll mark your homework,
make sure you've colored them as well. And if it goes horribly wrong, you can
mention that in your post as well, and I'll jump in and give you a hand. All right, my friends,
that is the curvature tool. In the next video we're gonna look
at his best friend, the paint tool. I'll see you then, after your homework. Welcome back everyone. This video is all about the pen tool. We're gonna draw these icons. You might be thinking hey, these are
the same icons from the curvature tool. They are. We're gonna compare the curvature
tool with the pen tool because really as an Illustrator user
you're probably gonna need both.

So let's jump in now and figure out
the pros and cons for the pen tool. All right to get started,
we're gonna redraw the same things. Just to kind of see clearly the
differences between the curvature tool and the pen tool. Save some time if you go to file open, in your exercise files there's
one called pen tool.ai. I've just kind of imported that
graphic already for us, ready to go. And the reason we have the curvaturey
tool and the pen tool. Is the paint tool is kind of a really
kinda staple for pretty much all graphic design programs and 3D and drawing,
lots of things use the pen tool. So once you've learned it in Illustrator,
you can use it in the same tool and works the same way in Photoshop, in InDesign,
Sketch Up, 3D Studio Max, After Effects.

Lots of different programs
you use the pen tool. The curvature tool is new and
just a bit easier. But really you need to know both. The slightly harder version, or more
controlled version of the pen tool, and the curvature tool,
which is just a bit easier. So, we're gonna use the pen tool. First thing to note is if you
got Caps Lock on your keyboard. Okay, so just look down on your keyboard. You can turn Caps Lock to make your
type upper case and lowercase. By clicking it on and off. It changes it from this pen
tool to the cross hairs. I'm gonna show you that because you
might have it on and you may like, wow, freaking out.

Why does mine not look like Dan's? So just tap it on and off, you can decide, it doesn't change it at all,
it's just a different way of working. We're gonna stay with the little
fountain pen looking thing, okay. And we'll start with the funnel here
because it's kind of the opposite of the curvature tool. The pen tool draws by
default straight lines. So if I clicked once maybe with
the curvature tool it gave us a curve. If I clicked once with the pen tool once,
once, it just gives us corners. So corners are awesome with the pen tool. Just keep clicking, and
come back to the beginning and click once. Let's remove the fill, so I'm gonna have
a fill of none, and a stroke of black, and let's get back to this guy.

So how do we do curves, then? Okay, so it's slightly different. Let's pick a curve. Let's pick, say, this curve here. Yep, and you click,
hold your mouse down, and drag. And then you get this random thing. Well, we've seen it before, right? We saw it with the curvature tool,
it gives us the fine adjustment. And I guess that's why the pen
tool is the way it is. It gives us fine adjustment straight out
of the bat where the curvature tool does a bit of thinking for us. So what we do is click it,
and where do we drag it? You drag it whichever way you
want the line to drawing.

So I'm gonna keep drawing down this way,
so I'm gonna drag it down here. And how far do I draw it? This comes with experience, so it's kind
of hard to kind of guess this first one. So we're just gonna drag it out this far. Okay, and nothing really happens right. You're like it's not until you let go and
you kind of move the mouse out and you're like okay, that's what it's doing.

Remember that anchor point, and these are the handles that
kind of influence that line. Now same point before kinda
halfway through a curve, kinda breaking this into two,
because I can try and do it with one, but there’s just not enough control
with just one anchor point. Kinda works. So what I’m gonna do is I’m gonna
do one there, one there, and maybe one over there. So clicking, dragging, okay and
then you wanna try and see I can get real fine control
by just kinda dragging it around. So give it a wiggle cuz sometimes
this way, sometimes that way. It's a little hard to I guess to get your
hit around when you're first using it. So don't be afraid to move this in and
out. Up and
around to see if we can get the curve.

Awesome, okay,
where's my other curve gonna be? Remember, we can adjust it afterwards. By using the white arrow, so don't be
to worried about your first go at it. Click. Okay and clicking once like I did
there it's gonna give me a corner so that's not what I want, right? So I'm gonna undo,
remember clicking, holding, and dragging following the line around. Cool, you're gonna get to a point here
where you're like actually I just wanna click once because that curve is good. But we really wanna corner, right,
cuz if I do this and then try and do this, we get this sharp corner. So I get to here, click and drag out, and
you can see this destroying the line, you're like, man, I really wanted it to,
well, it was looking good.

Don't worry, we put in these first
anchor points and handles only so that we can adjust them afterwards. So I'm gonna drag it like this way,
drag it up this way, drag it up this way. When we get back to the beginning what
we need to do to finish this thing is We don't just want to click once, like we did
the curves, so we decide, is it a corner? Okay, if we want it to be
a corner we click once, it gives it kind of a sharp into it. But if you want it to be curved, you click
hold and dragged it,you kind of see i dragged it out and you get this
kinda little handle popping out.

It's a little bit kinda strange,
it takes a little bit of practice. Now, mine looks okay, okay. Yours might look really bad. That's totally okay and
what we can do is we can look to fix it. So let's grab the direct selection tool,
maybe the White Arrow. It allows us to do some
fine detail adjustments. This is the biggest, ugliest thing. Now there's this curve here.

Like it did with the curvature tool, there's these two handles
kind of affecting this line. This one's kind of okay,
it's this massive guy here. He's kind of doing battle
with this poor little guy. Okay, so we're gonna say,
you be a bit smaller and be less influential on that line. And I'm happy with that. I'm happy enough with this. Here we go, okay. So you can do this fine,
kinda see-saw adjustment. You can move them around,
just like we did with the curvature tool. All right, so here we go. Now, I'm really messing around with it. It's looking pretty good. So a couple of things with the pen tool.

Often it can be easier to turn off View
> Smart Guides, mine are turned off. And let's look at how to add, remove,
and convert those corners, okay. So let's say this one here
is accidentally a corner. With the pen tool,
it has its kind of special own tool called the Anchor Point Tool, okay,
this will convert anchor points. Okay, so you click and
hold down the pen tool in this guy here. So, click it once will turn
it into a corner, click and drag out from the anchor point,
will turn it into a curve. Click once, you're a corner; click and
drag, you're a curve.

What people tend to do
is to drag this out, they’re not sure which way to drag it and
they’ll try and do something like this. They’re like, how’s this? And you kinda see what I’m doing, right,
it’s kind of looping back on itself. So if you’re like man,
that’s doing some weird spaghetti stuff, it’s probably on the wrong side. All right,
let’s move on to doing the circle. Yes, we should probably just
use the ellipse tool but I’m gonna use the pen tool
to show you how it works.

So drawing a circle. We know that it kind of needs
to be in all four corners. Click and drag out,
that's the first one, it's the hard one. You're like it's nothing, cuz if I just
start with the clicking once here, and then started dragging out,
it's gonna work kind of, untill I get back around to the beginning. Cuz I see to that to be a corner point,
right? And you end up with that. So, the very first one on faith, I'm gonna drag it out to kinda
create some sort of curve. Okay, I'm gonna click and drag you out. I'm gonna click and drag you out. I'm gonna click and drag you out. Wrong way, that way. Spaghetti, good way. And back to the beginning,
I'm gonna click and drag out. So, my circle? Terrible, terrible circle.

I guess I wanna show you this cuz I wanna
show you how to get nice symmetrical looking things. So I'll show you a real circle. So a circle. The ellipse tool. If I draw this out there's nothing
different between, well other then that one's beautiful and that one's ugly, this
one has the same sort of construction. Watch this.
Can I see? I got my white arrow
clinging on the ellipse. And you can just see it's got anchor
points at all corners but they're exact. And can you see, this is the big thing,
can you see these anchor points completely across from each other and
they run parallel. They're the same length. You can see my ones,
particularly the top one. These are reasonably across
from each other, but you can see that one points that way. That one points that way. Gonna zoom in. So, to get this to be symmetrical,
we need this top one to be nice and flat. It's not gonna be perfect,
just so you know.

But this is how to get kind of
balanced lines or nice looking curves, if you're like man,
I can never get it right. It's probably because you need these ones to be somewhat symmetrical. Better, it's getting better. You see they need to be
the same length as well. See this one's short, this one's tall,
so you back up a little bit, buddy. You probably need to back
up a little bit as well. And you can start to see
it's getting better. [LAUGH] Okay, I just want you to, I guess,
get the understanding of how these guys all interact together, that's there's
kinda bit of a balance thing.

Kinda the same length, kinda the same
angles, will give you a nicer-looking. That's better, right, better. All right, let's go and
look at doing, we've done the funnel. Let's look at doing our last one together,
which is this guy, a mixture of both. So pen tool, what am I doing? It's a corner, so I click once. Big curve, click and
drag right here somewhere. Click and drag. Click and drag. Man, but don't worry, I need a corner
there but I need to back him up.

Okay? But I can do that once I'm finished. Click and drag,
back to the beginning, click once. Grab my wire, drag it out. And just you know like the first
20 things you're gonna draw, you'll slowly gonna get better and better as you get accustomed to kind of
this how life works with the pen tool. And if you are somebody who dabbles and
does the pen tool once every six months, you're probably not gonna get
hugely experience with it. So when you're gonna, I don't know, I've had jobs where I've had to redraw
people's faces with lines in it.

A job like that gives
you loads of experience. With the pen tool and its quirks and
you start getting good at it, like most things, it's all about just kind of
getting in and using it for quite a bit. All right, the next thing we'll look at is
grab the pen tool and if you wanna add, say we needed some more control. So this one here I'm gonna, see the icon
changes from the asterisk to little plus, I'll add another one. If you wanna get rid of one, all you need
to do, you don't need to do anything, you just hover above it,
can you see this anchor point here? Goes from over here, it's gonna add,
see the little plus? But here, it's gonna say minus,
let's click on, I'm gonna add it back in.

Grab my wire, drag it back over here. And that my friends is the pen tool. All right, is there any other tips,
I wanna give you one more. And if you click once and
you start dragging, you're like, actually I've messed this up, and
you're like, go, stop doing it, okay. You can just hit the Esc key on
the keyboard just kinda disconnects it and you can either go edit undo. Or just hit the delete key twice,
once, twice, kind of start again. Remember Caps Lock changes it from this
cross hairs and it doesn't matter, it works the same way. Just I guess a little bit more
precise with the cross hairs. I don't know why I just got use to using
it with the little fountain pen so I use it by just tapping the Caps Lock.

And one more tip is, if you do kind of,
somehow, magically let go of this thing. You're like no, I've got a line,
I wanna continue it, cuz I've maybe done some beautiful work,
I don't wanna have to restart. What you can do is, can you see the icon? The little asterisk means
I'm gonna start a new line. Watch this,
when it goes to the little forward slash. That means I'm gonna, hey,
connect to where I was. So now,
kinda connecting up to where I was before. So starting a line again,
just gotta give it a click. And that, my friends, is a terrible flame. You are gonna spend a little bit
more time, and get it looking great. I want you to then work on this,
work on all of these guys. And what I'd love to see is
both your curvature tool and your pen tool exercises side-by-side.

Okay, so color them in, and I'd like you
to, I guess, send me your side-by-sides, so that we can kinda see which
one kinda came out the best. And also, drop a comment and just say,
just, I found the pen tool just so much easier, having the control. Or, man, I'm gonna use the curvature tool. So just let me know the pros and cons.

What you find good, what you find bad. Remember on Twitter it's TutzPlusDesign
and also make sure you tag me personally. I'm DanLovesAdobe and
on Instagram I am BringYourOwnLaptop. All right friends, I'll see you
after you've done your homework. I'll be checking and
we'll get started with the pencil tool. See you in that video next Welcome back, this video we are going
to be looking at the pencil tool. How to make it a little bit easier to
draw with so it makes you look good. Once we've done our drawings we're gonna
add things like this where we kind of have this nice kind of profiled stroke on it. Or, look at doing arrow heads,
dotted lines, dash lines in this kind of artistic hand drawn over the top
of a real image project.

Let's jump in now and get started. All right, to get started I've
just created a blank page, create it any size you like. I'm using US letter landscape. I'm gonna bring in an image, so
let's go to file, let's go to place. And in your Exercise Files, we're
looking for one called Pencil Tool 01. Now this image comes from Unsplash. It's a really cool site that you can
use for free commercial use images. Okay, so it's Unsplash. Thank you for the use of this image. And we're not gonna use
the template in this case. Cuz what happens with the template is that
it fades it out, and I don't want that for this case. I just wanna bring it in,
and we'll lock it. So let's click Place. Now when you're bringing in an image if
you click once it's gonna bring it in at full size. I'll do it, you don't,
you wait there watch this.

Click once whoa that's a big image I'm
gonna zoom out way bigger than my page. So what I'm gonna do is before I
place it I'm gonna zoom back in and I'm gonna show you
a different way of placing. So File > Place. And it's easier just to click hold and
drag, okay. And you can just tell it what
size that you want it to be. Go and, we could put it on
it's own layer and lock it, or what was the trick we used before? Object > Lock > Selection. All right, so
let's get going with the pencil tool. It's this one here, looks like a pencil.

Underneath the brush tool. And you wouldn't see it because
it's hiding under the shaper tool. So the shaper tool is like the first tool. Click and hold it down,
and grab the pencil tool. I'm gonna zoom in. What I'm gonna do before I start drawing
is, I'm gonna say I would like no fill. Okay, so red line, and
the stroke I'll gonna use is white. Now, by default the pencil
tool's a little weird. The first thing is that I'll gonna draw
those wings that you saw at the beginning. So, if I draw my like little wings. Okay, and I'll draw my other little wing,
and I'll draw my other little wing.

You can you see there like deleted
the first one to replace the second one. That's just one of the defaults, it means
if you draw kind of a line close to the one you drew before,
it tries to redraw it. I have never find that useful. Let's join them all up. It's a little weird so to turn that
setting off, I'm going to delete all that, is double click the tool. Double clicking the tool opens
up these settings for it and this case I wanna say this one,
keep selected. I always turn it off and
I never turn it back on. You might find a good use for
it, but I don't. Now, when I draw stuff, okay, it is not going to keep it selected which
means it's not gonna try and redraw it. Now, the other trouble is is that
my drawing looks terrible, okay. So if you're not using, say,
a Wacom stylus Even if you are, okay. I'm just using my regular mouse. What you can do just to make yourself look
a bit better, same options, double click the pencil tool and see where it says
fidelity, you can crank up the smoothing.

So down ready low, means it's
gonna follow your mouse perfectly. But that's not what I want, I want it
to kind of not be perfectly smooth. Maybe just about there. Make me look better, Illustrator. So, I'm gonna draw this, and you can see. Look how good those lines are,
so much nicer. I want a different kind of one, and
want this kinda like wing thing going on. You can see those curves, I'm just
clicking and dragging pretty badly, I don't like that one. I can delete them by clicking the black
arrow, hit delete on my keyboard, back to my pencil tool.

Don't worry about it, Dan. [LAUGH] Don't worry about it,
keep drawing. They look kind of cool. Anyway, kind of a wing. Still drawing. All right, let's look at strokes
in a little bit more detail. I promised earlier on we would. So I've drawn these with a pencil tool. They are considered a stroke, okay. And the stroke at the moment
is a white line and it has these kind of flat ends, okay. Do you remember what those are called? The funny word,
it's called the black arrow. Let's select them all. And let's change this stroke. so remember we can increase the stroke,
that's fine. And who remembers where we get in to
change the capping at the end to make that kind of a bubble end? Remember, click on the work stroke,
there it is there. Okay and we can pick our rounded caps or
the projecting cap, [LAUGH] okay? The other thing we're gonna
look at is the cornering? Can you see here it's got this nice,
I want this angle and I like it, but you can change that kinda corner to be
rounded as well to match the rest of it.

Can you see if you want that
kind of roundness to continue? I'll zoom in a little bit so
you can see it a bit better. You're watching for this guy,
it's the only corner that I've got, okay? But by default it's a nice,
sharp corner, rounded, or you can mitre the end, or bevel it. Either one you want, okay? And let's say I don't want this kind of, because it's the same
stroke all the way along. What we're gonna look at is
this thing called profile. So in stroke here, all of these
guys selected, go to profile and there's a bunch of them in
here that kinda look nice. Watch this, if I click this first one
down, you can see what it's done, click off, cool? Okay, it just gives it more
of a painterly stroke.

Okay, I haven't experimented
with all of these, okay, there's different
kinds of ones in here. Look at that, it looks good. You're thinking tribal tattoo, right. That would have been handy
when that was super popular. But anyway,
this is all kind of cool, I like it. I might select it. And increase it up a little bit to give it
a bit more of a fuller little wing name.

All right and zoom out. Next up with this kind of pencil
drawing is we'll look at arrow heads. So I'm gonna grab my pencil tool again and I'm gonna have some lines that come
off the front of this for no reason. I try to put them all into this class to,
I don't know, it's a design element. I want arrows kind of racing forward.

Look how good this shoe is. Black arrow, select them, and then the
stroke here you probably saw it before, this one called arrowheads. So I'm gonna zoom in
a little bit on my arrows. Okay, click on stroke, cuz the arrowheads
will depend on which end you stick it, depending on which way you drew it. So if I do this end, can you see,
that's the wrong side, so I'm gonna go back to none at the top. And the second option,
I'm gonna pick one of the arrowheads. And luckily there's all sorts of different
kinds of arrows depending on what you consider an arrow,
what you want to do as an arrow.

There's lots, look at it all. [NOISE] Perfect. Okay, what you might find though is some
of these arrows, if I click on this arrow and say you wanna thicken up the line,
the arrowheads get unproportionaly bigger. You see the line just come up a couple
of steps, but these arrowheads get huge. So nicely in the new version of
Illustrator, they've change, can you see the scale of
these two arrowheads? Okay, so I can lower this down.

Okay, let's say I want it to
be maybe 50% of what it was. I find getting closer to a, I don't know,
it feels more like a proper ratio to me. Let's zoom out. So, arrowheads, the profile. We've got our pencil tool doing nice,
smooth stuff. Let's look at dashed lines. So, I'm gonna draw another line around
the edge here likeit's been cut out. That didn't go well. Also didn't go well. [LAUGH] I'm gonna leave it there.

So, here's my lovely line
that I wanna make dashed. So I'm gonna go by black arrow, give
them a select and I'm gonna say dot and there it is there, dashed. So dashed is easy, couple of
things you might wanna play around with is the weight and the capping, okay. Butt caps are just a really solid end, okay more kinda like traditional,
traditional? Yeah traditional dotted lines,
or the rounded ones. Yeah, nice round ends. I'm gonna use the butt cap and
I'm gonna look down here. So if I just put in this measurement here,
this 12 points. It's gonna go a 12-point
line with a 12-point gap. 12-point line. It just assumes this is what you mean. What you can do is you can say, I want
a 12-point line but a really skinny gap.

So I can say I wanna make it 2 points,
okay? And I'm gonna click in here. You can see it's a 12-point line but
with a 2-point gap. So you can decide how you want it to be. You might decide, now I want a 5
dash with a really big gap of 20. You can create your own kinda dash lines. All right, let's go to the next one,
let's look at dotted lines. Dash lines are super easy, dotted lines
for some reason are super complicated.

Well, they're not, you're just kinda
have to like bookmark this video and come back to it every time. I only remember it because
I have to teach this stuff. So let's grab our pencil tool,
and let's do like a flight path. Imagine these shoes are flying around
the world doing great Nike stuff. There we go. So, got this line. It's gonna remember
the last thing I've done. So, I'm gonna click on that and
go to stroke. And say secure to that dash line. So back to our regular line. So to do a dotted line,
you need to turn dash line on. Let's get rid of everything else in here. Back to kinda default. And the way you do it is really weird. The first dash you put in is zero, which doesn't do anything until you click
on round caps, it needs to be zero.

Then the gap is how ever
big you want it to be. I'm gonna do 12. And you can kind of see it how it works. And you can see it's got like these
dashes are absolutely zero but if you make those absolutely zero dashes
round caps, they make dots, sweet? I'm gonna make the gap a bit smaller so
it makes it a bit easier to see. I'm gonna increase the weight, so that my
friends, is a really weird way to do dots. So just to recap,
stroke needs to have a dash of zero, gap any size, and
just make sure your capping is rounded. Al right, so that's a mixture of
the pencil tool and the stroke. Arrowheads.stashed and tribal tattoos. Next up is your homework. So in your exercise files,
there is this file. It's called Pencil 02.

Do the same thing we did in this exercise. Bring it in file place it, lock it and
then do your drawing over the top. Now the theme for this one is going
to be travel, so think wings and planes and maps and those sorts of things. So practice with your dotted lines,
I wanna see a dotted, a dashed and some of the kind of more,
I keep calling them tribal. Basically, just those kind
of nice profile lines. Remember to adjust your pencil so
that it makes your drawing look nice. Add some planes and globes,
that type of thing, okay. I want you to draw over the top. Think artistic illustration type thing.

And when you're finished make sure
that you share with us by Twitter, TutsPlus Design, I'm DanLovesAdobe. And on Instagram, I am BringYourOwnLaptop. Hi there, welcome to this video. It's all about brushes in Illustrator, they turn boring strokes like this into
handsome, artistic strokes like these. All right, let's jump in and
work out how to use them in Illustrator. All right, to get started, you're gonna
practice your skills from other videos, where you are going to
create a new document.

This one's going to be portrait
instead of landscape, and I want you to bring in this image here. File, place it and lock it. Okay, it's called Brushes 01. So practice those tricks. Thank you, Lauren's Green for the image. Now, we could be using our curvature tool
or the pencil tool to work with brushes. Any which way you create a line, you can do it with the stroke
around the outside of our circle. We're gonna use the pencil
tool in this case. What I'm gonna do is I'm gonna
give my line no fill and a stroke of white, so
I can see it against my image. We're going for
kind of an angel wing type thing. All right, so it's not, [LAUGH]. It's okay, there we go. So once you've drawn some lines,
like me, we're gonna find our brushes. So first up,
let's select it over the black arrow, gonna zoom in a little bit for you. I'm gonna go to my Window, and
all your brushes are hiding. They're kinda like, remember we
did the profile in the last one, where get that nice kinda
like tribal design? Brushes are similar to that, but
they're a little more artistic.

So in the brush libraries here,
there's lots in here. I'd say 90% of them are pretty bad. The good ones are hiding in the vector
packs, and these two are great, and other nice ones are in artistic. And some of these ones are quite cool. So we're gonna explore a couple of them,
and then I'll let you explore all
the rest of them in illustrator. So let's go to Window, all the way
down the bottom to Brush Libraries. Go to Vector Packs, and
let's use Grunge brushes vector pack. That opens up. I'm gonna make it bigger so you can see
all of the different brushes in there. And with these guy selected, with my black
arrow, all I need to do is click on one. Get ready, giant strokes. Cool though, aye. I love it, turns your kind of really, I guess clip art style lines in to
something a lot more kinda hand drawn. Now, one thing by default is that
they have kind of like a preset size.

So once you've drawn them or
applied them like we just have, over here on the stroke,
you're gonna have to make them smaller. Now in this drop down,
you can go down only so far like 0.05, 0.25 Considered a hair line,
that's kind of small enough probably. But say you want to go even smaller you
can actually just type it in here so 0.25 it's going to go 0.05 so
just typing it over with my keyboard, hit return on my keyboard. And now I've got a really nice thin line. Okay, probably want it to go a little
big bigger, so I'm thinking maybe 1.5. Cool? So I'm gonna select them and
just go through these different options, you can explore which
ones you like the best. Okay, so, I'm just gonna keep
clicking them while you watch. There we go, that's nice. So one thing you can do is you can
see I drew lots of individual lines. If you end up drawing one long thing,
there's nothing wrong with that, but you end up with, say I draw a wing on
this side that's just one long piece.

There's nothing wrong with except,
because it's one long piece and I click on this and I make it,
what did we decide, 0.01. 0.05, okay? Can you see, the stroke starts
all the way along here, and has to stretch itself all the way along. You end up with this kind of,
I don't know, stretched stroke. Whereas this is kind of
a similar sort of design, but there's lots of little different
things going on, okay? Cuz it's just one stroke,
beginning to end, whereas that is trying to stretch
itself along this really long line.

It's up to you, what you're looking for. Going to delete that one. All right,
let's look at one of the other packs. I'm going to close down the grunge pack
and I'm going to draw some sort of halo. It's going to be right the first time,
ready. [LAUGH] Not even close, that's better. Okay, so betterish. So I've drawn a line above her head.

I'm gonna go to Window, and
there are lots of other stuff. Remember, so where is it,
Brush Libraries, under Vector Packs. Grunge is cool, Hand Drawn is cool, and the other ones that I find are quite
nice are ChalkCharcoalPenil and Ink. While the rest are okay,
some of them are downright terrible. But let's go to Ink, cuz Ink has a special
kind of extirpate at the top here. So let's just look at some
of these bottom ones.

The cool thing about Ink is that
some of them, the Stock Ink Wash, you can see it's kind of transparent,
which is kinda cool. Because it means if I draw another one, so if grab the pencil tool again and
I draw another one. I'm sure that's,
that's back to being the doughnut, but if I make him the same stroke,
can you see where they overlap? You start getting this kind
of double transparency. Let's zoom in a little further. You can see where they overlap. They kind of double up and
make a fuller color. You get what I mean, rIght? Now there are these
options at the top here. So I'll show you how they work. They work slightly differently.

So I grab my pencil tool and
I draw a smiley face [LAUGH]. Okay, it looks exactly that. Let's draw a crown. That's my crown. Okay with it selected,
I go these look cool, weird stuff happens. You're like,
that's not what I was expecting. Okay, so often these ones
get used just by themselves. I'm gonna delete my wonderful crown, so instead of applying them to a stroke
you can just drag them out. So I'll say this one here,
just drag it out, don't need a stroke. Just they're kind of
like single use things. Just drag them out and
they just kind of spot on. You can ungroup them. They're in a big group. Say you like all this, but
you don't want this guy. You can go object ungroup. You have to ungroup quite a bit. There's like a zillion
groups in this thing. So I've ungrouped it. Still grouped. On groups, this shortcut there,-
+ Shift + Cmd + G on a Mac.

It'll be Shift + Ctrl + G on a PC. I'm gonna keep smashing away on a keyboard
because you have to ungroup it so many times. Now they're all ungrouped,
now I can maybe delete that line. And maybe rotate that one to
get a different size, copy and paste it, give it a mean. So these guys just get dragged out,
these get applied to strokes. All right, so
we've done the angel in this one. I want you for
your homework to work on Brush 02. Okay, so we've worked on Brush 01,
this is the angelic heavenly version. I want you to work and
do something kind of evil with Brushes 02. You ready for it? [LAUGH] This guy. [LAUGH] All right, I'm sure that you,
it's [INAUDIBLE] without laughing [LAUGH]. I love this guy.

I love dogs. I love pugs.
This guy is the best in a little jacket. But I want you to, I'm thinking kind
of devil horns, pitchfork type thing, the opposite of what we had here. I want you to do it. It's your exercise. You don't have to make him evil. You can make him happy. Now I don't know if it's just me or
that, yeah. I found this guy, thank you Charles,
[LAUGH] for dressing your pug up and sharing the photo on Unsplash. But this is your class exercise. Practice the drawing. [INAUDIBLE] Let him go. So I can stop laughing and
I want you to go through and practice using some of your tools,
Pencil Tool, use the Grunge, try some of the other ones and
I would love for you to share it with me.

This would be a perfect one for
you Instagram, so remember on Instagram I am BringYourOwnLaptop on Twitter
we are TutsPlusDesign, and personally I am DanlovesAdobe. I love to see what you do with your pug. And I will see you in the very next video. After you've done your pug homework, and we'll start looking
at color in Illustrator. Hi there, this video is all about color. We're gonna look at your traditional RGB. We're also gonna look at
something called HSB. Don't worry, it's really useful. What's really useful is
this Adobe Color Themes, so we get to explore colors that
maybe we wouldn't naturally pick, just to help express our lovely logo
in a few different color options. All right, let's get started. First thing is let's go to File,
let's go to Open, and in your Exercise Files
there's one called Color. Open him up. Okay, so you can use your version of
the M from the previous exercise, or you can just use this one here,
it doesn't matter.

We've kind of looked at color a little
bit, but let's get into the nitty-gritty. So first up, in your Properties panel,
make sure, you don't have to, but just so you know, I've turned back my Smart Guides
on, cuz it's gonna be handy for the rest of this course. Turn the little ticks on. So when working with color, let's say I wanna change this
color from black and white. I'm gonna pick a fill color. We've got our premade swatches, these are the ones that
Illustrator give us by default. Then there's this option, the Color Mixer,
which allows us to kind of pick colors from down in the bottom here, or
type in, say, brand-specific colors.

Okay, say you know the RGB values for
your brand, you can type them in there. You might also have this number, that's
another way of describing RGB colors. You might have that somewhere in
some sort of corporate spec manual, and you can just type it in. If in here yours is CMYK, it doesn't really matter which
color field you're using. But if you do want to switch it,
you can tell I'm at RGB, it says it on the top there, and
I can change it by going to File, and down here to Document Color Mode,
and go into CMYK. Or switch it to RGB, up to you. Okay, let's say this random color
that I ended up with, I like, but I wanna make a darker version for
it, okay? So I'm going to say, I like you, but I want a slightly darker version of it,
okay? So I like it just a bit darker. But making it a little
bit darker's quite tough.

You need to slide these RGB sliders
down and up equal distances, so it's a little bit hard just to lighten and
darken a color. So I'll show you a cool little trick. I don't use RGB. I often switch it to, do you see this
little palette option here, HSB. And you're like, man, another one. [LAUGH] CMYK, RGB. Don't worry, HSB and
RGB are the same thing. It's just a different way
to describe the color. This shows you the mixture of red,
green, and blue. This just shows you the hue,
saturation, and brightness. And it doesn't matter if you're pro or
entry-level, I find it's easier just to grab this and
just go, let's change the hue, okay? Or change the saturation, how light it is,
how kind of full-on it is. And then this slider,
the brightness, okay? Fully bright, and
you can just darken it up. So, yeah, pick a color,
I'm gonna pick this color. I want it to be a little darker. And I wanna use it again, so what I'm gonna do is I'm
gonna switch to my swatches.

Remember, swatches
are kinda pre-made colors. I can make my own, though. So I've got that selected,
I'm gonna click on this, New Swatch. I can give it a name. This one's gonna be called my M, M Pink. And you click OK. So now I can go to you, my friend. You are going to be that cool new swatch
called, there he is there, M Pink. But I'd like to go to my Color Mixer,
which is currently set to HSB, and I'm gonna just make it a bit darker. Same with you, I'm gonna click on you,
you're gonna be that same pink color. What am I clicking on? I'll go with him,
he's going to be that pink color.

If he's not there you
can go to your swatches. There he is there, okay. And I'm going to say, actually,
you're even darker again. And this one's the darkest
version of them all. Yep, yep, yep. Dark, dark, dark, dark. Cool, so I guess that's just
a helpful tip, using HSB. It doesn't change the,
there's still red, green, and blue,
just a different way of looking at it. All right, so that's one color option,
the pink color option for the logo. Let's duplicate it, copy and paste it. I'm gonna have another version and
I'll line them up. That's why Smart Guides are back on. It's clever, see that? Ha, straight across. Let's look at, so color, right? I get stuck doing the same
colors all the time.

I quite like these pinky,
peachy, fiery red pinks. And I use kind of a teal green pretty much
everything [LAUGH] through my documents. So to kinda bust out of the same
colors that I use every day. Okay, if you go to Window there's
a cool little trick under Color Themes. So Window > Color Themes. You need to be logged into your
Creative Cloud account, I'm pretty sure. And you need to have patience, especially
when your Internet's real slow, like mine. This little thing loads up, and what you
want to do is jump straight to Explore.

Skip Create, we want to go to Explore. Cool, so in here, I've got the most
popular colors that are being used in something called Adobe Color. It's an online Web thing where people can
upload their colors and vote on them. It's pretty cool, it's pretty color-nerdy. What the result is, I can say, I wanna
see the most popular of all time, or all of this week, or all month, and it's just really cool to see nothing
other than just cool colors I could use. It's just really handy to bust out of,
say, your, I don't know, the same colors you use every week. So I kinda like this one here. So the best way to use it is to click
on it and say Add to My Swatches.

You can close this down or leave it up. But now I can say, you, go to here,
go to my little swatches one, pre-made, and
there's that little group there. Cool? So I'm gonna say you
are gonna be used there. That's gonna be my darkest color, so
I'm gonna go to Fill, I'm gonna use that. Use you there. And you are going to be this color. Is that a good colorway? I don't think so. I think I messed that up somehow. That's all right. That's why we got these options and
we can [LAUGH] play around with them. I'm gonna do another one, so
we're gonna duplicate him. Sneaky trick, ooh,
I showed you a sneaky trick. So instead of copying and pasting, I drag
with my black arrow, while I'm dragging, hold down the Option key on a Mac,
Alt key on a PC, and that will drag out our duplicate. So instead of copying and pasting, just
drag it, hold down the Option key, and you get a duplicate.

All right, and so this guy here,
I'm gonna do one more set of colors. I'm gonna speed through it. Okay, so I've picked a color there. And I also remembered to show you,
[LAUGH] I just remembered now. Go to Explorer, and you can see this
button here, it's a search option. So I typed in 80s, and
look at all these brilliant 80s colors. So you can type in cafe and bank, and
there's all sorts of things in there. So back to speeding it up again. All right, we're back. I picked some colors. Yeah, I'm good with them. Cool thing about it is we can just
keep duplicating these things and keep carrying on. I don't know why. I think it feels like it could be
kinda cool if we move these down. I'm just using my arrow keys.

Maybe grabbing this. I'm just using the arrow
keys to tap it to the right. I don't know, does that look better? I'm gonna pick one more 80s thing,
I'll see you in a sec. All right, I'm back. [LAUGH] That's my 80s version. And I guess that is the color basics. So we worked out how to use RGB,
switching it to HSB, hue, saturation, and brightness. Then we looked at this
cool Adobe Color Themes. If you really enjoyed this,
go check out color.adobe.com. That's kind of the big Web
interface version of this. Go to Explore, and you can, I guess,
see, they're quite small in here. You can see them in a nice,
bigger Web version. And what you've gotta do now is
take the M that you made earlier. Actually, you made a different letter,
remember? It was an E or a J,
something easy to draw.

And I want to see your color options. So maybe do four or
five colorways using your own colors and a mixture of Color Themes. And I'd love to see your examples. So drop me a note on social media. So I'll see you in the next video. Hi there. In this video, we're gonna take
this boring background and add a beautiful gradient to it. Gradients are in right now. You might not be as excited by
this particular gradient as I am. But, I'll show you how to do your own
custom stuff here in Illustrator, all right? Let's get started. All right,
you can get started with using any shape. We're gonna use though, under File > Open, I've got a file that we can
all practice together with. Same one we got started with,
it's called Getting Started. So click Open, but
it doesn't matter which file. We're gonna use this square
in the background, just cuz.

You're gonna do type in the next video,
and this little fox I made with
the shape builder tool. For this background here,
I want it to be a gradient background. Gradients disappeared for
a while and now they're back. They're cool. They're hip. Let's do them. So, black arrow, got my box selected, and
the easiest way to get started is go to Fill and
there's kind of a generic gradient here. There it is there.
There's a generic black and white, a generic weird yellow-orange one and
some sort of hardly blue one.

There's this one and this [LAUGH]. There's some terrible ones built into it. But let's just start with black
versus white, and we'll change it. To change it,
let's click on Gradient Options, OK. And I'm gonna close that back in. Otherwise you can go to Window,
open up Gradient from there. Cool, so I'm gonna move them
just over here somewhere. So, you can change the color,
and the direction, and the type.

So, the type is linear, left to right,
or straight-line gradient, or radial, here, depending on what you wanna do. Let's start with a linear one. Let's change the colors, we'll just need
to double-click these two little swatches down at the bottom here
that look like houses. Double-click the white one. And you can pick your swatches,
or your color. I'm gonna pick color and just kind of
randomly pick a color to get started with. It's gonna be green, of course. And double-click the last slider,
to change the in one. And I'm gonna pick another color. I'm gonna keep clicking colors
until I find one that I like. That'll do. Okay, you can click it again so
it jumps back in. So we've got two colors. We've got a linear. Let's change the direction.

You can be very analytical and say,
I want it to be top and bottom. Is it 90? No that's 90 [LAUGH]. 180 is gonna flip it across or
top to bottom, going to be 90. What I find is, unless you wanted
those kind of stock degrees, I just use this tool over here. It's this one here,
the Gradient tool, okay? That little square there
above the eye dropper. Click on him. What ends up happening is that's
the line from top to bottom. You can click, hold and drag anywhere you like to get
a kind of more of a custom angle. Okay, that's kinda what I want. Who knows what angle that is. I'm just kinda getting it across there. The other thing to note when you are using
this, if I draw a really short one, look, okay, it starts at that green and ends at
that dark green in a really short period.

So you've gotta decide
whether you want it. You can start it out here and all the way
passed, so that absolute kinda dark green and the light green are actually
off screen and wont be seen. Okay, or do it really short. Now it's quite similar when we're
using radial gradient, okay? Kinda sticks itself in the middle there,
which is often not what I want. I wanna do this kind of more. I'm gonna click, that's the center of your
gradient or your radial gradient, and I'm gonna do something like this. So it's more of a kind of a wofty,
I'm gonna grab my black arrow, click in the background, you get what I
mean, it's kind of like a linear gradient, it's kind of wafting. [LAUGH] All right, with it selected,
back to my Gradient tool. I'll show you a few other
things we can change. You can invert it, say you want
instead of changing these colors, you can click on this button and
you can reverse the gradient.

So it's dark in the middle and
light around the outside. Now, I've just randomly picked colors. I'm not particularly happy with them. So, you can go off and just keep picking
them or remember in the last video, we looked at something called Window. And we went to Color Themes. And we can pick different
themes from that. Okay, but sometimes it's hard to work
out what a good gradient will look like. So there's a cool little
site called Grabient. So it's just grabient.com. And the cool thing about it is
just somebody's gone through, this company here, unfold, they've gone
through and just picked cool gradients. So, on this first page here,
I like this one. And the cool thing about it,
how to implement it, let's do that. So that's the beginning color,
there's the end color. So I click on it, it tells me the color.

And it's done in this hexadecimal number,
which is a hash, and then six digits. So it can be numbers or letters,
I'm just gonna select it and copy it. So I'm using Edit > Copy, so click
through that or you can write it down. Jump back into Illustrator. What we can do is double-click
this first house. And we don't have the RGB, but
we have this hexadecimal number. You can type it all in there,
even with the hash. Hit Return, and
there's that first blue color. So my second color's quite like this one,
but I want exactly this so I click on it, grab that, copy it, back into Illustrator,
double-click this and paste that in. Hit Return and I've got those two colors. Don't like radial, I'm gonna go to linear. Then I’m gonna use my gradient tool. Drag it out. That’s the gradient that I want. Now, some of you are gonna ask how I
did that where I toggled between using Google Chrome, and
then back to Illustrator.

You might know already. If you’re on a Mac, it’s Cmd+Tab,
so hold the Cmd key down, hit Tab, and you can keep tabbing
along to find the application. I find that it's just good for
copying and pasting Cmd+Tab, Cmd+Tab. On a PC it's Alt and Tab, okay? So hold the Alt key down and
hit the Tab key, and it will cycle through
the open applications. Sometimes I gotta catch myself out doing
shortcuts on these beginning courses but yeah, you probably were gonna ask so
there it is. One last thing we're gonna do is,
let's say we find, I'm gonna go to the second page and
find one. See this one here? This lovely gradient that
has three colors in it. What do I do if there's three colors? So let's get started. First color. Double-click him, paste him in, Return.

I'll do the end color. It's probably the same as that last one. Slightly different, but
now I need one in the middle. All you do is, there's this kind of like
no man's land between these two swatches. Just click there, okay, and
you can add another one. Double-click it, jump in here,
grab that middle color. Cool, you can get rid of them, okay, you
can click on it and just click hold and drag it down to no man's land and
it just disappears. It's magic. Undo, put it back, I love my gradient. Now, we've done it to a big rectangle. It doesn't matter what you do it to. You click on this piece. Gonna close down color themes. And you can start the same way,
I can go back to my black and white, start adding colors or
in this case, because I just did a gradient, I can
click on that and it's gonna apply it.

I can grab my, awesome. [LAUGH] All right, that's it for
gradients in Adobe Illustrator. What we'll do next we'll start
looking at type and fonts. All right, I'll see you in the next video. Hi there. In this video we are going to look at how
to create type boxes, how to work with fonts and how to download good looking
fonts from something called Typekit. Let’s jump in and get started. All right, to get started go to File,
go to Open. And in your Exercise Files,
there's one called postcard.ai. Open him up, and this is him. All I've done is put an image in
the background that I got from Unsplash. It's from Hector Martinez. Very cool image. What we're gonna do is look at type. So, type and text and
fonts, all of that stuff. So over here in your toolbar,
grab the capital T, the Type tool. And there is two kinds of
text boxes you can create. If you just click once,
it's called a point type box. All it means is that, When I type, it just keeps on going forever.

Okay, so it's really good for,
say, you're doing some text for this logo or a heading, okay, just
a nice simple text box, just click once. What I'll do is with it selected,
I'm gonna select it white, so you get the idea. Okay, the other kind of text box is,
let's grab our black arrow. Click on the background so
we've got nothing selected. Grab the Type tool and this is better for
body copy, it's called an area type box. You click, hold, and drag. It just means it's got a boundary, okay.

So that the line comes along and
breaks and comes along to the other side. Again, back to the black arrow means
it's all selected, make it white. So depending on what kind
of text box you need. You can draw a point type box and
type on further or drag out a box, get a specific width that breaks. You can see here if I start typing, okay,
you'll see it breaks on to the next line.

Now, what is all the stuff that's in here? It's just something called Lorem Ipsum. It's just there are actual Latin words
that are all mixed up into a random order so that you as a designer can
design the look and feel of, say this postcard without
having to use actual text. For me as a designer,
often I don't have the text yet. Say a copyright is writing it. And also, I'm getting kind of like visual
concepts signed off by the client.

And we don't want to use actual text
because often the client can come back with like grammar and text amends. When really you're after more
a style feedback, not text amends. You can leave it in there for
the design, but obviously it gets switched out for
the end. So we'll work on this body
copy down the bottom here, we're gonna kind of put
it somewhere over here. And we're gonna look at two kinds of text,
so two kinds of text boxes and two kinds of text. When I mean text I mean fonts. Okay, this is defaulting to
the last font that I used. It's probably for you gonna be Myriad.

Okay, Myriad is like the default font for
Illustrator. I've got lots of Myriad. Myriad Pro is probably going to
be what it's gonna be, or Minion. It's probably Minion, actually. Minion Pro. Cool, so let's look at the fonts that are
built into your computer versus the ones we can download from
something called Typekit. So first up with my black arrow
with this text box selected, I'm not gonna cover over
here on Properties tab. We're not gonna cover everything
like font sizing, okay? Easy, there's the line spacing, okay? So they call it leading in here. Okay, but
it's just the spacing between the lines. There's the spacing between
the characters, so spacing between words, spacing between characters,
paragraph, left and right align. I'm not gonna cover all of this because
it's pretty basic word processing. The one thing I will show you
is see these little dots? So there's the character kind of panel
right here and there's these little dots.

What could be in here? More options, so
you get a bit more detailed stuff. I can make it all capitals,
there's subscript, baseline shift, all sorts of other stuff in here. Again, I'm not gonna cover it all cuz
it's pretty easy to experiment with. Same with paragraph, we've got left,
right justification. Click on this,
there's a bunch of other stuff in there. Okay, but I'll let you explore those ones. What I'm gonna do for this, I'm gonna drop
down my Character panel and you'll see in here and these are all the ones that
are built into my computer, okay. I've got quite a few on my one but
I go through, find one that you like.

And one thing that can be quite useful, especially if you've got a lot of fonts
on your machine like me, like man, I just wanna find a say a serif font or
a sans serif. So a serif font is like this one at
the top here, it's got the little serifs, okay, the little extra hanging
pieces that are off the edges here. So say I want a good serif font.

It's gonna cut it down. See this little filter? It drops it down to everything that's
on my computer that's a serif font. You can kinda get a sample
of the look of a serif font. Okay, so that's uber cool,
it's really handy just to go through and kind of cut down the fonts. So I want script fonts. Okay, you can see there is all the script
fonts that I have installed on my machine. Some terrible ones, like Brush Script
to some nicer ones like Lust Script. You're probably not gonna
have all of these but just know that the filter
can be really handy. I'm gonna go back to serif fonts and,
actually, I'm going to turn it off. Go to All Classes and in here,
I'm gonna type in the one that I want. It's the one I already practice with,
Goudy Old Style Italic. I'm gonna probably close in
the leading a little bit. And get rid of that
crazy thing I did there. And put a little full stop at
the end of my fake text and that's gonna be my body copy.

At the top here, we're gonna look at
fonts that aren't from your computer, how to download them from
something called Typekit. First, we're gonna put some text. It's gonna be all caps. Your, I'm gonna put a Return in,
digital partner. Very generic postcard,
not sure who we're sending this to. But this M company that we've made,
or whatever letter you've made it. I'm pretending it's a digital agency,
does seem sort of creative work anyway. I'm gonna pick a nice big font,
okay, and yeah, there we go. So I wanna find a font
that's not on my machine. So what we can use is
something called Typekit. Now Typekit is a service that Adobe
provide but it's not paid but it's complimentary if you have
a Creative Cloud license.

So I'm signed into my Creative Cloud
license to use this software. And as part of it, they give me
access to this thing called Typekit. So select your type with the black arrow,
drop down the font, and there it is there, Add Fonts from Typekit. It's gonna load up our web browser,
it might make you sign in. You can see there, I'm signed in,
my smiley face there.

And Typekit are just fonts that
Adobe allow us to download. They're pretty amazing, there's some
really cool examples along the top here to kind of get the creative juices flowing. I wanna know what this is. And you can say get all of these fonts so
it downloads. I'm gonna ignore that and scroll down cuz this is the bit that's
gonna help me kind of find my fonts. So the first thing we can do is,
let's put it on All Libraries. Along the top here I think it starts with
true sample text, but you can type in because we know we're gonna be using the
words your, I'm gonna use caps, digital. Sometimes you pick a font and it's not
til you actually start using it in your characters before you realize,
man, that doesn't look so cool. So you can see here this,
I don't probably like as a font anyway but you can see that it's really weird
spacing in the word your in capitals.

Same with that one, and
I'll lower the size preview so I can see a little bit better. And actually I might go from this
grid pattern to this straight line so you can start to see all the fonts
before you download them. Okay, you can use them commercially
as long as you've got an up to date Creative Cloud license. The other cool thing to do with these
fonts is this classifications over here. Instead of just searching through
millions of free fonts online, you can go actually I want
to show you the slab serifs. So a slab serif is considered the same
sort of serif as we describe earlier, it has these little feet but
has really quite thick feet. I didn't even click slab serif,
[LAUGH] it's the one I wanted. Okay, so you can see these kind of like university
style big slabby serifs on them. Hand drawn fonts. You can choose whether they've considered
say you pick a serif font, and you want, actually it's gonna be for body copy so
you pick a paragraph recommendation. So it's more of like a easygoing font,
easy to read.

Where a heading font can get a little
bit more exciting, Gastromond. There are lots of other options in here,
let's say that I want a thin font because I just decided I want a really thin font
so I can fit lots of kind of title ticks. You can see, cuts it all down,
super useful. There's different weights,
whether they're full caps or no caps, okay, there's lots of
things you can work around. I'm gonna turn all these off and I've actually got a font that
I've already tried to pick. So I'm going to go to the top, and search. This one's called League Gothic,
there it is there. I liked it, a good one while I was
making up this example for you guys. So once you've found a font,
you can have a look and say, yeah, there's some different weights,
and there's an italic version.

It's by Tyler Fink, from the League of
Moveable Type, like they fight crime. What we can do is we're gonna click
on this one that says sync all, and this is the beauty of Typekit. Kick back, Mac or PC, relax. You get a big tick. Somehow [LAUGH] I'm up to 337. That's the thing over
here I'm looking for, it says you've added four fonts
magically to your computer. It's that easy,
don't know how I have more than 100. But anyway, ignore that,
let's jump back into Illustrator. And in here now, without doing anything
else, don't need to close it down, I can type in League. You can see that's the font that I want. There's there,
gonna pick a lot bigger size.

And I'm gonna play around
with the letter spacing, but that's how to get and use Typekit fonts. Little underwhelmed with my font section
now, looked good in my little preview. There we go. All right, so you can skip along now. I'm just gonna do some tidying up. Gonna grab the edge here to
kind of resize the text box. Probably what I want to do is
interacting with the back, I picked an image that had a nice dark
background but I'm gonna do a bit more, I'm gonna grab the Rectangle tool. I'm gonna zoom out a little bit. I'm gonna draw a rectangle
that covers half of it. I've got my smart guides on so
it should tell me where half is. Pretty good. And go to fill up black,
and this opacity here.

See the opacity? I'm gonna lower it down. And then I'm going to select
it with my black arrow and say arrange to the back to
put it behind the text. And you can kind of see
what I'm doing there. I'm trying to use it as an element,
a design element, but mainly just to darken up the background so
we can see my type better. All right,
that's how to create text boxes and use Typekit fonts using Adobe Illustrator. Let's move on to the next video where we
start looking at some effects like liquify and distort. All right, I'll see you over there. Hello, and welcome to this video where we look at
all the Liquify tools in Illustrator. We're gonna take text and
we're gonna make it all drippy and droopy. We're gonna make it explode,
kind of crystallize, we're gonna twirl it, more exploding.

Make it pucker,
make it bloat, more wiggling. And then there's only seven tools,
so this guy doesn't do anything, but rest of them are pretty cool. Let's learn how to do that
now in Adobe Illustrator. To get started,
you can open up just a plain old document. I'm opening up a document from
the Exercise Files, okay, called, where is it, Liquify,
there you are, click Open. The reason you can just,
it's just a blank document. But I wanted to put this kind of gray
to gray gradient in the background for no good reason. It just kinda looks nice.

All right, so we're gonna use type to
do like you saw at the beginning there. So we're gonna grab our Type tool, okay. We're gonna click once to get our point
type box, we're gonna type in our name. I'm Dan Scott or Daniel Scott or
Daniel Walter Scott. So I've typed in my name,
I've gone back to my black arrow, just thought I'd have it. And I'm gonna pick a font and
a color and a size. So you do the same and I'm gonna use Lust,
which one of Lust, go Lust Script. And this one here is Lust Script, is from
Typekit and you can go and download that.

And I'm going to bump the size up to
something like, that works for me. In terms of the fill color, I'm gonna pick
the just the color off white to go with my gray, moody background. All right, we need enough space cuz I've
given you a nice long document here, it doesn't matter what size it is, but
I wanna put eight of these in here. So one, two, I'm gonna kind of
stick them next to each other, so. Once you get to here,
I can kinda guess, so pick a font size that works so
you can put a bunch of them on the page.

All right, for this to work, what we need
to do, is we need to do something called outlining the text, because this
at the moment is editable text. We can't destroy it like
you saw at the beginning without kind of breaking it apart. So the good thing is we get
to use our Liquify tools. The problem is,
is we can't change the spelling or the font of the size afterwards,
so we need to break it apart. A really good habit to get into
is to copy and paste it and just have a version up here for later on.

Because it'll be months, and
you'll come back and be like, yeah, what was that font? You'll be like, I have no idea. Because once you've broken it apart it
won't tell you that it's Lust Script. So it's just handy to have over there. So this version here, with it selected,
with my black arrow go up to Type, and there's one in here that
says Create Outlines, okay? And watch what happens to it, just kind
of, nothing really changes, except now, if I zoom in, okay, it's no longer edible
text, it's telling me it's not Lust.

Still looks the same, but I can't
double-click with my Type tool, and try to go into it to change it. Where did we end up,
remember this from the beginning? We are lost, things have gone weird, okay? We're in something called isolation mode,
remember? Click the arrow a couple
times to come back out. Cuz at the moment,
by default, it's all grouped. So if you double-click it,
you insight that group. All right,
let's move on to the Liquify tools. Actually, we can't, not just yet. So we've broken it apart,
we need a few duplicates. So I'm going to copy and paste it,
okay, and just kind of line it up and try and get four across the top and
four across the bottom.

I'm gonna use my trick, where I'm
dragging with my black arrow and I'm holding Alt down on a PC or Option on a
Mac, and just trying to get all of these. So what I might do is
select them all over here. Okay, this is my line panel, I'm gonna
pop this little triple dot open and go in here and say,
I want to distribute them horizontally, then I'm gonna drag out another copy. I've got loads to practice on. So select this guy, zoom in. Now, Liquify tools are in
this kind of group here. The one on top's called the width tool,
click and hold him down and we wanna start with the Warp Tool.

Okay, and by default I'm not sure your brush
size is going to be the same as mine. So I'll show you how to change that
before we get going cuz the brush size is quite important. To change the brush sizes,
like we did with the Pencil tool, anybody remember how we
changed the Pencil tool? Okay, we change the smoothness and
fidelity and stuff, remember? You double-click it. So you double-click it, and
we get our Warp Tool options, okay? And width and height, okay, let's just
put in 50 points high, 50 points wide. So you deal with the width and intensity, don't worry too much about
anything else in here.

It's the size because for
some reason you have to do the width and the height separately, but
the intensity is quite important. That'll make a bit more
sense as we go along. So let's click OK. I've got a size about this. I've got it selected, okay? So my black arrow, got it selected, go to
my Warp Tool, right, your Warp Tool, okay? And it does this. So this one here,
we're gonna do this kind of like dripping, melting text thing, okay? So you can see it's quite cool? Love it.

Liquify, I'm just kinda clicking and
dragging across it. Drippy text, very cool. Okay, so I wanna go over it with
one kind of versional pass, and then I'm gonna go through,
maybe, with a smaller brush. Remember, double-click the Warp Tool and
go in here and I'm gonna go 20 by 20, okay? Click OK, I'm gonna zoom in a bit,
and do some micro blobs within these bits cuz I want it to
kinda look like it's dripping. Kinda dragging it out so I get a line and
then kinda dragging it down. Totally illegible name now.

[LAUGH] I love it, though. All right, I'm gonna leave it there and
I move on to the next tool. I lie, I'm gonna grab the Ellipse Tool and do like a little drip
hanging off the bottom. Maybe I can put a little. All right, that's for the Warp Tool. Cool? So we've done it with text, you can do
it with any sort of drawing you've done. Remember, our penguin from earlier on? You can open him up and
make him melt in the sun, but let's look at some of
the other Liquify tools.

So I'm gonna have this one
selected with my black arrow. Click and hold down, and we're gonna
work our way through all of them. And let me show you these next two
at least, and all the rest you could probably, once you've kinda worked out
the basics, you can go and do your own. We'll do them altogether, but
let's look at the Twirl Tool. Now, the Twirl Tool, okay,
let's double-click it and let's turn our brush size back up to,
I'm just picking 40. You don't have to pick my sizes, you
might have a different sized font, okay? You can adjust this intensity, though. If I leave it at 50, watch this, it goes,
[SOUND], and it goes quite fast, okay? So if I like to, [LAUGH], you can
add your own sound effects in there.

[LAUGH] So under intensity,
I'm gonna turn it down, say, 20%, just so that when it's twirling
it's not going so fast, cool. You can kinda see what we're gonna do,
right? I'm gonna grab this,
I think that's already quite twirled, and drag it out like this, and you get this
kind of cool twirling thing going on. Or I'm gonna try to get this
n down the bottom here. Watch this, if I click it once and
just hold, I get a twirl. But if I click hold and drag it,
it kinda starts looping back on itself and you can move it around and
just kinda mixing it up to, I don't know. It's getting quite complicated. See all the little blue dots,
those are anchor points, and there's just to make that curve work.

There are so many needed, so
stretching my machine out a little bit. If you're working on a really old,
slow machine, yours is probably gonna freak out
a little bit, but hopefully not. It's clearly eligible but very cool. Look at that, ooh, I like that. It was good for a second, now, hang on. I can't get my [INAUDIBLE]. Look at that, that's cool. I'm gonna click my black arrow, click in
the background to get a good sense of it. You can see some cool stuff you can do.

Now, we're doing with Type again,
illustrations, shape you've drawn, okay? Super cool. And it's like on this guy with a black
arrow, then we'll look at one more. We'll look at Pucker, okay? So Pucker and Bloat, one makes it
smaller and one makes it bigger. So these kinda go hand in hand. And let's have a little look,
I'm gonna make the brush size bigger. Teasing you, come on, user Dan,
show us what it does. Okay, if I click on it,
it sucks into the center. But the intensity is probably
a little too strong, okay? So double-click it. And for some reason, even down at 20%. This tool needs to be down to 2%. I'm not sure who decided how the intensity
will work, but sometimes 50%, sometimes 20%, sometimes 2%, so
I need to play around with it.

So I'm gonna click on this,
I'm just clicking once with my mouse. If you click and hold, it works. That's kinda cool. It's a different kind of font now,
but so, awesome. I'm gonna stay right in the middle of this
stuff and go, [SOUND], we're awesome. So that is the Pucker. This last one here,
you can imagine what the Bloat Tool does. So you can just skip on it and
just stop playing with it yourself now. I'm gonna go through them all just so you
get an idea, of how why use it at least. I like to kinda click in some of these,
I use the target right in the center, okay, to kind of blob out bits,
still pretty cool. Right in the center of that. Not my best, Darn Scott. [LAUGH] Yep. So let's have a look at some
of the other ones, okay? It is all about experimenting, right? So Scallop, Crystallize, and Wrinkle, all end up not looking the exact same but
they crinkle the edges, okay? But they work slightly different ways.

Scallop kind of drags it on itself,
so it's kind of blasting inwards. And then say Crystallize does
the opposite and kinda blast it out, we'll experiment different ones. Okay, and actually,
I've said you had to have it selected, I always assumed you did, okay? It's actually easier. We're all learning. You don't actually have
to have it selected. And it's actually a little easier to
work with when it's not selected, you don't see all the blue
lines everywhere. So Crystallize explodes out,
Scallop goes in on itself, and then Wrinkle just kinda makes the edges
wrinkly, it does a bit of both. So you gotta kinda give this
one a wiggle around, okay? And I might have to turn the intensity
up on this one, you were like, that doesn't do anything then. Okay, intensity at 2, not so
good, let's go up to 20. Okay, and you can see it's wrinkling
the edges, so it's going a bit of both.

Not a sharp. All right,
that my friend is a Liquify Tools. What I'd like you to do, is I would like to see what
you've done with your name, okay? So I would like you to type out your name,
practice with some of this, and yeah, send me a screenshot or
save it through a pic. And share it with us on social media. So remember on Twitter,
it's tutsplusdesign or me personally, I'm danlovesadobe, or on Instagram, bring
your own laptop, your sick of that, right? I'll stop saying it, it's the last
time I talk about social media. If you haven't done it already,
you're not gonna do it.

All right, Dan Scott, we will see you in the very next video
where we look at something similar. We're gonna bend and warp type rather
than this kind of more Liquify stuff. I'll show you what I mean
in the very next video. I'll see you there. Hi there, and in this video, we're gonna
take the super-straight lines, and bend them all sorts of different ways, to
get a fix like this, with just one click. We're gonna do it with the lines,
we'll do it with type. We'll do it with all sorts of shapes. Same lines, one click a fix,
beautiful-ish. Some of them are crimes against design,
some of them super smooth, super nice. It's really easy to do, let's look
at how to do it now in Illustrator. All right, to get started from
your exercise files look for a file called Envelope Distort. Why don't you go and open that one? You don't have to, all that I've got in here is I've
got a bunch of rectangles, okay? I've got one, two, three,
four, five of them.

I've put a tiny gradient in them for
no reason. Goes from a lighter green
to a slightly darker green. It's hardly noticeable, I've just
stacked them on top of each other. Now, the one thing that we need to do,
okay? Is that we need to group
all of these together. So we're gonna select them all, so black
arrow, throw a box around them all or Shift+Click them all, okay? And then go to Object and
just make sure they're grouped. Now, we're gonna go to our fix panel and
we're gonna come down to Warp. And there's a bunch to pick from,
just pick the first one, okay? Hey, okay, and
make sure Preview is turned on, okay? And then you can just slowly work your way
through all of these different settings.

I'll go through them real quick now so that you can see what they all do
rather than you having to do it. So Arc does an arc,
lower arc kinda bulges out the bottom, same with the top for Arc Upper. Arch, kinda like a rainbow. Bulge, okay. Shell, I'm not gonna read them out,
you can see them. Shell Upper, I'm gonna read them out. Flag, I love, wave, not so loved. Fish, I never find a use for,
but I really want to. Rise, look at that, some cool stuff? It just means it's such really hard to do
some of this stuff with the Pen tool and the Curvature tool.

It's often just easier to draw some
shapes and then bend and twist them. So it's kinda like what we did in
the last video where we use Liquify but it's a bit more consistent. So once you pick one,
say I like the Flag, and you can do it vertically or
horizontally, okay? And where it says bend you
can drag this left and right, depending on how much bend you want, okay? Then you can play with these two different
horizontal and vertical distortions. You can get some cool stuff? Look at that, okay? Look at that, bends around on itself. So pick one, stop messing around
with these different settings. If you do pick one, and cuz now if I go
through it, it's gonna remember these settings that I've picked,
these kinda strange horizontal, vertical. So sometimes you might have to go
back into it and say, actually, put that back to 0, put that back to 0. Just to kinda, I guess,
how it came out of the box.

Cool. All right, so I'm gonna pick one,
I'm gonna pick my Flag. And I'm gonna make sure it's Horizontal,
and I'm gonna play around with that. So there's all kind of like coming out of
this point here and flaring out, cool. Let's click OK,
cuz I wanna show you a couple things. One is, you've done it and you're like,
actually, I want to change that now, so I click on it. It's kind of weird, right? Like the Liquify tool we did earlier,
you can't undo that. Once you've done it and you've saved
the document, it's done forever. Whereas this, you can kinda still
see my rectangles across there, it's this kind of active effect. What's cool about that is you can go and
change it. So in my Appearance panel over here,
you can see Warp Flag is applied. Click on it, go actually,
clients come back and say, I like it. Can we lower it down a bit? And you're like, sure, easy.

Can I go and change it? Yep, Warp, pick Flag,
back to my lovely Fish. I hit Cancel. One of the wee things that's gonna
happen though, is say I like this, but I want it kinda flaring off
of the top of the page here. So I wanna rotate it, look what happens. Click on rotate, I have to use
the edge of the box here, okay? Not the edge of this
projecting kind of effect, but the kind of original rectangles here. And watch this,
if I do it around this way, can you see? It's an effect that's trying to make it go
horizontal still, so that's a bit weird. So I'm gonna undo, undo,
till it's back to normal. To get around that, what you need to do is
basically the same as what we did earlier with the the type,
remember we outlined it, okay? But with an object,
it's called Expand Appearance. So, Object > Expand Appearance, and you'll notice that you can't see those
little strappy lines in the middle now. It's kind of just a full effect,
it's committed forever.

I can't change it now,
which is a drawback. So you might wanna copy and
paste it before you do this, but I get to rotate it. I'm gonna rotate it around,
you can squish the ends. Okay, now, it's just a regular old shape. I'm gonna rotate it back around,
something like this. And I have type coming out the side for
no good reason, just cuz I wanna show you how to do it
with type and the pros and cons for that.

So type tool, click on it, we're using, I always use my name. You use your name, I'm gonna pick a font. I know what I want,
I want Museo Slab, I like this one. Nice big kind of university slab serif,
make it nice and big. Now, you notice that I didn't use
the font size, okay, I kinda cheated. So there's the font sizes,
you can type it in there. Or what you can do is with your black
arrow, like we did these shapes.

Remember, if you hold down shift and
grab the side, we can shrink it down, same with the type. I often do this cuz I don't want
it to be a specific size, I guess, I want it to be relative to something,
so I need to kind of visually see it, just kinda make it the right size. All right, giant Dan we are going
to envelope distort you. The cool thing about this,
is that it doesn't need to be grouped, nothing needs to happen, just do
the exact same thing, Effect > Warp.

I'm gonna pick one of these,
I'm gonna pick Fish, we love Fish. Okay. [LAUGH] Probably needs
to be the other way. Any other way by now. So, I fixed it. [LAUGH] Okay, so that's how you do type. The only other thing I wanna show you with
a type is the type is still editable, which is quite cool. So we can double click it, and
we can get right in there, and we can be, I don't know, Jan, it's my mum's name. Wal, that's my dad's name. And Ben is my brother's name. I know this doing this course and you're
like, actually, we all have three letters. We all cut it down to three letters,
anyway, okay? And black arrow kind of
in the background there. We've got a pretty
spectacular design there.

You might use it a little bit more subtly,
but you can see it's quick, it's easy, it's updatable. If you need to get rid of the editability
and you want to use, say, the Liquify tool now, okay, we need to do
the same thing as we did before with this. Okay, the flags,
Object > Expand Appearance, and now it's no longer editable type, but it is that just kind of like fused
shape that I can now rotate around. All right, my friends,
that is warping in Illustrator. Often, it gets referred to
as an Envelope Distort. It doesn't really matter what you call it,
it's pretty cool, but that ends us for now. In the next video, we're going to look
at patterns and repeating patterns. It's fun, and
I will see you in the next video for that. Hi there, in this video, we're going to
take this shape that we made earlier, flip it upside down. And then, turn it into a repeating pattern
that goes on forever and ever and ever.

We'll take a simple one and then turn it
a lot bit of more abstract version of it. We'll flip it around and
it will just repeat on forever for us. It's great for backgrounds,
I use it for printing of fabrics, printing wallpapers, gift wrap. Repeating patterns are awesome and easy. Let me show you how to do
it now in Illustrator. All right, to get started, go to
exercise files and you're looking for this one here called Pattern. Open that up, again, you can use this file
here it's just something we drew earlier, but you can use your example.

We'll just hand draw anything,
you could use our penguin, or the sea creature you made. Now to make a repeating pattern,
if we just want it to be the M, we just leave it as is. I'm gonna group it so select it all,
Object > Group, I'm gonna copy and paste it so we got another version of it. And I'm just gonna rotate it around,
okay, just so that I get more of an interesting
kind of wallpapery pen. The other thing you need to do is
that whatever size it is now, so this is my US letter. And size, this is going to
be the size of the pattern. It's quite hard to adjust the size
of the pattern after you've made it. So if this is the size you
want it leave it there, but I want it to be kind of a small pattern. Okay so I'm holding, stick to them both,
holding down Shift shrinking them down, I've got them there. So I'm gonna select them both,
I'm gonna go to Window and I'm gonna go to this unlikely character
here, it's called Pattern Options.

It doesn't seem very exciting, right? But this is where
the excitement is hidden. So Window > Pattern Options and
this opens up. Another big problem is, like, hey,
here's the Pattern Options, nothing works. Here, I click this little hamburger menu
here, click on him, go to Make Pattern and life comes good. Don't worry about this,
it's added to the swatches panel, we'll talk about that in a second. Click OK, and that, you can kinda see,
I'm gonna zoom in a little bit now, okay, is my pattern,
it's already kind of cool? Imagine that and say it's our brand for
our logo, imagine this getting turned into wallpaper that is like in the reception
lobby, board room thing, go on. And a couple of things
that I like to do is, you have probably got
this undimmed copies? It dims the one like, so
those are my two originals, and there's the repeats out here,
and you can retouch them. It dims them for some reason.

I'm just gonna turn this off so
I, wanna give it the full look? In Show The Edge, I'm in the edge either,
I wanna see what the pattern looks like? How many copies? So it's going 5×5, I wanna go up big,
not the biggest I can go 5×7, 9×9. Hey just so,
it's spread out a bit further? It's just a Preview, it will
actually continue and forever, okay? But just as a lot of Preview would,
just say 9×9. So what else can you do? Now, the grid is interesting but
not exactly what we want, right? Go to that which is tile type and
start playing around with these options. This is where it gets quite cool,
brick by row, brick by column, it looks the same, hex by column,
[LAUGH] hex by row, that's kinda cool. Once you do find one,
you have got some adjustments. You can play around with this, so my one
is 0.7 by 0.2, I'm gonna go 1 by 0.3. Don't worry too much about
what these measurements are, it's kind of a bit of an experimentation.

Okay, 1×1, nope [LAUGH] 0.5 x.0.5, it's
overlapping, it's doing some cool stuff. Okay, I'm messing about now and
it's not looking so good. [LAUGH] Overlap,
you can decide on how these guys overlap? If they do get in really small,
so watch this. If I go 0.2,
you can see that overlapping now? And I can tell it who goes on top? So well, you can kind of see
it in the background there. You on top, who's on top, now it's me. Let's name our pattern. This one's gonna be the M Company. Did we even name this thing? I don't think we did. It was just a brand that we kind pf fake
made, Momentum, it's the Momentum Agency. I'm gonna go back to Grid,
I'll play around with this a little bit. I'll get the Editor fast
forward while I mess about. All right, we're back, and you would
have noticed I spent ages doing that. [LAUGH] That's okay, so what happens now? You're like okay, I've done it,
I like it, what do we do? This is the really weird thing
about this tool, you're like great, where's the button? It's way over here,
can you see on the top left here? Okay, we've seen this before
when we used isolation mode.

But in this case,
their using this little gray bar and we wanna hit this one that says Done,
and we say, I'm done, thanks. And your like what happened? [LAUGH] Where did it all go? Okay, so what happens is,
you use these as your creation tools. You make them and you make your patent and
that pop-up in the beginning says, don't worry, we'll make it and we'll
stick it in your swatches panel for you. And that's where we need to go find it,
so we don't need this anymore. I'm just gonna put them over here cuz,
I don't know, I don't wanna delete them for no reason. I'm gonna draw out a rectangle, well, any sort of size I'm gonna
cover the whole background.

Don't worry about the fill color or maybe
give it a stroke, give it no stroke, but the fill color is where
we're gonna change it. This thing popped up, you can have it
open, it doesn't matter because the same thing's up here and here when you
go to swatches, it's up to you. So I've got my rectangle selected,
I've got the fill color clicked. And there is this, with teeny,
tiny little M Company, there it is there, there's my film, cool? And there is my crazy repeating M pattern,
I love it.

All right,
next thing is let's edit this pattern, let's first of all change what's in it
physically and then we'll change the size. So if you go to Fill, so
I've got the big rectangle selected. Go to Fill, there's this option
that says Pattern Options. Or you can go to Window and
Pattern Options is down here. Okay, it doesn't matter which way you go,
and nothing really happens. Go up to the hamburger menu and say,
I would like to edit this pattern. And we go back into that kind of
mysterious world here with the grey bar at the top. And now what it let's us do is let's click
on this one that says Show Tile Edge, cuz that's kind of the boundaries
of this repeating tile.

So what I can do is I can copy
this guy here and paste it, so I've got another guy? You can see what it's doing over
all these different places, and now you can get all kind of like
funky with copy pasting another one. And I do this more,
I guess trying to go for random. Just kind of moving it around so it fills
in some of these gaps, maybe one more. I wanna do a small one but
I think I might, and this is where, cuz this is lots of overlapping now. Say, it depends on which
color's your primary color. You can start messing around
with like who's on top? Who's on bottom? And yeah, Makes a bit more sense
when you got them overlapping. Now we've done it with the same
repeating pattern, okay? If you've seen patterns with, I don't
know, it's a sea theme and there's a fish, and then there's a starfish and
there's a bucket and spade. Draw these things and then kind of
move them around to fit the gap.

When you are done,
just like we did before, click this Random button up here, done. And then, what it didn't do before
is it didn't just disappear and you have to reapply cuz a very
big chunk of it applied. It's starting to do some cool, I don't
know, Jack and the Beanstalk stuff. I think it's a little bit more abstract
now for our, actually, what I might do is, actually, I'm gonna go, [LAUGH] I'm
gonna go and adjust this [LAUGH]. You don't want to see me doing it, I'll do
it at the end if you wanna hang around. But what you do need to see is what
happens when you try and resize this box.

Watch, I'm gonna resize it, okay,
you can see it gets smaller. Just kind of way, black arrow,
grab this rectangle, make it smaller. It resizes with it,
which is not quite what I want, or it is, one or the other, okay? Sometimes you do want it,
sometimes you don't. We need to go and change this, okay? So with it selected, actually you don't
need it selected, go to Window and go to this Window option that says
Transform, the Transform panel opens. Okay, and in here, there's a little
fly out menu, it's really hidden, you've gotta bookmark this
video if you wanna do this. If you're loving this pattern stuff
because, man, I only remember this cuz I have to teach it so many times,
where they hide some of these bits. But you can see here it
says Transform Both. So when I'm resizing something or
transforming it, it's gonna resize both the object and
the pattern.

What I can say is actually, I wanna
transform just the object only please. So it means when I resize this now,
you see? It's kinda little bit
more maybe what you need. And the trouble is it's on forever. So next project a month later, when
you start doing something you're like, why is it only, why isn't it rotating? Okay, so what you can do and what I do is
as soon as I've kind of got it to what I want, I go and turn it back to both. Now, I get to resize it and kinda get
it to a smaller size, turn it back to Object Only, and I can resize this
up and it will keep repeating forever. Now, a couple of things before I get into
playing with my button, is I am going to, say I've got a new document. Okay, I'm just gonna use all the defaults,
click OK, and you notice over here in my, got a rectangle, fill it, go to here and
you're like, where did it go? It was there and it's gone, okay? I've got this tasty treat [LAUGH], it's one of the default ones
from Illustrator, okay? And what you can do to get it from
this document to this one, okay, is that in this first document,
click the Tab, just grab this rectangle.

Don't worry too much about it,
just copy it and click in here and watch, let's just paste it,
paste it anywhere. You can even delete it,
I don't need it anymore, okay. But that whole just bringing it in,
lump it into the swatches of the document. Now, there is a long winded way of
going in, saving out swatches and loading them back in again. So you can save out swatches
using this ASE format and then open that Library and bring it
back in, it's just a really long way. All you need to do is just copy and paste
it from the document that you already had.

Anyway, one last thing,
I keep saying one last thing, is something called Spoonflower,
let's jump to that. All right, so this is Spoonflower, and
basically it's a fabric printing business. They do all sorts of stuff,
but mainly fabric. So you can design your
pattern in Illustrator. I'm not gonna explain exactly how they
upload it and get it ready for this, it's pretty easy.

There's a How It Works, and
you can go through their process. Basically, you just upload your design,
pick the fabric, okay? And they'll print it on
any sorts of fabrics, or actually print it on to actual things,
like pillows and stuff pre-made. But what I do, is I just get it
printed onto actual fabric, okay? You can pick your fabric, so here, so you
upload your design, choose your product, print your order. You can see here there's
some basic cotton and all sorts of cool fabrics that it comes
out on, okay, all sorts of cool stuff. What I did when I originally got started
with them is I've got a swatched pick sample pack, okay? So you can get, I guess a feel for all of the different fabrics before you
order them, okay, and yeah, you print it.

And they print really small runs,
which is quite cool. They print by the meter or by the yard. Yeah, it just turns up and
you can start sewing it into things. I mean, we get things like
wallpapers done for businesses or wrapping paper for maybe corporate
gifts or your own personal gifts. Anyway, that is Spoonflower, and that is gonna be us for
doing this amazing pattern making. I am now gonna close this down and
mess about with my pattern to try and make it less like a beanstalk. But if you hit me up on social media
with the things you've created, take a little snapshot,
I'd love to see what you've done. After you've done that,
I will see it in the next video, where we vectorize an image. We turn it into a cool vector hand-drawn
illustration with the click of a button. All right, I'll see you over there. Hi, there.
This image we're going to create kind of a vector poster effect.

We're gonna take regular
old images like this guy. I'll zoom out a bit and
turn them into cool stuff like that. Same with this. Took an image, made it kind of like
a three-color screen-print style. And then we did this handsome
man into a bit of a stencil and then we made it white and
it get's all creepy. No matter what you wanna do,
it's all pretty easy. Illustrator does all the hard work. Let me show you how to do it now. All right, to get started just create
a blank document, okay, any old size. And lets go to file, and place and image. File place In your exercise files, grab the one called Live Trace and
let's click place. Now, it's very easy just to click hold and
drag this out so it fits within your page.

Okay, it will just resize it
if it comes in nice and big. So with it selected with your black arrow,
head over here in your quick actions, there's this option called Live Trace. Kick back, relax, get ready. Actually, no. Click it and pick one of these. Let's pick three colors. Now, kick back and relax. Now, it depend on your machine. Mine's pretty good high core machine,
in terms of a laptop.

It's still gonna take quite a while, so
I'll get the editor to speed this up. I'll see you in a sec. All right, we're back. That took maybe another 60 seconds or so. It's not very long. If you've got a hand-me-down laptop, and
your computer starts making funny noises, and the fans come on, and it starts
overheating, just know that's real common, it's quite a stressful thing it has to do.

So you might have to just relax and
let it do its thing, and come back after a cup of tea. But it's pretty cool it's gone through and
turned this into a three-color document. It has used colors from
the document to make them. Let's look at how to adjust the options. So hopefully you still got it selected. Over here where it says trace image. You can go through the presets. I'm not gonna go through them all
because it says it takes a long time. We'll go through one or
two more later in the class.

But let's say you like this but
we just wanna change it a little bit. See this little option here. Says open the trace panel. And this big old panel opens up. Actually, yours is probably looking
a little bit more like that. So make sure preview is on. And what you can do you can see
here I can adjust the colors, okay. I can decide whether it's black and
white or gray scale. Along the top here are some other
kind of presets you can click on. The trouble with them is that they do take
a while once you do click on one of them. So, let's go through and
pick one of the other presets. Let's go to six colors, and
then we'll do one more before we go. We'll go fast. All right, so now pick six colors. It's quite cool, I love it. So there's some really
cool stuff around here. Bike looks awesome. Okay, so couple of things I wanna
show you before you go off and start practicing with all of these.

Cuz there's gonna be a time where
you're like, actually I wanna, cuz what happens with Live Trace it's
this effect that always kinda running. And it can really stress your machine
out when you try to adjust things. If I rescale it down now,
it's gonna freak out, okay. So what we need to do,
kind of like what we did with, remember the envelope distort,
where we had just the straight lines? Okay, there were rectangles, then we
had to eventually go up to object and go to expand appearance. There's a similar sort of process for
this. The trouble is that you can't have
all these presets anymore, so that's the kind of tradeoff. Let's close this down. With it selected is
the word expand over here. We'll click on expand.

Some more initial pixel clustering. Wait for that to finish. All right, so it hasn't made a blue
outline just cuz it's selected, so click off from the background. And nothing really changed,
except now what I can do is, remember black arrow moves
everything around in one big go. Okay, a little bit slowly. And lets go to the white arrow and now we can say click on his shirt once and
then drag it over. Move the white arrow it removes
little pieces and I can delete it, or I'm gonna put it back, I'm gonna
grab this chunk and check this out. Cool? What you also might do is let's
say we've got this kind of accent color in his shirt,
if you click on one of them.

Say you wanna change all of the blue
you'd be there for a long time, right? So what you can do is click
on one of them with the wire. If it's not working just click off from
the background first then back on it. Then go up to select,
I would like Illustrator to select everything that has
the same fill color, cool? It's a cool, little trick.

And it will go through the whole
document and find that color. Now I can go to my fill and
I can say you are now pink. Click off from the background,
it's a nice, quick way for doing that. Now, we've dome it for
this Live Rrace, but that slick, same color I use quite a bit through
Illustrator when I'm doing maybe a design, maybe it's a website design,
or something like that. And you're like I wanna change this color,
but it's been used throughout
your huge design. You can do select same color. Okay, so do your Live Rrace, get it
how you want, and then click expand. Then use the white arrow
to mess about with it. One last thing I want to show you is, it's really cool to kinda
do a stencil with this. We've done a kind of a full-color image. What I'm gonna do, is I'm just going to
pull our mesh in, struggling with this, just cuz there's so many paths in here,
those anchor points.

If I selected over the white arrow,
it kind of has a seizure, look at it. It doesn't even wanna select it,
cuz there's just so many anchor points that make up this
image that It's gonna look cool, but it's gonna stress your machine out a bit. [LAUGH] We'll fast forward this. All right, we're back,
so many dots to select. Even clicking off brings up
the bouncing ball of doom. All right, we're back, so
we're gonna bring in another image, [LAUGH] once this ball's gone. All right, we have to fast forward
that up, that took a little while. I'll leave it in there kind of just so
you know if you're machine's gone really badly, don't worry I got a pretty good
Mac here and it's still stressed.

Maybe because I'm doing video recording, maybe even if it wasn't
it's still pretty bad. So let's bring in another image file,
let's go to place and let's say I wanna use me. My smiley face there. So the one called Daniel Walter Scott,
we're gonna place that image in here. But I want it to be that stencil
like you saw at the beginning.

So I can go through and say actually,
Live Trace it, let's go to a black and white logo. It's kind of half work but what I really wanted was kind of me
by myself without the background. And the way to do it is we
need to jump into Photoshop. Now I know not everyone
has Photoshop skills. Probably a lot of people will. If you don't I have a Photoshop
course here on Envato TutsPlus, go check that out. We'll just do some real basic stuff. So I'm gonna delete that and I'm gonna
open that same image up in Photoshop.

So in Photoshop, File > Open, where is me? Daniel Walter Scott. That's me with my
microphone being in shot. Anyway, I wanna cut myself out. A really quick easy trick is Select and
Subject. It's a really cool new
feature in Photoshop. If you got an old version of Photoshop, you might have to use the Click
selection tool and magic? It's a little hard to see often
in these videos the marching ants around the outside but if you can see
them it's done a pretty good job. And because this is
a stencil I'm not worried, I just want a real basic selection.

If you don't have that cool little Select
subject option, just use this tool here. It's called the quick selection tool. And, just kind of work your way around. I may have lost a little bit of my hair. I can't lose any of my hair. I've lost too much. I need this tiny bit on the top. [LAUGH] Yeah, I need to go back in there. Okay, so,
any which way you get a selection, I'm gonna use a real cheap trick. No, I won't.
I'll do the proper way. With the background selected,
see there's an option here, make a mask. It's this a little square with a circle
in it, let's cut out the background.

Don't worry that's it's
all a bit chunky here. We should fix it but it's not gonna
make any difference to our stencil. All right, let's go to file,
let's go to save as, and I'm gonna save it on my desk top and
my class files, Daniel Walter Scott. Click if everything's okay. Close down Photoshop. Back into Illustrator. So if you tidy it up first in Photoshop
like that, just delete the background. If you are like, man, Photoshop's new to
me and I'm not gonna go do the course, just use the eraser tool and
just delete the background. Because the stencil doesn't
need to have a perfect edge, you can do something simple like that. So file place, I'm gonna bring in
the image that we put on our desktop. Okay, Daniel Walter Scott. There he is. Drag it out and because I'm all by my
lonesome now, I can go through and do Live Trace, go black and white logo and
just doesn't have any of the background.

Cool,huh? Another weird thing is, I think it's
because we brought in a PSD instead of that original jpeg but you notice
the options have disappeared over here. Yours might not do this. Mine seems too. So, if you can't find that's cool options
that we get to change it from remember three color to a six color. You can get through it the long
way by going out to window and go to it's called trace image. And you'll get back into
this little option.

If you know why it's not happening,
message me on social media. I'm not sure why. It doesn't matter if it's the black
arrow or the white arrow. But anyway, we can get there the long
way by going to window, trace image. And what we can do is, this is is quite
important when we're doing stencils. Which is I lower it down and
I can see a bit more detail. Okay, or at least you can kind
of see what it's doing right, it's kind of lessening the dark areas. Okay, you can just kind of drag it up and
down to where it looks good for your stencil. [LAUGH] That's pretty good. Anyway, I'm gonna go back to something. Can I see my eyes in any of these? There's not a real good balance,
but you get the idea, right? You can tidy it up in Photoshop and then
get this kinda nice, cool stencil thing. I want the glasses and eyes. That's close enough. Now remember, once you're finished,
you need to expand this thing.

Which is not over here anymore. So we're gonna have to use the long way. I'll leave this in the course because
you might have the same problem. Normally, though, they're just over here. You can do the options and do the expand. But that's the long way. Expand these guys. And now I can grab my white arrow and
because at the moment, I've got this black stuff and
this white stuff in the background. I'm gonna click on white. What I mean by that is, watch this,
if I drag the whole thing, can you see it's actually
a white background? So I'm gonna move it over
here to make it a bit easier.

Grab my white arrow, click on it. I could delete it, but there's all these
other white areas so remember our trick. I'm gonna undo, select any bit of white. Then, remember? Select Same > Fill Color. Look at us, then hit Delete. Now, we've just got my handsome stencil. All right, so
that is how to victorize an image. We did kind of a stencil style plus, I guessm a color kind of
victor redraw style here. Your homework is to do your own image. You have to go to Unsplash and
find another cool image. Or, find a picture of yourself. It could be your dog, could be your kids. And yeah, make sure you share it with me. I'd love to see what you do. But, for now, that is us, we are going
to jump into the next video where we look at exporting for
print and for web.

All right, see you in a bit. Hi there.
In this video, we're going to export our postcard,
we're gonna export some icons, we're gonna make JPEGs
,we're gonna make PDFs. We'll show you to make real high
quality ones for your printer, low quality ones that you can get
downloaded from our website with emails. Plus how to export individual icons,
PNGs, SVGs, it's all very exciting. Enough talk, let's get started. All right, to get started,
if you go to File, Open and go to your exercise files,
there's two files we need.

Okay, files even,
Export Print and Export Web. Open both of those up for me,
one looks like this, one looks like that. Okay, let's start with exporting print,
so just click on the tab along the top. And let's say, our goal here is
to send this out to get printed. We want 100 copies done
at our local print shop. The most common format for
sharing with printers is a PDF. We'll do a JPEG as well but
a PDF will give you better results, retain some of the vector
goodness inside of these images. Don't worry too much about it. Just know that PDFs give you really
high quality, really small file sizes. Now to do it, it's kinda weird. You got to File and you think you go
to Export but nope, you go to Save As. Go to Save As and the big thing we need
to do is down at the bottom where it says format, change it to PDF. The other thing I'm going to do, is I'm gonna put it on my desktop in
that class files folder that we made.

I'm just gonna to leave the name alone and
click Save. All right, so
this is where all the magic happens, and up at the top here, where it says PDF
Preset, change this to High Quality Print. So that's step number one. The only other thing you need to do is
where it says preserve illustrator editing capabilities. Turn that off, why? Because with that on, there's actually
no difference between the PDF that we're making and the illustrator file.

It has all like working back end
stuff that only illustrator needs, your printer doesn't need it. So with that off, it makes the file
not as smart let's say, but it makes the file sizes absolutely small. And there's nothing that the printer
actually needs, okay, so don't worry about it. Just set it to high quality, print,
turn that off, and hit save PDF. Illustrator is gonna say, hey,
you turned that thing off. But I kinda half explained it there. We just don't need all that
extra information for a PDF. It does its thing. Let's check out my desktop. I've got that class files and
there it is there, exporting PDF.

It is only 0.6 megabytes, teeny tiny. Let's have a look if we don't do it,
cuz if you're like man, it's a big PDF. It's probably cuz you've
accidentally forgotten. I'm gonna do a v2. You've forgotten to turn that off. So I've left it on just
to see what it does.

Let's have a little look,
takes a lot longer to make, but let's have a little look. Got a v2. One is 31 megabytes, and
one is 0.6 megabytes. So huge difference. They will both print exactly the same for
the printer. Just with a lot of
information they don't need. All right, so that's how to get a high
quality looking real good print. Let's look at doing say something
that's gonna be a PDF still, but it's gonna be something that's maybe
downloadable from your website, or something that you email out to clients. So let's look at doing,
it's a very similar process Save As, this one's going to be my Low Res version. Same thing as before, PDF and
all we need to do though is at the top, let's go to smallest files size,
make sure that's off.

It's still off, click Save, it says,
you turned that thing off, I said I know. Now my disk up here, you'll get a lot
smaller version Low Res, can you see? That was 650 kilobytes, that is only 99. Now, if you have a look at it,
it looks fine. It's a lot smaller, it's teeny tiny. And I guess in today's world,
half a megabyte is just fine.

So you might not even have to get
down to that really small file size. But we just got one page, you might have a huge document
with all sorts of things going on. Now one thing that might happen is,
it's not unlikely but you might get a chance where you've
set it to the high quality and still coming out really ugly,
you know, what happened? You can go up to affix and
go to document raster settings, okay? And that might have been switched
to run to something like screen, very low quality. You can turn it up here. Click OK, yeah, I've had students
run into that in the past. Let's say now that I want a JPEG, and
this JPEG could be going for print, cuz you're just like, I don't like PDFs,
I need a JPEG for some reason.

Or it needs to be uploaded to, say,
your WordPress blog, and you need a JPEG. Again, they like to hide
this in a weird spot. Let's go to File, let's go to Export. And we're up to this one that
says Export for Screens. You can use the Export As as well,
or all three of these work. This is just the newer one. Exports for Screens, and
it's just really handy. I want to export this
one here to this tab. Yours probably defaults to Artboards. When I export this Artboard,
where do I want it to go? I'm gonna click this little Browse button,
I'm gonna stick it on my Desktop, and that same file Choose, what kind of
format do I want it to be, okay, this case JPEGs probably, work perfect.

We'll do PNGs when we look at
web in a minute but basically, this is our quality slider here,
try 100 and what you're looking for, that's like is good as it can get. You may have to lower it down
to file sizes getting too big. But JPG 100 is kinda look nice,
you might actually just add a scale. And instead of scale, we're actually
turn it back to 1 and actually just say, I want a JPEG that's 50 as well. So it's gonna give me two
options when it exports. And I can compare the two just to see
the file size versus the quality. All right, let's click Export Artboard and
hopefully now, I've got Artboard 1 and Artboard 1-50 that means it's
just the half quality one.

And you can see the size is about half,
and let's look at the two resolutions one,
two, one, two, one, two. Hardly see the difference,
so either those work for me. Let's look at something doing
something slightly different. So PDF is the best, JPEGs are fine. But let's say, I wanna export lots
of individuals parts like this. I don't want this to be a full, white
document with these guys in the middle. I want them to have this kind of
transparency so I can see through them. So that's first thing. I need to make them something PNG.

But also, I don't wanna export them like, what a lot of people do is they'll
delete this, then export that one. Okay, and then delete everything but
this one, and then export that. So exporting them individually is a new
little trick that illustrator does. And they like to hide it in a completely
different space from all the other things, and it's this option here under window,
and go to this one that says, Asset Export.

So this little panel here,
I'm just gonna drag it to the side. So all you do is, grab this one here. Just Click, Hold and Drag it. You can't drag the center cuz there's no
fill on it, you have to grab the edge. So black arrow, grab the edge,
drag it over here. There he is there. So we drag all our icons in. We give them a name. This one's called My Palette. Man, I can't spell. [LAUGH] French person. [LAUGH] Okay, so I drag this,
next one in, I can spell funnel. Here we go. A new phase, funnel. All right, flame, I can spell. Let's have a look at Flame, so what I am going to do is this
is actually in two parts. So I am going to select it with
my black arrow, both of them, and then I am going to drag both of them in,
and wrong, okay. Can you see because they weren't grouped, I mean these must be two separate shapes,
okay.

So I'm going to undo that and
then you see two separate shapes. But if I select them both, go to object
go to group first then drag them in, and then I can call it flame. Knowing that we can drag more than one in,
I've grouped all of these ones for you, so now I'll grab all of these and
let's drag them all in. You can see how it gets a little
easier with a bit of practice. This one's my brush, this one is my stamp. Yes, I can spell all of these ones,
pencil, that'll do. Okay, so you've got them all in here. Nothing really has happened, so
this is kinda like a holding area, okay. What I need to do is I need
to select all of these. But when I click it,
can you see what went blue? The editor will zoom in. It's a little hard to
see on your own screen. You can click on individual ones and
I can pick, I want it to be a JPEG or I want to be a PNG.

What I'd like to do is just
do them all at the same time. So hold shift and just click them all,
until they're all blue. All right, now to the bottom here,
you gotta decide on the format. Now, let's pretend we are going out to
our website, and we want transparency. So JPEG, unfortunately,
doesn't allow transparency. It'll put a white background on here. So if you export it, you'll be like,
white background, weird. So you need to be this PNG.

That will give you your kinda
transparent background. But there is a new format that's getting
more and more popular called SVG. Could do PDF here as well, okay? But SVG would be say, I'm sending it to
a web designer or developer for icons for a website. They might go,
you might have a chat with them. They're kinda new. Like the developers I know, half of
them know exactly what an SVG is and how to use it, and the other half
are like, so I just send them JPEGs. What you can do though, if you're unsure,
or if you're unsure if they're unsure, is see this thing that says add scale? We're not gonna scale it out,
we're gonna back to 1x, so they're both the original size. But we're gonna do this, so it just means
one's gonna be PNG, one's gonna be SVG, and it's just gonna make two copies for
you. You can send them both and
they can just use whatever they like.

So let's click Export. In my Class Files, I'm gonna make
a folder just to keep them all separate. So these are my Web Icons. Click Create, pick Choose, and
hopefully now on my desktop somewhere, I've got web icons, and
you'll see I've got two brushes. One's a PNG, one's an SVG. And if you're like what is an SVG,
it's basically a vector graphic. Now everyone knows what a vector graphic, go check out a video here on
Envato Tuts+ about vector verses bitmap. It will explain it with a lot more detail. But a PNG is a certain size and
if I scale, it's bigger,
it's gonna get all yucky and distorted. But in SVG, if I scale it up, you see a
kings scale up to a size of a mountain or a teeny tiny size and it's still very,
very small, a lot smaller than the PNG. So that's getting you more and
more around the world. SVG is a scalable vector graphic,
PNG is, I have no idea.

It's some sort of group. [LAUGH] Photography network group,
I'm guessing? And the cool thing about it is you
can see you've got all these icons now all ready to go. It gets even better when
you start updating them. Watch this, if I go through now and I change the stroke color of this one to
pink, can you see it change over here? And hit Export. Actually I'll just do them all,
let's do them all, click on all of them, click on stroke, they're all pink, you
see the updated here, export, man, cool? Think of all the time you can save,
they all should be updated in pink. Just make sure they're grouped,
give them a name, learn how to spell and that my friends is how to export for both
print and for web using Adobe Illustrator.

All right, I will see you in
the next video where we say goodbye. Don't skip the last video, though. I've got some useful parting information. I'll see you over there now. All right, welcome. You made it to the end. I hope you enjoyed the class, I hope you
really love Illustrator as much as I do. The next steps for you, so you've done a really good general
introduction to Illustrator, and the next steps for you is to maybe
look at some more specific things.

Here on the site, there are some really
cool other tutorials for Illustrator. So go to Search, and just search for
Adobe Illustrator and you'll find there's
some really cool stuff. Daniel White's got some cool stuff and Jonathan Lamb also has some
really cool tutorials here. If you wanna see small stuff from me,
I've got kind of like, this is the Illustrator for beginners. I've got a Photoshop for beginners, so if
you are new to it or know it a little bit, go check that one out
on Daniel Scott here.

And so what else can you do? Your homework, or the projects. Remember to post them on the forum,
remember to go to the forum and search for Adobe Illustrator for beginners or
post them to social media. I'm on Twitter, it's two accounts to tag,
there is @TutsPlusDesign and also @danlovesadobe,
that's my personal one so tag both of us. I'm also on Instagram,
I am @bringyourownlaptop. Yeah, that's the end. And I never know what to
do at these end parts. Yeah, I like to just keep talking until
I run out of things to talk about, and we get to that awkward bit where I
just stare at the camera for a while.

I'll wave, though. We're at that point. [LAUGH] Bye now,
hope to see you in another course. I'll keep waving for a while..

Related posts

Leave a Comment