Bummer! This is just a preview. You need to be signed in with a Basic account to view the entire video.

Preview

Start a free Basic trial
to watch this video

Sign up for Treehouse

Graphic Styles

1:27 with Ashley Burke

Graphic styles allow you to quickly change the look of an object; for example, you can change its fill and stroke color, alter its transparency, and apply effects in one step. All the changes you apply with graphic styles are completely reversible.

Webalys Free Interface Design Framework - a Library of Graphic Styles, GUI Elements, and Vector Icons.

Helpful Links

  • 0:00

    So the next cool thing you can do is save your graphic styles.

  • 0:05

    So we just spent some time building the appearance of this button.

  • 0:10

    So, I'm going to open up my graphic styles window, and to save these settings,

  • 0:17

    I'm just gonna click this and drag it inside of the graphic styles window.

  • 0:23

    And you can see a new little gray rounded rectangle popped up there.

  • 0:27

    So now if I want to apply the style to other text,

  • 0:33

    I can do so just by dragging and double clicking it on.

  • 0:41

    Hello.

  • 0:43

    So if you have this selected, and then you want to apply the same graphic style,

  • 0:47

    I'm gonna double click, and hit Okay, and something has happened there.

  • 0:54

    The text is there, but it looks like it's making it the same color.

  • 0:58

    So, in order to change that, we'll just go back into our appearance panel.

  • 1:05

    Double click on our characters, change our fill to white or

  • 1:09

    whatever we want it to be.

  • 1:11

    And click off.

  • 1:16

    There you go.

  • 1:17

    So that's how that would work, I'm going to delete that.

  • 1:24

    Having graphic styles can really save time.

You need to sign up for Treehouse in order to download course files.

Sign up