Bummer! This is just a preview. You need to be signed in with a Basic account to view the entire video.
Start a free Basic trial
to watch this video
In this video you will learn how to create your own Graphic Styles as well as create your own.
Graphics Library Categories
- 3D Effects
- Additive to Blob Brush
- Additive
- Artistic Effects
- Buttons and Rollovers
- Illuminate Styles
- Image Effects
- Neon Effects
- Scribble Effects
- Textures
- Type Effects
-
0:00
[Deep Dive]
-
0:03
[Applying Effects Graphic Libraries & Styles with Mat Helme]
-
0:06
If you ever want to apply multiple effects to an object and save them,
-
0:10
you're just in luck.
-
0:12
Inside Illustrator's graphics panel, we can do just that.
-
0:16
The panel also comes packed with a ton of graphical presets
-
0:21
in the graphics library.
-
0:24
To understand what a graphic library and graphic styles are,
-
0:29
we first need to make sure we have our graphic styles panel open.
-
0:34
So let's go to Window and select Graphic Styles or use the shortcut key, shift F5.
-
0:44
Now this panel, the graphic styles panel,
-
0:48
is here to create name and apply sets of appearance attributes.
-
0:53
Any graphic style used or created
-
0:56
within the current viewed document is stored here.
-
0:59
With that said, let's take a look at some graphic styles.
-
1:02
To do that, we need to go to Window, Graphic Style Libraries, and select one.
-
1:07
Let's select 3D Effects.
-
1:11
And what I'm going to do is merge the 3D effects
-
1:14
right next to the graphic styles panel.
-
1:17
So now we're able to switch back and forth.
-
1:20
So if I go ahead and delete all the graphic styles in the panel,
-
1:25
and then from the 3D effects panel,
-
1:28
drag and drop an effect to the rectangle,
-
1:33
it then applies that graphic style to that object.
-
1:38
And what the graphic style is comprised of is different stokes, fills, and effects.
-
1:43
And we can see those in the appearance panel.
-
1:46
So with that object selected, you can see it's comprised
-
1:50
of 3 different strokes, a 3D extrude and bevel effect, and a fill.
-
1:57
Also, you can now see that graphic style has been added to
-
2:03
our graphic styles panel as we're using it in this document.
-
2:07
Another way to add a graphic style to an object
-
2:11
is by selecting the object and then selecting the graphic style.
-
2:16
And again, it's been added to our graphic styles panel
-
2:19
as we're using it in the document.
-
2:23
And these are all of the default 3D effects you can apply to your objects.
-
2:30
Next up, we have the additive for the blob brush,
-
2:34
and we can view those graphic styles by going to
-
2:37
Window, going back to the Graphic Styles Library,
-
2:41
and selecting Additive For Blob Brush,
-
2:44
or in the bottom left of the 3D effects panel, you'll see this arrow,
-
2:49
and it will load the next Graphic Styles Library,
-
2:52
which is the Additive For Blob Brush.
-
2:54
So let's take a look at those.
-
2:58
Here you can see I have 4 objects
-
3:00
that have all been created with the blob brush.
-
3:03
Now what this graphic style does is it applies
-
3:06
that effect to the blob brush object.
-
3:10
So when I drag that effect out and apply it to the object,
-
3:14
you can see it's applied,
-
3:16
but you only see the path of the object when it's selected.
-
3:21
That's because there's no fill.
-
3:23
So when we select a fill color,
-
3:25
you can then see that effect has then been applied to that object
-
3:29
as long as there's a fill color.
-
3:31
So if I grab the blob brush tool
-
3:36
and create an object,
-
3:38
select the object, and then apply the effect--
-
3:41
make sure it has that fill color,
-
3:43
you can see the effect is then applied to the blob brush object.
-
3:48
And that is the Additive For Blob Brush.
-
3:50
Next up, we have the Additive Graphic Library.
-
3:55
Now the additive graphic styles simply add graphics to the object.
-
4:00
So with this object selected,
-
4:04
I can then select one of the graphic styles from the additive panel.
-
4:10
And again, make sure there's a fill.
-
4:12
And you can see that there's now been another rectangle added to it.
-
4:21
And you can add all of these other styles as well.
-
4:25
After the additive panel, we have the Artistic Effects.
-
4:33
And again, let's drag and drop,
-
4:36
and you can see all these effects applied to the rectangles.
-
4:41
Those are the artistic effects.
-
4:44
And after that, we have Buttons & Rollovers,
-
4:50
which appear to be created in the Web 2.0 era.
-
4:55
When you adjust the objects,
-
4:57
you can see how the effect is then re-rendered to the object.
-
5:10
And after Buttons & Rollovers, we have the Illuminate Styles,
-
5:16
which are gradients that can e applied to objects
-
5:19
as well as stokes.
-
5:24
Again, these were probably created in the Web 2.0 glossy era.
-
5:31
And then we have our Image Effects.
-
5:33
So play around with these as you wish.
-
5:39
And we have our Neon Effects after that.
-
5:44
These actually look pretty cool with text.
-
5:57
Now you can see we have some neon lettering.
-
6:00
After the Neon Effects, we have the Scribble Effects,
-
6:03
and these simply apply a scribble effect to the object.
-
6:09
And you can see this object here.
-
6:14
When we open up the appearance panel,
-
6:16
you can see with this object,
-
6:18
it has multiple scribble effects applied to multiple fills within the one object.
-
6:26
After the Scribble Effect, we have the Textures.
-
6:36
And these simply apply textures to the objects.
-
6:43
After that we have Type Effects.
-
6:53
And again, these can be applied to type as well.
-
6:56
And after the Type Effects, we have the Vonster Pattern Effects.
-
7:03
Now these patterns are created by Von Glitschka
-
7:07
who is a very talented illustrator and designer,
-
7:10
and these patterns are basically comprised of
-
7:13
repeated patterns on multiple fills.
-
7:18
This being the background color and this being the repeated pattern.
-
7:29
And lastly, let's take a look at creating our own graphic style.
-
7:39
So with our object selected, let's go ahead and apply
-
7:42
a 3D effect to it with the Extrude and Bevel.
-
8:13
And let's bump up the height on the bevel.
-
8:17
Select okay.
-
8:19
Let's head over to the appearance panel.
-
8:23
And with the object selected, let's add a new fill.
-
8:29
And then on that fill, let's apply a Photoshop effect
-
8:38
where I'm going to select grain and
-
8:46
bump up the intensity.
-
8:49
And for gain type, let's use soft.
-
8:52
Select okay.
-
8:56
Next let's pull out the appearance panel
-
8:59
and the graphic styles panel,
-
9:02
and with our object selected,
-
9:04
let's grab the thumbnail on the upper left hand corner of appearance
-
9:09
and drag it into the graphic styles.
-
9:14
And now you can see we have a new graphic styles.
-
9:18
So when we double click that, we can rename it.
-
9:21
We'll call this new style.
-
9:24
And when we create a new rectangle,
-
9:29
we can then apply our new style to that object.
-
9:38
Also, we have the option to save that graphic style
-
9:41
the same way we can save swatches
-
9:44
as well as load other graphic styles into our Illustrator file.
-
9:50
And that is how you use the graphic libraries and styles in Adobe Illustrator.
You need to sign up for Treehouse in order to download course files.
Sign up