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

Converting Text

2:35 with Ashley Burke

The final layer on your logo is Type. In order for your text to show up in all websites; even those that do not recognize your font choice, you will need to convert your text type to a shape.

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

    Now we need to add our type. 0:00
    I want the type to be a soft yellow. 0:01
    Which is not in our swatch palette so we can create a new swatch for that. 0:07
    I'll hit OK and gonna drag this into our color group so we have that. 0:11
    See. 0:20
    The font I'm going to be using is called Lotto again, in regular. 0:22
    I want it to 0:27
    be all caps. 0:32
    And I want to scale this down, so I'm going to hold down 0:45
    SHIFT as I constrain proportions and sort of center that up. 0:50
    Ooh, that's nice. 0:55
    Okay. 0:56
    One last thing. 0:57
    You wanna go ahead and convert your text to outlines or shapes so 0:58
    that when this file is moving around to different owners, 1:03
    they don't also need to have a font, they just need the file. 1:07
    So to convert this to an outline, We'll go to object expand. 1:12
    It's going to ask you if you want to expand the fill and we'll say yes and what 1:17
    that does is it turns it into shape data rather than have any font data in there. 1:23
    Okay. 1:30
    And also what we're gonna do is right behind it, add a highlight color. 1:32
    So I'm going to create a background 1:40
    by drawing a rectangle the size of my artboard. 1:45
    Going to make it this nice blue color, okay. 1:49
    And I'm going to move it down. 1:53
    Command open bracket, we'll bring that all the way down to the bottom, 1:57
    I'll hit command two to lock it, and I'll just scale this up to make it pretty. 2:01
    This is gonna be our logo, so I'll name it in our layers panel. 2:11
    And this is our reference, of course. 2:18
    Lock that, and hide that for now. 2:24
    And next we will be putting this all together in the page mockup. 2:28
    See you there. 2:33

    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