Heads up! To view this whole video, sign in with your Courses account or enroll in your free 7-day trial. Sign In Enroll

Adobe Illustrator for Web Design

Preview

Start a free Courses trial
to watch this video

Sign up for Treehouse

Logo and Grouping

2:50 with Ashley Burke

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 up

    Related 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 up

      You need to sign up for Treehouse in order to set up Workspace

      Sign up