- When designing a logo, you may find a typeface
that is right for a design,
but you may also want to customize it slightly
to further craft the type to tailor the aesthetic,
make the type more bespoke to make the overall logo unique.
Customizing a typeface can be done in vector-based programs
like Illustrator and Affinity Designer,
where you can tweak the letter forms to suit your design.
Over the past few videos,
I have demonstrated the techniques I use to research
and choose a typeface for my logo design.
With my chosen typeface, next it's time to incorporate it
into my logo to complete my design.
Now, looking back at my scamp designs,
we can see that for my type,
I have some very particular characteristics
I want to achieve.
So for my logo approach,
I'm going to use a typeface called Aventa Geometric,
which I think is going to work perfectly.
But to reflect on my initial logo design,
I'm going to look to make some very minor modifications.
In this video, I'm going to demonstrate how we can work
with type and make some simple modifications
to a pre-designed typeface
to perfectly match my intended design to complete my logo.
So let's get into it.
(upbeat music)
So here I am with my design process checklist.
Once I have researched my typefaces,
decided on one I want to use and I have checked each task,
I can now move on to the last task
in step two in phase three.
The last task in the typography step
is customize the typeface.
So here I am in Illustrator,
and this is what I'm going to demonstrate here.
On the top is my chosen typeface without any modifications,
which I can click into and edit.
And below it is the same typeface
but converted into vector artwork
with some minor modifications to match my intended design.
If you want to take a closer look at this example,
you can access it in the course folder.
The course folder comes
with my complete logo design solution
I will be demonstrating on this course,
including all my design example files
and documents at each step to aid your learning experience.
The folder also comes with design resources,
such as a logo design process checklist,
process documents and templates, a project folder structure,
color sample charts, and a logo proposal document example,
all of which you can not only learn from,
but use in your own design process.
To get the full learning experience
and use the resources to help develop your own logo project,
I recommend you get the course folder.
Download link with instructions is in the description.
So with the course folder open,
click into the Design Process Example folder,
click into the Design folder,
into the Artwork and Design folder,
into Route 1, into the Workings folder,
and click on the Illustrator doc
labeled Euphoria Wordmark Workings
and you will have the same document I have open here.
With my finished wordmark treatment,
I'll then be able to add this to complete my logo design.
So let's see how I did this.
So with Illustrator open, I'll come up to File,
hit New and set my documents size to 1920 by 1080.
And on this occasion, I'll set the APO to two.
I'll set the color mode to RGB and click OK.
So here I'm going to start on our board one
and I'm going to begin by placing some type on the canvas.
So I'll press T to activate the type tool,
I come up to my control panel here
and if you can not see this, come up to Window
and hit Control.
And in the control panel, I'll set my type to align center
and I'll just click into the canvas.
So I'll type the name of the logo
for the music festival, Euphoria.
And this now looks really small.
So I'll double click into the type to select it.
I come up to the control panel and click into the type size
and set this to 200 points.
Next, I'm going to come up to the typeface
and change this to Aventa.
So my chosen typeface for my logo design
is called Aventa Geometric.
This is the typeface I selected
from a large list of researched fonts,
which I feel is going to be perfect for my logo design.
Aventa Geometric is an awesome Sans-serif typeface.
Aventa has a distinctive voice, retaining the simplicity
and elegance of classic geometric typefaces
with a fresh stylish rework.
The best feature of this typeface is that it is part
of a huge type family, including nine weights
from light through to black, each in italics.
Each type phase contains just under 400 glyphs
with a full Western, Central,
and Eastern European language support.
So the scope of dynamics here is huge.
When I'm in search of a typeface for my logo design,
I always try to look for a serious typeface
that I feel confident is complete and to a high standard.
The best typefaces are always the ones you invest in.
I would highly recommend you go check out Aventa Geometric.
Not only is it a really awesome typeface,
but it's really good value as well.
If you're interested in this typeface,
you can check the link in the description,
or in the course PDF that accompanies this video.
So with my typeface set, I'll just double click into it.
And then I'll come over to the character panel.
If you can not see this, come up to Window,
scroll down to Type and come across and click Character.
So in the character panel,
I'll click on the all caps icon to set into all caps.
Now, looking back at my scamp design,
I want the word mark to feel spacious
and have a solid stroke for extra gravitas.
So back into my type,
I'll double click into it to select all.
And in the character panel, I'll set the tracking to 100.
I'll also come and change the weight to extra bold
as right now, it's lighter than I'd like.
So right now the type is looking fine.
Now looking back at my scamp design, for the wordmark,
I want to remove some of the stroke lines
to create something a little more bespoke and unique.
So back into my type, I select it and move it up, like so.
Then I'll press Alt and click
and drag down to quickly make a duplicate
of my type element.
I'm about to make some modifications to the type below.
So I want to keep an example of the original,
just in case I want to come back to that later.
Okay, so I'll select my bottom type, right click
and select Create Outlines.
Now for those of you that don't know what that does,
this will simply turn the text into a flat vector artwork,
which will allow us to make some tweaks and changes.
So I'll zoom into the artwork
and press Command + Y on Mac or Control + Y on Windows.
This will now put me into outline mode.
And if I select my wordmark,
we can see the anchor points that now make up
the flat back to artwork.
So now we are going to come into this
and make some modifications.
So starting with the first letter E, I'll zoom in,
I'll press V to activate the selection tool
and select the letter E so I can see the anchor points.
I'll then press P to activate the pen tool
and I'll come across and click and hold on the pen tool
to select the Add Anchor Point Tool.
Now if for some reason, the add anchor point is not there,
you may need to add this in.
You can do this by clicking on the bottom three dots
on the bottom of the toolbar,
search for add anchor point tool in the drawer section
and click and drag it over.
So with the add anchor point tool active,
I'll come and click once on the outline stroke
for the letter E parallel to the stroke line to the right,
like so, and I'll click to add another one below.
Again, parallel to the stroke line to the right.
Then I'll come and I'll add a new anchor point
in the middle to each stroke line, like so.
Next, I'll press V and click on the letter
and make sure that I can see
the correct anchor points that I need.
If I don't see my anchor points like this,
I'll have to select the pen tool
and add in the anchor points.
So with them in place,
I'll press A to activate the direct selection tool,
I'll click and drag over the two middle anchor points.
With them selected, I'll press Delete to remove them.
And just like that,
we have removed the middle stroke from the letter E.
Next, I'm going to need to close these outlines.
So next I'll press A to activate the direct selection tool.
I click and drag over the two anchor points
on the left side of the letter E.
With them both selected, I'll press Command + J on Mac
or Control + J on Windows.
And that will connect the two anchor points together,
completing the section of the letter form.
Easy.
Now, if you can see the stroke line is not exactly straight
with the two anchor points still selected,
you can come up to the control panel
and click the Align button.
If it's above, hit the Align Bottom.
And if the anchors are below, hit the Align Top.
And this should align your stroke perfectly.
So next, I'll do the same below.
So I'll press A to activate the direct selection tool,
I'll click and drag over the two middle anchor points below.
With them both selected, I'll press Command + J on Mac
or Control + J on Windows.
And that will connect the two anchor points together,
completing the section of the letter form.
And now the letter E is complete.
Remember, if you can see the stroke line
is not exactly straight
with the two anchor points still selected,
you can come up to the control panel
and click the Align button.
If it's above, hit the Align Bottom.
And if the anchor points are below, hit the Align Top.
And this should align your anchor points
and stroke perfectly.
Easy.
So if I zoom out and press Command + Y on Mac
or Control + Y on Windows, I'll switch back to normal mode.
And here I can see my new letter form
with a simple modification.
Perfect!
So looking back at my scamp design,
I want to do the same modification for letters P, R, and A.
So back to my letter forms,
I'll zoom in and press Command + Y on Mac
or Control + Y on Windows to go back into outline mode.
So just like I did with the letter E,
I'll press V to activate the selection tool
and select the letter P so I can see the anchor points.
Next, I'll press P to activate the pen tool.
I'll come across and click and hold on the pen tool
to select the Add Anchor Point Tool.
With my add anchor point tool active,
I'll come and click once on the outline stroke
of the letter P, parallel to the stroke line to the right,
like so, I'll click to add another one below.
Again, parallel to the stroke line on the right.
Then I'll come
and add a new anchor point in the middle, like so.
Next, I'll press V and this time click on the inside stroke
so I can see the anchor points.
I'll press P to activate the pen tool
and I'll come across and click and hold on the pen tool
to select the Add Anchor Point Tool,
and I'll come and click once in the middle, like so.
I'll press V and click on the letter
and make sure that I can see the correct anchor points
that I need.
If I don't see my anchor points like this,
I'll have to select the Pen Tool
and add in the anchor points.
So with them in place,
I'll press A to activate the direct selection tool.
I'll click and drag over the two middle anchor points.
With them selected, I'll press Delete to remove them.
And just like that, we have removed the middle stroke
from the letter P.
Now to close these outlines,
I'll press A to activate the direct selection tool.
I click and drag over the two anchor points.
With them both selected, I'll press Command + J on Mac
or Control + J on Windows.
And that will connect the two anchor points together,
completing the section of the letter form.
I'll do the same for below.
I'll press A to activate the direct selection tool,
I'll take and drag over the two anchor points.
With them selected, I'll press Command + J on Mac
or Control + J on Windows.
And that will connect the two anchor points together,
completing the section of the letter form.
And now the letter P is complete.
I'll zoom out and press Command + Y on Mac
or Control + Y on Windows,
and I'll switch back to normal mode.
And here we can see the new letter form
with a simple modification.
Perfect.
Okay, so let's do the last two real quick.
So I'll zoom in to the letter form R.
I'll press Command + Y on Mac or Control + Y on Windows
to go back into outline mode.
I press V to select the letter form,
so I can see the anchor points.
I press P to activate the pen tool,
I'll come across and click and hold on the pen tool
to select the Add Anchor Point Tool.
I'll come and click once on the outline stroke
of the letter R to add a new anchor point, like so.
I'll then come and add a new anchor point below
and then I'll add one in the middle.
I'll press V to activate the selection tool
and click on the inside shape.
Then press P to activate the pen tool.
I'll come across and click and hold on the pen tool
to select the Add Anchor Point Tool
and add another anchor in the middle.
I press V and click on the letter to make sure I can see
the correct anchor points that I need.
If I cannot see the anchor points,
I'll have to select the Pen Tool
and add in the anchor points.
So with them in place,
I'll press A to activate the direct selection tool.
I'll click and drag over the two middle anchor points.
With them selected, I'll press Delete to remove.
Now to close these outlines.
I'll press A to activate the direct selection tool,
I'll click and drag of the two anchor points
With them both selected, I'll press Command + J on Mac
or Control + J on Windows, and I'll do the same for below.
I'll press A to activate the direct selection tool.
I can drag over the two middle anchor points.
With them both selected, I'll press Command + J on Mac
or Control + J or Windows.
And that will connect the two anchor points together,
completing the section of the letter form.
And now the letter R is complete.
If I zoom out and press Command + Y on Mac
or Control + Y on Windows,
I'll switch back to normal mode
and here I can see my new letter forms
with a simple modification.
Okay, so last letter.
I'll zoom into the letter form A
and press Command + Y on Mac or Control + Y on Windows
to go back into outline mode.
I'll press V to select the letter form
so I can see the anchor points.
I'll press P to activate the pen tool,
I'll come across and click and hold on the pen tool
to select the Add Anchor Point Tool.
This time I'll come down and in the middle, like so.
I'll press V to activate the selection tool
and I'll click on the letter form.
I press P to activate the pen tool.
With my add anchor point tool active,
I'll come down and click in the middle.
I'll press V to click on the letter
and make sure that I can see the correct anchor points
that I need.
I press A to activate the direct selection tool,
I'll click and drag over the two middle anchor points.
With them selected, I'll press Delete to remove them.
And just like that, we have removed the middle stroke
from the letter A.
Now to close the stroke lines,
I'll press A to activate the direct selection tool.
I'll click and drag over the left two anchor points.
With them selected, I'll press Command + J on Mac
or Control + J on Windows.
I'll do the same for the right side.
I'll press A to activate the direct selection tool.
I'll click and drag over the two middle anchor points below.
With them both selected, I'll press Command + J on Mac
or Control + J on Windows.
And that will connect the two anchor points together,
completing the section of the form.
And now the letter A is complete.
So if I zoom out and press Command + Y on Mac
or Control + Y on Windows, I'll switch back to normal mode.
And here I can see my new wordmark
with simple modifications applied.
Perfect!
So I'll just jump back into my scamp designs.
I'll copy the wordmark sketch design
and paste it into my wordmark doc
and onto the second art board.
I'll copy across of a copy of my new wordmark
and paste it under, like so.
So what I have done here is taken a really nice,
clean Sans-serif typeface
and made some minor modifications
to more accurately reflect my initial logo design
I sketched out earlier in the design process.
Now of course, the letter forms here
are not exactly the same as my initial sketch.
I think here the letter forms are a little wider,
but in this instance, I'm really happy with this.
I think this wordmark treatment
is going to be perfect for my logo design.
So with the new vector artwork,
I can now save this into my project folder.
So I'll come up to File, Save As,
and navigate to the Project folder into the Design folder,
into the Artwork and Design folder,
into the Form folder, into Folder 1 Workings,
and this time I'll name this Euphoria Wordmark
and click OK.
And I'll have a new copy of my vector artwork.
(upbeat music)
So in this video, I showcased the typeface
I have chosen for my specific logo.
And I demonstrated how I modified
my specific wordmark design.
Now you are welcome to follow along with my example,
but if you're following along with this course
with your own design and customizing your own type,
I would recommend you undertake the same process
I have just demonstrated, but modify your own typeface
to suit your design if appropriate.
So if you're following along with your own design,
take a pause and carry out your process.
Before moving on, undertake the same process
I have just demonstrated to modify your type.
Remember, you will be able to use this next
when we come to finalize our logo design.
Once you have your type prepared, let's continue.
So that is how you can work with type in Illustrator
to customize it slightly for your logo design.
Using pre-designed typefaces
and creating outlines to tweak the anchor points
is a great way to tailor your type
to craft your wordmark design.
In my experience,
I have done this a lot for my logo designs.
Using pre-designed typefaces can be really practical.
Although I always like to put my own spin on a typeface,
just to make it a little more bespoke
and unique for my design.
So with my wordmark now complete,
I can now bring it together
with my logo mark elements I created earlier
to finalize my logo design.
Now when designing a logo with both a logo mark element
and a wordmark element,
there are a variety of ways you compare them.
When a logo mark and a word mark are used together
in a logo design separately,
this is called a combination nark.
Looking back at my scamp designs I created earlier
in the design process, you can see I had a few initial ideas
on how I wanted the logo mark and wordmark to pair together.
At this early stage,
I am not 100% sure which one I want to go for yet,
but I would like to see how each looks together
now I have both the logo mark
and word mark element complete.
In the next video,
I'm going to bring together the logo mark
and the word mark element to create a combination mark
to finalize my logo design.
So see you in the next video.
(upbeat music)