[ Music ]
>> Hello, and welcome to this video tutorial,
brought to you by TastyTuts.com.
In this video we are going to be focusing
on type in Adobe Illustrator.
Now, you would find it pretty tedious, and difficult,
to create brochures, magazines, newspapers,
or books in this program, but Illustrator does offer a range
of tools to be creative with type, which you may find useful
for logos, t shirt designs, posters, or book covers.
In this tutorial, we are going to be looking at the type tools
on offer, and how we might use them.
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 have prepared,
especially for this tutorial.
You will also need to download and install the font code.
These files can be found in the essential practice folder,
in the project folder.
Now, you can download this project folder,
and the font, for free.
The download links are in the description.
Also, along the way, I will be mentioning some useful shortcut
keys, which you can find in the description,
and in the shortcut key page, in the project PDF,
which you can also download in the description.
So, with the project folder open, click essential practice,
text, versions, and select the version
of Illustrator you're using.
In my case, it's CC.
And open the text file, and you should have something
that looks like this.
Now, we're going to be covering a lot in this video,
and in quite some depth.
If you wish to skip ahead, at any point in the video, or back,
you can do so quite simply.
The topics covered in this video are listed in the description,
along with their times.
So be sure to check that out.
So, once you have your document open, let's get in to it.
And we're going to start at the top of the first art board.
Now, you can find the type tool,
over in the menu, about six icons down.
You will also notice a little white arrow
in the bottom right corner with the type tool.
If we click and hold on the type tool button,
you will see a box expand, to reveal a series of type tools.
Now, we are going to be using all of these type tools
in this tutorial, so to make it easy,
I'm going to move my mouse cursor over the little arrow
on the right, and upon release,
we will snap off an independent type tool panel.
Now, we're going to be referring to this panel over the course
of this tutorial, also it will help
to have your character panel open,
I have mine open here, ready.
Though, if you can not see yours, come up to the window,
scroll down to type, and select you character panel from here.
So we are going to begin by either selecting the type tool,
the first tool in the type tool panel, or press 't'
on the keyboard for the shortcut.
Now, we have the type tool active,
we can see the mouse cursor has changed
to this new type prompt icon.
So I'm going to click, just once,
upon click we can now see a text prompt waiting
for us to be begin to type.
Now, we have activated a type object.
We can now see up in the control panel,
a series of text formatting options.
So before I begin to type, I'm going to change my font.
I can do this by either coming to the top control panel,
clicking on the drop down on my character option, I'm choosing
from here, or if I know the name of the font,
I can click into the character title area, and type the name.
I know the font I want to use, so I will begin to type this in.
I'm going to type in 'code', and up will come a selection close
to that, and I'll select 'code bold'.
Next, I'm going to change the font size.
I'm going to type in 75 into the size, and press enter,
you should now see your text prompt increase too.
This will give you a rough idea
of how big your text is going to be when you type.
So once I'm happy with the text font and size, I'll just type
in 'text format', like so.
Once I'm happy with that I'll just come over to the menu
and click the selection tool.
Now we can see a bounded box around my text object.
This will allow me to move my text out and around,
change the shape, and scale, and rotate if I wish.
I'll just undo that.
So with the selection tool, if I double click
onto my text element, I will click into the text,
and activate the type tool.
Here we can select parts of the text element,
or make formatting changes such as, change the color,
change the font, or the tracking.
We can make these changes either up in the control panel,
or in the character panel.
We can also experiment with other effects.
With the text selected, if we take a look at the tools menu
at the bottom, we can currently see
that there is a black fill applied.
If I press 'swap fill', we can apply a stroke,
and toggle the stroke size.
Then, click on the color fill and choose a pattern
from the swatches panel.
To de-select my text element,
I'm going to choose the selection tool
in the menu, and click off.
So we can use these formatting techniques
when we are creating headers or logo type.
Though what if, for example, you're dealing with more
than just a header, perhaps a paragraph text, so if we scroll
up here, I have some filler text, which I'm about to use.
So I will just quickly copy all of this.
So, I'm going to press 't' to activate the type tool,
but this time, instead of clicking once,
I'm going to click and drag an area out, like so.
Upon release, we have now created a text area.
If I press command v, to paste,
the text I just copied will be pasted
into the new text area box.
If I choose the selection tool from the menu,
I can move my text box around,
and toggle the size of the box, like so.
Now, if we look closely we can see this little red box
in the bottom right of the type box area.
Well this is Illustrator telling us that there is more text
in this box that could be shown.
Now, if I press 'a' on the keyboard
to activate the direct selection tool,
click on this little red icon, and move my mouse cursor
over to the side, the mouse cursor will change,
and now Illustrator is asking me to draw a new type area.
So I'll go ahead and click and drag, and upon release,
a new box is created, and the rest of the type,
from the first box will flow in to this new box.
And we can see these boxes are now linked.
If I press 'v', I can move the box around,
and change the shape, like so.
And if I double click into the box, I can make selections,
and edit the text formatting like previously demonstrated.
So we can use type boxes if we are dealing with large amounts
of paragraph text, perhaps for leaflets or fliers.
Next we're going to look at text as outlines.
So here I have a text element I have prepared earlier.
And if we select the object with the selection tool,
and double click, we can see it's just a normal
text composition.
Now, there are a lot of formatting, color,
and stroke effects that you can apply to type,
but sometimes there may be other effects you wish to create,
that cannot be applied to the type objects.
Things such as applying brush stroke effects,
sharing the document artwork with others
who do not have the same font as you, applying gradients.
What we are going to do next is turn those text objects
into outlines.
To do this, we need to de-select the text object
by choosing the selection tool in the menu,
once the object is selected with the selection tool,
we can right click on the object,
then scroll down to create outlines.
Upon click, the text has now been converted
into vector shapes, though you must remember,
once you convert text into outlines,
there is no longer any way to edit this text,
so you must be happy with your composition first.
Once the text is outlined, you can start to treat it
as a vector shape, and add various colors,
and stroke effects you would otherwise not be able to apply.
So we can use these formatting techniques
when we create headers, or logo type.
The next type tool that we are going to look
at is a fairly recent tool, introduced to Illustrator.
If you're using an earlier version of Illustrator,
you may not be able to use this one.
This is called the touch type tool.
This tool allows us to make quite drastic modifications
to live text, which we can edit.
For example, I have a type element here, and we're going
to apply some touch type effects to this.
So we can either come up to the type tools panel,
and click the far right icon,
or we can press 'shift t' on the keyboard.
Now we can see our mouse cursor change accordingly.
So, let's come over to one of the letters that makes
up this text object here, if I click on one of the letters,
we can isolate that letter, and now we have a bounded box
around it, with circles.
Now, each one of these circles allows us
to make a particular change, such as rotation,
size and scale, and position.
Once I have made a modification I am happy with, I can click off
to de-select, then select another character,
make some further modifications, and de-select by clicking off.
So, as you can see, we can make some quite big changes
to a text object.
Now, if I press 't', to activate the type tool,
and click back on, we can see the text is still editable,
should we wish to change anything.
So, if we come on to the next page, we will begin to see some
of the more playful type tools in Illustrator.
If we come to the type tools panel,
and select the vertical type tool, this can allow us
to create, type vertically, pretty cool.
Now, earlier we learned how we can create type boxes
by clicking and dragging with the type tool.
If however you have a vector shape,
you can paste text into vector shapes.
For example, I have two vector shapes here,
and just up the right, I have some filler text, I'm just going
to select all of this type, and press command c to copy.
Then, I'm going to come to the type panel,
and select the area type tool.
With the area type tool selected,
I am going to stroke on my first vector.
Upon click, the vector shape will now become a type area box,
and if I press command v to paste,
I'll paste in my copy inside, like so.
So, just like earlier, we have more text
in the box that can be shown.
If I want to extend my type area into the next vector shape,
I first need to select my current type area,
with the selection tool,
press 'a' to activate the direct selection tool,
click on the red icon, move my mouse cursor carefully
over to the stroke of the next shape, and upon click,
the text will flow into the next vector shape.
Excellent!
Next, we are going to look at text on a curve.
In Illustrator, you can create a stroke path, using the pen tool,
or pencil tool, and run text along it.
Here I have a vector stroke path
that has been created earlier using the pen tool.
If we come to the type tools panel and select the type
on a path tool, we can come over and click a starting point
on the stroke, like so.
If I begin to type, we can see the type run along the path.
Now, I'm going to choose the selection tool
from the tools menu, to de-select the type,
and if we look closely at the selected type object,
we have a fit line in the middle.
If we place our mouse cursor over this,
we will see a little mouse cursor prompt,
this means we can click this and drag it down,
and this will flip the text to run
on the other side of the path.
I'll just click this again and drag it up, back on top.
We can also use the type on path tool
to set type along the outside of a vector shape.
If we take the type along path tool again, but this time,
click on the stroke of this circle,
we can place text along the outside of the stroke.
If I choose the selection tool in the tools menu,
to de-select the type, I can come
and set the text along the inside,
by clicking the fit line handle, like so.
So that covers some of the type tools in Adobe Illustrator,
which you might find useful for your artwork.
In the next video, we will be moving
on from the essentials practice stage,
and begin to create our project.
Next we will be learning how to set
up a new document ready for our project.
So, see you in the next video.