Adding type to a poster design in Adobe Illustrator Ep18/19 [Adobe Illustrator for Beginners]


[ 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.

24 thoughts on “Adding type to a poster design in Adobe Illustrator Ep18/19 [Adobe Illustrator for Beginners]

Leave a Reply

Your email address will not be published. Required fields are marked *