[ Music ]
>> Hello, and welcome to this video tutorial brought
to you by tastytuts.com.
In the previous episode, we looked at how to add color
to our vector artwork.
In this video, we are going to carry on from where we left off
in the previous episode and continue
to add some type elements to our poster and tee shirt design.
So here I have opened the skull color document,
which we created in the last episode.
Now, if we take a look at the finished artwork,
here we can see a different type layout for each design.
This is what we are going to develop in this tutorial,
and along the way, we will be using various tools
and techniques.
Okay, so I'm going to come back
to my current document and make a start.
If you're following along from the previous video, great.
Make sure you have your document open.
Though, if you're new to this course, you will need
to open up this document.
This can be found in the adding type folder
in the project folder.
You can download this project folder for free.
The download link is in the description.
So with the project folder open, click test project, coloring,
adding type, versions and select the version
of Illustrator you're using.
In my case, it's CC.
And open the skull color file.
I usually have something that looks like this.
Now for this tutorial, you are also going
to need to install the fonts.
These fonts can be downloaded absolutely free from dafont.com.
And you can find the links to these fonts in the description.
So once you have your document open, and you have downloaded
and installed the fonts, let's make a start.
And I'm going to start here on the left on my poster design.
So at the moment, my artwork is positioned
in the middle of my canvas.
I'm going to need to make room for my type here.
So with the selection tool, I'm going to make a selection
over everything on the canvas to select it.
And holding shift, I'm going to click on the background yellow
to deselect the background.
Now I'm going to press command G
to group this skull artwork together, and I'm going
to move the artwork up and out of the way
to create some space for my type below.
So I'm going to come across to the menu and select a type tool
or simply press T on the keyboard
to activate the type tool.
And then come to my poster area and click once.
Now, I'm going to proceed to type the first line of my type.
And I want this in capitals.
So I'm going to press the cap locks key on the keyboard.
Now in my instance, the type looks pretty small.
And currently, the font is not what I want.
So first, I'm going to choose my selection tool from the menu.
Then I'm going to select the type object.
Press S to activate the scale tool.
Then I'm going to scale this up.
So then with the selection tool I'm going to double-click back
into the type and then press command A
to select all of the type.
Now I'm going to come up to the control panel.
And now I can see some type options here.
First, I'm going to click into the font name box and begin
to type the name of the font I want.
So I'll go ahead and type white.
And here, we have found a result called white vinegar regular.
So I'm going to select this,
and the type will change to our new typeface.
So I'll choose the selection tool again from the menu
and move my type into the middle like so.
And if I feel that this type is too big or small,
I'll click on one of the corner squares on the bounding box,
hold shift and drag in or out
until I'm happy with the type size.
I'm going to make sure this type is black.
So with the type selected,
I'm going to make sure the color fill is selected
in the tools menu, and I'll click on a black swatch
in the swatches panel.
Nice. Now, with the type object selected,
I'm going to press command C to copy
and then command V to paste.
With my new type object, I'm going to move this down just
under my top type object.
Just like earlier, I'm going to double-click
on the type then select all with the mouse
and begin typing in the next line.
With the mouse, I can select all the type and come back
up to the control panel and click into the font box
to choose another font.
In this instance, I'm going to go with the dead saloon.
And there is the font.
I'll click this, and it's changed.
So next, I'm going to choose the selection tool in the menu,
and this time, I'm going to freely change the font size
by placing my mouse cursor over the bottom-right corner
of the bounding box,
and my mouse pointer will change to a double arrow.
And as I click and drag around like so,
I will have the flexibility
to change the shape and size of my type.
So I'm going to drag this across to match the width
of the text above, tweaking accordingly until I'm happy.
So like earlier, I'm going to copy and paste this type object
and place it at the bottom.
But this time, I'm going to make it a little smaller
and type in the next line.
I'm going to double-click into the type and select it all,
come up to the control panel and change the font.
The next font is called NU.
And again, I'll choose the selection tool
and make the type a little smaller.
Now, for this type composition,
I want to incorporate the same rose artwork used above as a way
to frame the bottom type object.
So with the selection tool, as I attempt to select a rose
from the artwork above,
I will select the entire skull composition.
This is because it's grouped.
Remember, we grouped this composition earlier.
But if I double-click on the skull artwork,
I can click into the group and click on the rose element.
So with that selected, I'm going to press command C to copy
and then click in the paste board area a few times
to come out of the group.
Then, I'm going to come to edit and select paste in front.
This will guarantee that the new rose artwork will be placed
on top of everything.
And I'm going to move this down.
Now, we are currently focusing on the type composition
and not color right now.
So with the rose selected, I'm going to press I
to activate the eyedropper tool.
And I'm going to select the black in the type.
And the rose will turn black.
So, with the selection tool, I'm going to select the rose
and scale down the size by clicking and dragging on one
of the corner squares
on the bounding box while holding shift.
And then I may rotate it just slightly
until I get something like this.
And I'll move it just under the type above and align it.
So once I am more or less happy with my rose,
I'm going to select it, press and hold alt and click
and drag it over to the right to duplicate it like so.
Then, I'm going to come to object, transform and reflect,
click okay, and now we have two roses.
Great. At this point, I may need to tweak the size of my type
in order to fit it between the roses with some space
for the type to breathe.
And that's looking pretty cool.
So now I'm going to click on both roses and the type
by pressing and holding shift, and then come
up to the control panel and click the vertical align tool.
And that will align these objects perfectly together.
So now I'm going to finish off the composition of my type
by adding a stroke above and below.
So I'm going to come over to the line tool in the menu.
With the line tool selected, I'm going to click on the left rose
and drag it over to the right like so.
While doing this, I'm going to press and hold shift
to get a nice, straight line.
And release over on the opposite rose.
If you do not see a stroke line, come up to the control panel
and make sure to set the stroke to size one or above.
Then, I'm going to come down and draw another stroke
but this time from the right side to the left, holding shift
to draw a straight line again.
So now I have two strokes, the top drawn from left to right
and the bottom drawn from right to left.
Now this is going to make sense in just a second.
With the selection tool,
I'm going to carefully select both strokes
by pressing holding shift on the keyboard.
Then I'm going to come over to the brush's panel on the right.
If you do not see your brush's panel, you can come up to window
and select brushes from there.
And then I'm going to select the charcoal feather brush.
And now I have applied the texture effect
to the stroke line.
Now, if I click off, we can see
that the top stroke effect tapers off to the right
and the bottom to the left.
This is because the start and end point
of the strokes are both different.
That's why we started the top stroke from left to right
and the bottom stroke from right to left.
This is the effect I wanted to achieve.
So now it's just a case of tinkering
with my type composition until I get something I am happy with.
If I feel the overall composition is too big
or too small, I can make a selection over the entire comp
and press and hold shift to deselect the background yellow,
then press S to activate the scale tool.
I click and drag in or out, holding shift
to toggle the scale of the type composition
until I get something I am happy with.
Next, I can click on the skull artwork above and move
that down and in the center.
Soon, I will have something that looks like this.
So now I'm happy with my type and my artwork composition.
To finish off my poster, I'm now going
to add some color to the type.
So, with the selection tool, I'm going to click
on the second line in my type.
With the type selected, I'm going to press I on the keyboard
to activate the eyedropper tool.
And with the eyedropper tool, I can now select a color I
like from my artwork above.
I think I'm going to go with a purple color
from one of the hearts here.
And just like that, I have changed the color.
Next, I'm going to select the bottom line of my type
and press I and this time select a blue from the artwork.
Then, with the selection tool, I'm going to select both roses
by holding shift and press I and choose a red from the artwork.
Finally, I'm going to select both the strokes, press I
and select the dark green.
But notice, upon click, they have disappeared.
This is because we just applied a fill color of green.
These are strokes and not fill color objects.
Now I have to come into the tools menu and click the swap,
fill and stroke color button,
and this will change the fill color to the stroke color.
And that will correct the strokes
and make them dark green.
So that completes the type.
So to finish the poster,
I'm going to select the whole type composition and press
and hold shift to deselect the yellow background.
And I'm going to press command G to group this together.
Next, I'm going to select a type group, press and hold shift,
and select the yellow background.
And then the skull artwork group above,
come up to the control panel
and click the horizontal align center button.
And now the poster is nicely aligned down the center perfect.
And that completes the type on the poster section.
So next, I'm going to create the type composition
for the tee shirt design.
So this time, instead of starting from scratch,
I'm going to work
with a composition I have already created for the poster.
So I'm going to start by clicking and dragging
over my skull artwork.
And I'm going to press and hold shift to deselect the background
and press command G to group the skull artwork.
And I'll move it up like so to create some space for my type.
Next, I'm going to come over to the poster type composition,
select it with the selection tool, press and hold alt
and drag it over to the right to make a duplicate.
Next, I'm going to right-click
on the composition and select ungroup.
Then click off to deselect.
Then I'm going to select the roses and the strokes
by pressing and holding shift.
With them all selected, I'm just going to press delete.
Next, I'm going to press and hold shift
and select the three remaining type objects.
Then press I to activate the eyedropper
and select the dark color from the [inaudible]
to make my type black.
So I'm going to do something a little different
with this composition.
What I'm about to do here is use the touch type tool
to drastically alter the size of some of the letters in my type.
Now, if you're using an earlier version of Illustrator,
you may not be able to perform the following task.
I'm about to use the touch type tool,
which is a new feature in Illustrator.
So first, I'm going to click on the bottom type line
and drag it below out of the way.
Then, I'm going to select the second line.
Then I'm going to come over to the type tool
and select the touch type tool.
Upon click, we can now see the mouse cursor has changed.
So I'm going to begin by clicking on the first letter.
Upon click, we will now see a bounding box around just
that particular letter.
I'm carefully going to click and drag on the top right-hand box
and click and drag up and out like so,
making the letter much bigger than the neighboring letters.
Once I'm happy with the size, I'm going to click and drag it
down so the top of the letter is aligned
with the cap height of the other letters.
And that's looking pretty cool.
Next, I'm going to press command R to activate my rulers
on the side of my document area.
Then I'm going to come to the top and click in the ruler area
and drag a guide down and release along the top
of the cap height of the letters.
Then, I'm going to drag another guide from the top
and place this at the baseline of the biggest letter.
If you cannot see your guides, press command colon.
This will toggle the visibility of your guides.
So now I have a nice guide to create the next letter.
So with the touch type tool active, I'm going to click
on the last letter in the line, and just like earlier,
click and drag the top right corner up and out
to expand the size of the letter.
Then, I'm going to drag down like
so to match my first letter.
I'm going to use the guides as a measure.
If the letter is too big or too small,
I'm going to tweak accordingly
until I have something that looks like this.
Now I'm happy with my type, I'm going to press command colon
to toggle away my guides.
So now I have this interesting looking type composition
that I have created using the touch type tool.
And I have effectively created some space between the first
and last character in my line.
With the selection tool, I'm going to select this type object
and move it into place and toggle the size
until it matches the width of the type object above.
Then, I'm going to select the bottom line and move this
into position to attempt to fill the space I have just created.
If it does not fit immediately, then select the type
with the selection tool and click
and drag the bottom right point on the bounding box to expand
and alter the size until you get a comfortable fit.
Soon, you will have something that looks like this.
Now, all that's left for me to do is add color.
Now, if you have been following along with the course,
you will know that all the colors
in the top artwork are pantones.
We are going to use these pantones to color this type
so we know it's going to be compatible for the printer.
So I'm going to use the selection tool
to select my middle type line.
Then I will press I to activate the eyedropper tool.
Then I'm going to select the darker shade of yellow
from the skull artwork, and that will change the type.
Though for this design, I want the first and last letter
to be a brighter yellow shade,
just to make things a little more interesting.
So with the selection tool, I'm going to double-click
into the type and select just the first letter.
Then, I'll come over to the eyedropper tool
in the tools menu and select the brighter yellow
from the teeth like so.
Then, I'll choose the type tool again from the menu
and select the last letter.
Choose the eyedropper tool, and again,
select a bright yellow sample.
Then I'll choose the selection tool and click off to deselect.
And there I have customized the colors of my type.
And that finishes the type composition
for my tee shirt design.
To finish off, I'm going to make a selection over my type
like so, press and hold shift and click
on the background to deselect it.
Then I'll press command G to group my type composition.
By pressing and holding shift,
I'll select my skull artwork above, which is also grouped
and then the background.
I'm going to come up to the control panel
and select the horizontal align center button.
This will align all the elements to the center.
Then, I'll click on the skull group and move this up and down
until I have the completed tee shirt design I am happy with.
And that completes the production of my artwork
for both the poster and the tee shirt design.
Now I am finished.
I'm going to come to file save and save my document
to the desktop and save as skull final composition.
Make sure you save your document somewhere safe,
as we will be using this document in the next video.
So that covers how to add type to your artwork in Illustrator
and use the tools to make some creative modifications.
Now, creating and building your artwork complete
to your design is one thing.
Though, making sure the printer receives the artwork
to print it exactly to your design is another.
Before I send my artwork to print,
there are a few things I need to prepare,
review and be certain are correct before sending the
artwork to print.
In the next video, we are going
to prepare this artwork for print.
See you in the next video.