Hi, this is Anne for Graphic Design How To, and today we're going to talk about how to
build a seal logo in Illustrator.
We'll mostly use the shape tools to build this, but we'll also touch on some advanced
techniques, like having the text flow around the top and the bottom of circles, creating
a scalloped edge and also building an appearance.
So let's get started.
OK, so first we are going to create a new document.
OK, so I took a picture with my phone of a little sketch that I drew.
And we'll go grab that now and bring it into Illustrator.
I want to resize this to make it just a little bit smaller and workable.
And then I'll create a new layer and lock the layer with the JPEG on it.
OK, so now let's get into actually drawing this thing.
First, we're going to draw these little shapes in here.
So I'm going to get my L tool, which is the circle tool, and just draw out these little
beans.
And I'm going to copy and paste in front.
And we’ll just rotate this around and then move it over with my V tool.
OK, so we've got our two little beans, that was really fast.
I'm going to go ahead and hide those.
So CMD 3, and then we'll make these little bitty squiggles.
And I'll do this with the Pencil tool.
So hit in, and then we can just draw some squiggles there.
And I'll draw this over here.
OK, now I'm going to unhide OPT, CMD 3.
And now we have our little coffee beans.
I'm going to slightly redraw this.
So I'm going to smooth out this corner right here by tracing over that path with the Pencil
tool.
Maybe I'll draw it like this.
OK, I think those work.
So now I'm going to highlight these two and group those - CMD G, and then hide - CMD 3.
And I'll select both of these and group those - CMD G - and hide those.
OK, so the beans are there.
We just can't see them because they're hidden.
So now let's get our L tool which is the circle tool.
And I'm going tto SHIFT and OPT drag from the center, and we're going to give this a
white fill and a black outline.
So to do that, I'm just going to hit D. Alright, now I'm going to pull up my Appearance palette,
because I want to add some appearances to thiss.
And we'll move this up so we get a little more space to work in our Appearance palette.
Now I'm going to give this a fill.
Let's get a color of a kind of rusty red.
OK, but I actually just gave it a stroke because that was in front.
So I’ll hit SHIFT X to switch those, and now I'm going to make the stroke just a little
bit darker.
So if we go into our Swatches, I'm going to click the New Color Group and add both swatches
which is just the brown and the white.
So I'm going to choose this swatch and create a new swatch.
I'm going to change that to RGB and then hold OPT and CMD and make a dark tonal of it.
And then I'm going to increase the stroke a little bit there.
Yeah.
The Appearance palette allows you to add several strokes, all to one path.
So that's what we're going to do.
Now I'm going to hold OPT and drag the stroke below the fill.
So we have one back behind here, but you just can't see it.
And so I'm going to change the color to the lighter and then increase that stroke and
we’ll make it 75.
Now I'm going to copy this stroke and put it behind again, and we'll make this stroke
white.
I'm going to make it the same way as this circle.
So that one is 4.
So all I have to do is take 75 and add 4 to it.
So it’s 79, but see half of this goes behind.
All that we're seeing here is two points.
So we have to add another 4 to get another two points out here.
So we'll make it 82.
And now it's the same size.
And now let's go ahead and take this stroke and copy it.
We'll push that below the bottom stroke.
And then we'll make this one about, let's try 100.
And now I'll show you how to make a scallop around the edge.
Alright, so we built our stroke around the outside.
Now I'm going to copy this and paste behind.
If we do CMD Y, now you can only see that small circle, so everything's just applied
to that one circle.
Now, I'm going to expand this by hitting SHIFT CMD E, and then expand: Object > Expand and
Expand Appearance.
You can do both of those back and forth until you get all the way expanded out to this.
And then I'm going to Pathfinder > Unite this.
If we do CMD Y, now you can see that we have the inner circle that has all the effects
applied to it, and the Appearance and the outer circle, which only has a fill right
now.
And the reason we don't want to apply the Appearance is, it doesn't quite work the same
way when you go to distort that path.
So I need a new circle for my distortion.
Now I'm going to hit SHIFT X to get a stroke on that part and only increase that stroke.
And now we'll go to Effect > Distort and transform and Zigzag.
Now let's see what it's gonna do.
Let's increase the resistance per segment to 5.
And I’ll hit Return.
So if I want to go back in and edit this, now I can just go to my Appearance on my path,
and choose Zigzag.
And now I can hit Smooth.
And make sure Preview is on.
Let's reduce the size a little bit.
And we'll increase the ridges per segment again.
OK, that looks about good.
So we'll say OK, and then we want the fill to also be this same color.
So I'm going to take my stroke and just pull it over into the fill.
And then we'll send everything to the back.
And now I'm going to resize this...make it just a little bit bigger by holding SHIFT
OPT and dragging out a little bit.
Alright, so we have almost everything done.
All bring this back to the front.
And then we can see that we have a little bit of space in here.
So I want to increase the size of the stroke to get rid of that little bit of space between
the stroke and the fill.
And now hit CMD zero to view everything.
And I'll zoom in, and then I'll send all of this to the back.
OK, so now we have our scallop edge and everything that we need, pretty much.
I'm going to select both of these and send them to the back because our beans need to
be on top of that.
So that’s SHIFT CMD left bracket.
And now let's unhide - OPT CMD 3, or CTRL ALT 3 on a PC.
Now I think I want to change this white color.
I want to switch these two colors, maybe make this a dark red.
So I'm going to click on my Appearance again and I can easily see where that is.
So I'm going to hit white for that.
And then this outer stroke I want it to be the darker red.
The Appearance lets you change it really easily, and you only have one object there.
So that is pretty cool.
OK, and now I'm going to color my coffee beans, I think we'll throw a new color in the mix,
we'll make these kind of a new, a lighter brown.
For the stroke, I'll just use the dark red.
I'll click on these with my Group Selection tool.
And I have a keyboard shortcut set for that, which is G, you can set that up in Edit > Keyboard
Shortcuts, right there.
And then you can just click the letter G for your Group Selection.
I'll change the black to the darker red.
And I'll select both of these.
I think I'm going to increase that stroke, at least somewhat.
And we'll also round the cap of this.
That way we get a rounded little edge inside there.
Now I'm going to select all CMD A, zoom out a little bit with CMD minus, and move this
over so I can see what kind of text we need in there.
First, I'm going to type ‘Established 2018.’
And we'll use Oswald font for that, I'm going to just do point type, where you click and
put the text in.
I only really use area type if there's more than two lines of text and and you have to
keep hitting Return, that's not a good thing.
We’ll align these both to the bottom, and I'll change my font to Oswald & put them both
right up here around the middle.
Maybe increase the size of it...or not, I think the 2018 looks a little bit big.
So we'll decrease and then slide this over holding SHIFT.
Alright, now I've got them both selected, and I'll hit CMD comma, to make them a little
smaller.
And I'm going to hit SHIFT CMD C to center them.
That way they'll resize from the center and that won't be a problem.
I'm going to zoom in and then hit N to draw little rectangles above and below.
Move that one down with our arrow keys.
I'll use either the Eyedropper tool to choose this outer red color, but it is going to grab
both the fill and the stroke.
So I'm going to undo that - CMD Z.
And I'm going to SHIFT-click the red.
That way you'll only get whatever color is in front here.
OK, so let's move this, center it up a little bit, I'll just OPT drag these over to the
2018.
And we'll hit the I for eyedropper to recolor the 2018.
We have one last thing to do, and that’s to add the “So tasty coffee” text.
I'm going to hit G to get my Group Selection tool.
And I'll copy this and then I'll paste in front and this has copied everything in my
entire Appearance, which I don't want.
I only want this circle.
So I'll go over to the flyout and Clear Appearance.
And I'm going to make this just a little bit bigger right here, holding SHIFT and OPT so
I resize from the center.
And now I'll grab my Text tool and get down on Type on a Path Tool.
And we'll click once.
And make sure you're right on that circle.
And it’ll probably put some Lorem Ipsum in there if you have CC, which I do love that.
I'm used to it now, so I really like it.
And we'll type in “So tasty.”
And you'll notice it might be upside down or something like that.
When you click on your Selection tool, you'll see these little lines.
Those will help you position your text on the circle.
I'm going to get right on there and I'll pull.
Either way it goes, you should be able to see it at some point.
I'm going to go ahead and go this way, and then we'll take this other one and pull it
around so that the bottom sticks are about equal - these right here.
With my Eyedropper tool, we'll click the ‘establish’ to get the same fill color.
Now I've already centered this with SHIFT CMD C, but now I'm going to increase the size.
Let's SHIFT CMD period or on a PC, there'll be SHIFT CTRL period.
All right, now I want to center this in the space.
So to do that, I'm going to get my Character palette, CMD T, and we'll come right down
here to this one on the bottom.
That is the Baseline Shift.
With your arrow keys, you can kind of increase that to be right about there.
But now it seems a little too spread out.
So I'm going to highlight this and then OPT left arrow to bring it a little closer together.
And a lot of times with text like this, I will manually go between each letter and space
in and out by hitting OPT right and left arrows.
All right, there's a lot of space and a lot here.
OK, at the end of the day, we want the bottom to line up so I'm going to hit CMD R to get
my rulers and then I'll pull down a guide.
And we're pretty close.
We’ve got the S lining up with the Y.
Looks good.
To get the other line of text down here, I'm going to just copy this one and paste in front,
which is CMD F. And now I can just click on this middle line and bring it right in here
like this, and it's a little tricky to get right.
So now I'll reposition this with these.
I'm going to type in copy, CMD A to highlight all.
And then we'll come down here to Baseline Shift and we'll put a negative number.
And I'll highlight this and then just keep going until it looks pretty centered vertically
in the space.
I'm going to hit Return.
And as you can see, we got a lot of space in there now.
So I'm going to OPT left arrow to get a lot of that space out.
And I'll get right between the O and F and then hit OPT left arrow, and between the C
and O, OPT left arrow.
And now I'll grab a guide and put it right here.
Looks like the E is way higher.
So I’m comparing this part of the C & this part of the E. So I'm going to take this and
just pull it over, and now they line up along the top.
So we are pretty much done, but the colors are a little weird.
So let's highlight everything.
And we'll come in here to the Recolor Artwork section and I'm going to go straight in here
to Edit.
OK, first of all, I’ll edit the red, and I think we'll change the reddest tone to more
of a much darker color.
So I'm gonna get it kind of an orangey and then we'll get really dark down here.
Wow, that really helped it a lot.
Next, we'll take that kind of lightish orange and we'll make that maybe around the same
area.
Ooh, I like that one a lot.
And then finally, the coffee bean color.
And we'll knock that down quite a lot to have it stand out a little bit.
It looks like we'll have to manually change that white.
So double click here.
I think I want it to be kind of a tannish yellow.
That's perfect.
OK, so now I'm going to center my beans up a little bit.
And I think we're done.
So now you can see the before and after.
My little sketch turned into a nice little retro seal and it looks so clean comparatively.
Thank you, Illustrator.
But anyway, if you liked this video, please click on the “Like” button and I will
see everyone next Thursday for another graphic design tutorial.
Thank you!!!