(gently chiming bells)
- [Instructor] Hello and welcome to this video tutorial
brought to you by testitudes.com.
So, now, we are getting into the essential practice section
of this course.
In the previous seven episodes,
I introduced you to illustrator
and showcased some handy tips you should know.
Now, it's time to get hands on.
In this video, we are going to be focusing on shape vectors.
We are going to be using the shape tool
to create a range of vector shapes.
Then, in the next episode,
look at how to manage these shapes vectors in groups
and look at how we can compound vector shapes.
Now, the best way to learn is by watching and doing.
So, to help you, I have created this worksheet.
To follow along with this tutorial,
you will need to open this document
I've prepared especially for this tutorial.
This can be found in the essential practice folder
in the project folder.
With the project folder open,
click essential practice, shapes, versions,
and select the version of illustrator you're using.
In my case, it's CC and open the shapes file
and you should have something that looks like this.
Okay, once you have this document open, let's get into it.
So, as we have already learned that illustrator
is a vector based program and we use this program mainly
to create and draw vector shapes.
One of the handy tools we have at Illustrator
is the shape tool.
This gives us a basis to build our vector artwork
and often, it all starts from a simple shape.
So, if we come over to our menu on the left,
we can see our shapes tool about seven icons down.
If we click and hold on this,
we can see an aray of shapes on offer here.
If you look closely, you can see this little arrow
on the far right of this panel.
If we place our mouse cursor over this and release,
we can pop out this small panel that will reveal
all the possible shapes that we can make.
Now, this is going to be useful
and we're going to be using this panel a lot in this video.
So, as you can see in this worksheet,
we have a lot of shapes and this is a guide
and we are going to be creating
the same shapes on top to practice.
Okay, so, now, we are ready to start making some shapes.
Let's zoom into the top row.
So, here we have four shapes.
We have what appears to be a rectangle,
a square, a diamond shape, and a triangle on its side.
Well, to make these shapes,
we are going to use the rectangle tool.
So, come to the rectangle tool in the menu panel
and it's the icon on the far left and select it.
Once a shape icon is pressed,
notice how your mouse cursor changes to a crosshair.
This is going to make it easier for you
to accurately place your new shape on the canvas area.
So, I'm going to bring my mouse cursor
over to the rectangle shape to attempt to draw one
but you may notice like me you get some green notifications
as I place my mouse cursor over the previously made shape.
If this is not happening for you, don't worry.
This only because small guides is switched on.
For this tutorial, I'm actually going to switch this off.
So, if I come to view and scroll down to smart guides,
we can currently see this is checked.
So, I'm going to go ahead and click this to turn it off.
And now, there is no smart guides.
Great.
So, let's go ahead and place our mouse cursor
on the top left of the triangle shape
and click and drag to draw our shape.
As you click and drag, you will see an outline.
This is Illustrator showing you
the shape which you are about to draw
and you can drag this in any direction
to draw a rectangle shape.
So, using another worksheet as a guide,
I'm going to drag my shape to create the first rectangle.
And upon release, we will have the vector shape
with an outline and see the anchor points
that make up this vector.
Upon release, you will also notice
the mouse cursor remains a crosshair.
This is because we can now continue to draw another shape.
Though, if we wish to control our new shape,
move around or rotate for example,
we can press V on the keyboard
to activate the selection tool.
Upon pressing V,
we can now see a different outline around our shape.
This is the vector bounded box.
And our mouse cursor changes to a black arrow.
This will allow us to click and move vector,
perhaps grab one of the squares in the bounded box,
pull it in to change the shape,
and move the cursor over to the top right corner and rotate.
But we are not going to do that here.
So, I'm going to press undo to undo that.
Okay, so, let's move onto the next shape.
And this time we have a square shape.
So, like earlier, I'm going to come to the shape to a panel
and click on the rectangle tool.
Now, there are two ways we can go about doing it.
The first way is pretty easy.
With the rectangle tool selected,
we can simply click once on the canvas area
and up will pop a properties box.
Now, if you need to create a square vector
to a specific size, you can enter the values here.
So, I'm going to enter a width of 20 millimeters
and the height of 20 millimeters and click okay
and there is our new shape.
Though, I'm going to delete this
because I'm going to demonstrate a second way.
So, with the rectangle tool active,
I'm going to come over to my square shape
and click to begin to draw.
Up my mouse cursor in the top right and begin to click drag.
Now, this time, instead of dragging my mouse cursor,
like in the previous example,
I'm going to press and hold shift on the keyboard.
And this is going to scale my shape up like so.
Pressing and holding shift is going to allow me
to scale my shape up nice and easy
so I can create and perfect square.
Nice, okay, so, lets move onto the next shape.
This time, we have what looks like a diamond shape.
So, I'm going to press V on the keyboard
to activate my selection tool.
And if we don't have our square we just made selected,
be sure to select that.
Now, in Illustrator, we don't always have
to make shapes from scratch using the shape tool.
We can use shapes we have already made.
We can duplicate them and make the modifications we want.
You made find this a faster technique.
So, this time, I'm not going to make a new shape.
I'm simply going to copy and paste the square I just made.
So, with the square selected, I'm goin to press command C
to copy and command V to paste.
There is our new shape.
So, I'm going to select it and move it into position
and all I'm going to do is simply rotate it.
So, with the selection tool,
if I place my mouse cursor over the edge,
the mouse cursor will change to a curved arrow
and I'm going to press and drag around like so.
If I press and hold shift on the keyboard,
I will snap to 45 degree increments.
And this will make it easy to get an accurate rotation.
So, upon release, I have the diamond shape.
And I'm going to use the arrow keys to finely place this
on top of the worksheet, nice.
So, move down to the next shape.
Here we have what appears to be a triangle on its side.
Now, we have just made what looks like a diamond shape.
Now, we are going to use the shape again
but make a slight adjustment to create our new shape.
So, like earlier, with our new shape selected,
I'm going to copy and paste and place it
into position like so.
Now, we have not covered the pen tool yet
but I want to show you one tool that is going
to help us modify our shape very easily.
With our new shape selected,
we're going to come onto the menu
and click and hold on the pen tool.
And we want to select the delete anchor point tool.
Once we have this tool active,
we can now see the outline of our vector shape change.
This is no longer the bounded box.
We can now see each anchor point
that makes up the vector shape in red.
What I'm going to do is come across
and put my mouse cursor over the far left anchor point
and click to remove that anchor point.
Upon click, the point will be removed,
and we have essentially created a new shape.
This is no longer a square shape.
It's now a triangle shape.
Excellent.
So, that's our rectangle shapes covered.
Let's move onto the next row and make some new shapes
with the ellipse tool..
So, again, like earlier, we are going to come
to the shapes tool panel and this time,
check the ellipse shape tool then come down
to our circle shape on the worksheet
and click and drag to draw a circle.
Just like earlier, we can click and drag
to create any sort of ellipse shape
but if we press and hold shift on the keyboard,
we can draw a perfect circle like so.
Once you have drawn that shape,
press V on the keyboard to activate the selection tool.
And move this shape into position like so.
Don't worry if the shape is too big or too small.
So, the next shape looks like a circle in half.
So, just like earlier, we're going to copy and paste
our new shape and move into position.
And, again, we are going to come to the paint tool,
select the delete anchor point tool,
move the mouse over the far left anchor point,
and click to remove that particular anchor point.
Though, notice what happens this time.
We still have curvature in the line.
We have some anchor point handles.
To deal with this, we now need to use
the direct selection tool.
So, by pressing A on the keyboard,
we can activate the direct selection tool.
What I'm going to do next is click
and drag the handle points
and push them back into the anchor point like so.
I'm going to do this with both anchor point handles
and this will remove the curvature
in that part of the line.
Then, I'm going to press V on the keyboard,
and now, we have our bounded box around the shape
ready to move it around.
So, the next shape appears to be the same
as what we just made but rotated.
So, let's go ahead and do this.
I'm going to copy and paste and place my shape into position
move my mouse cursor over the edge to show the curved arrows
click to rotate and hold shift to snap rotate,
move into place and there it is.
Simple.
Onto the next shape.
Now, we have something a little different here.
What we are going to do here is use a new tool
called the free transform tool.
So, to create this, we are first going
to select the shape we have already created.
The first half moon example using the selection tool.
Copy and paste it like so then move it to position.
With a shape selected,
I'm going to come across to my tools menu
and select the free transform icon.
This is about halfway down.
Upon click, you will now see the outline of the shape change
and now we have these circle points around my shape.
Also, you will notice a new panel up here
next to the tools menu.
This is the free transform panel.
From here, you can select a different transform mode.
So, I'm going to go ahead and click on the perspective
distort mode in the free transform option menu.
Then, I'm going to come across to my shape
and take on the bottom left point and pull out like so.
And just like that, I have used the free transform tool
to manipulate my vector shape
to create a completely new shape.
Excellent.
So, next we are going to move down
and if we take a look at the worksheets,
we can see we have some quite different shapes.
Next, we are going to use the star tool.
So, if I come up to the shapes tool menu
and select a star shape, let's come down,
and begin to draw our first shape.
And it helps to start with your cursor
in the middle of the worksheet example.
I'm going to click and drag and move the mouse
around like so and we can make a star shape at any angle
but on this occasion I'm going to hold shift on the keyboard
to create a nice shape like on my worksheet.
So, upon release, use the selection tool
to move the shape into position if you need to.
So, the next shape appears to have
a lot more points on the outside.
To create this shape, again,
we are going to use the star shape.
So, with the star shape, I'm going to click
and drag out like so but this time,
I'm going to press up on the keyboard.
By pressing up on the keyboard,
you can add more points to the star shape
and if you press down, you could take them away.
So, for my original star shape,
I'm going to press up on the keyboard seven times.
That will make the shape the same as on my worksheet.
Upon release, use the selection tool to move the shape
into position and rotate if you need to.
The next shape is again, very different.
This time, we have a lot of points
but they seem more shallow on the edges.
To create this shape, again, with a star tool,
we're going to click and drag.
Now notice how the shape is the same as we left the last one
Illustrator remembered that.
So, we're going to click and drag out like so.
But this time, instead of pressing up or down
on the keyboard, we're going to press,
and hold on the command button for a Mac or CTRL for PC.
With the command button held down,
we are going to move and drag the mouse cursor in and out.
As we do this, we can change the depth of the points.
We can make them really tall or really short.
So, I'm going to drag mine
so they closely resemble my shape on the worksheet
and release my mouse click and I'm going to reposition
and rescale to position my shape neatly
on the worksheet like so.
Excellent.
Okay, so, let's create another star.
Now, notice how the star shape is the same
as the star I created previously.
Now, this can be convenient in some cases
but not so much for others.
Right now, I just want to go back to my original star shape.
So, I'm going to delete that new shape
and use a simple technique.
So, with your star shape tool selected,
this time, instead of clicking and dragging
to create a shape, simply click once on the campus area.
Then, up will pop a menu option and as you can see,
it has the values of the shape we just made.
I'm going to change these settings here.
Radius one means the outside circle
so I'll change this to twenty millimeters.
And radius two means the inside circle.
So, I'll change this to ten millimeters.
Then, I will change my points to five,
click okay, and we have a star very similar
to what we started with and I'll just alter the size of that
using the selection tool.
Excellent.
So, I'm going to use the free transform tool again here
by coming over to the tools menu and selecting this.
Again my outline will change and we have these circle points
and a free transform menu will appear.
This time, I'm going to select the free transform mode.
From the free transform mode panel,
and click on my points until I have a shape
that looks something like this.
Next, we're going to move onto the polygon shapes.
I'm going to select the polygon shape tool
and click and drag out a polygon shape
similar to my worksheet example
and move that into position like so.
The next shapes appear to be a triangle.
To create this is very simple.
Again, with the polygon tool, we're going to click,
and drag out and this time,
press down three times on the keyboard.
Then press and hold shift to align it straight up
just like the worksheet example.
Once I have created this,
I'll press V to activate the selection tool
and move this into place and resize accordingly
to fit on the worksheet.
Next, I will again select the polygon tool
and being to draw a shape but remember,
illustrator brings out the same shape.
So, this time, I will press up on the keyboard two times
and we can see, we have a new shape,
similar to the worksheet.
I'll press and hold shift to align it straight up
and place over the worksheet example.
Next, I'm going to create another polygon.
This time, instead of kicking and dragging,
I'm going to click once and in the menu panel
that pops up, I'm going to type a radius of 15
and put in 10 sides, and click okay.
And that's is our new custom shape.
So, by now, you should have a clear understanding
of how some of the shape tools work.
The shape tool offers you the ability
to create simple shapes and by using the up and down buttons
on the keyboard and the command for Mac and CTRL for PC,
you can customize your shapes further.
So, finally, we have the rounded rectangle shape.
And this is very similar to the rectangle tool
but here we can toggle the corners
to get more rounded shapes.
So, I'm going to select the rounded rectangle shape tool
from the tools panel and click
and drag a shape similar to the worksheet.
And here, we have a rectangle with some rounded corners.
Next, I'm going to draw another shape.
But as I drag my shape to the similar size as my worksheet,
I'm going to press and hold up on the keyboard
to try and match the corners of my worksheet.
This is going to pull in my corners,
and here we have big round corners.
Next, with the rounded rectangle tool,
I'm simply going to click once,
and enter in some custom values.
I'm going to add a width of 65 millimeters,
height of 7 millimeters,
and a corner radius of 35 millimeters.
And there is a wide slim rectangle shape
with rounded corners.
So, that is how we can use the shape tool in Illustrator
to create shape vectors.
The shape tool offers us five shapes to choose from.
As you can see we can get a wide variety of shapes from them
and with aid of the free transform tool,
you can further customize shapes.
So, this is really the basis
of creative artwork in Illustrator.
You start with some simple shapes
and build up as you go along.
In this video, we looked at how we can create
and manage shapes individually.
In the next video, we're going to learn
how we can use these vector shapes in groups
and then learn how we can compound shapes
to create more complex shape vectors.
So, I'll see you in the next video.
Không có nhận xét nào:
Đăng nhận xét