Heads up! To view this whole video, sign in with your Courses account or enroll in your free 7-day trial. Sign In Enroll
Preview
Start a free Courses trial
to watch this video
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
So the next cool thing you can
do is save your graphic styles.
0:00
So we just spent some time building
the appearance of this button.
0:05
So, I'm going to open up my graphic styles
window, and to save these settings,
0:10
I'm just gonna click this and drag it
inside of the graphic styles window.
0:17
And you can see a new little gray
rounded rectangle popped up there.
0:23
So now if I want to apply
the style to other text,
0:27
I can do so just by dragging and
double clicking it on.
0:33
Hello.
0:41
So if you have this selected, and then
you want to apply the same graphic style,
0:43
I'm gonna double click, and hit Okay,
and something has happened there.
0:47
The text is there, but it looks
like it's making it the same color.
0:54
So, in order to change that, we'll just
go back into our appearance panel.
0:58
Double click on our characters,
change our fill to white or
1:05
whatever we want it to be.
1:09
And click off.
1:11
There you go.
1:16
So that's how that would work,
I'm going to delete that.
1:17
Having graphic styles
can really save time.
1:24
You need to sign up for Treehouse in order to download course files.
Sign up