Heads up! To view this whole video, sign in with your Courses account or enroll in your free 7-day trial. Sign In Enroll
Well done!
You have completed Adobe Illustrator for Web Design!
You have completed Adobe Illustrator for Web Design!
Preview
Once your logo has been developed, you will want to ensure that its placement into your wireframe is appropriate to the size and scale of the logo. This may take some adjusting or potentially an adjustment to your heading.
Related Discussions
Have questions about this video? Start a discussion with the community and Treehouse staff.
Sign upRelated Discussions
Have questions about this video? Start a discussion with the community and Treehouse staff.
Sign up
File > Open, open up our logo, here it is.
0:01
And the blue background is locked right
now, which is great cuz we just need this.
0:10
Before we drag this in,
want you to note that
0:15
all of these different layers
are not connected to one another.
0:19
And in Illustrator,
we can group these items together so
0:23
it's treated as one object.
0:27
I wanna do that to just ensure that
nothing is gonna get messed up or changed.
0:29
So I'll select all of the layers
I wanna be in the group,
0:34
then I'll go to Object > Group,
or it's Cmd+G.
0:38
So now when I click on
one part of this pencil,
0:43
it's gonna automatically select
all of the layers in the group.
0:46
If I wanted to go inside the group,
I could double-click and
0:50
go into isolation mode, and
then change things around here.
0:53
I'm gonna go back out.
0:57
So I will select it, copy it, Cmd+C.
0:59
We're gonna go back into our wireframe so
I'll go over there.
1:06
I want to paste my logo right here.
1:14
I wanna make sure it's in
the right layer so it is.
1:17
Header is selected, Cmd+V to paste.
1:21
I'll scale it down.
1:27
I'm holding down Shift so it constrains
proportions here, which is important.
1:29
I'm gonna delete this,
I no longer need that.
1:36
I wanna also zoom in a little bit.
1:40
I can grab my magnifying glass here and
then just come in just like that.
1:42
Go back to my selection tool, V.
1:51
And I wanna line up the top and
1:56
the bottom of my pencil to
the height of the header.
1:59
Cuz later on when it's a website,
this can scale as well which is great,
2:07
cuz it will be an SVG file.
2:12
So I just wanna make sure
that's lined up nicely.
2:16
And I also wanna center it.
2:20
So I can select my pencil and the header.
2:22
Click the header one more
time to make that my target.
2:26
Go up to my Align tools, and
2:30
we want to Horizontal Align Center.
2:34
Great.
2:40
I mean you can see just
changing the colors and
2:44
adding the logo is already
making a really huge difference.
2:46
You need to sign up for Treehouse in order to download course files.
Sign upYou need to sign up for Treehouse in order to set up Workspace
Sign up