Easy-to-follow video tutorials help you learn software, creative, and business skills.Become a member
One of the great things about Adobe Illustrator is the fact that you can take effects, or combinations of effects and appearances that you create inside of this program, and save them as something called a graphic style. Graphic styles are basically a set of appearance options that are saved, and easily applied to artwork with the click of a button. Let me show you exactly what I mean. I am going to select the background in this object here, and once I have the background targeted, I am going to come over here to Graphic Styles panel. You will notice, by default, I have a few different graphic styles to choose from.
For instance, this one is called Illuminate Yellow. I also have Tissue Paper. If I click on this, it automatically applies the Tissue Paper graphic style to the graphic that I'm working on. It may take some time, because there are several different effects and things that go into this, but as you can see, it changes it completely. And if I look at the Appearance panel, it's actually added three different fills, and also adjusted the Opacity accordingly. If I wanted to, I could undo that with Command+Z or Control+Z, and it goes right back to normal. So if you find yourself doing things that are repetitive, like adding certain drop shadows, or different effects with strokes and fills, you may want to save those as graphic styles to use later.
Let's explore how to do that. I am first going to select this form field here, and I am going to go in and add a drop shadow to it. So I'll go up to the Effect menu > Stylize, and I'll hit Drop Shadow. Inside of this dialog box, I am going to set the Mode to Multiply. I'll set the Opacity down to about 35%. I'll set the X Offset to maybe 1 point; Y Offset to about 4 points. If you want to see this in real time, click the Preview button, and you will automatically see what's going on in here.
I'll keep my Color to black, and my Blur point to 2; I'll hit OK. It is true that I could just select this other form field, and go up and do that effect again, but I don't want to have to do that, especially if I have got multiple attributes applied to this form field. For instance, what if I added a stroke to it? Let's do that now. Let's go here, and I'll add just a basic stroke. I may even add another shadow on top of it if I wanted to, like an inner shadow. Let's go back up to Effect > Stylize, and choose Inner Glow.
I'll move this over, and click Preview. As you can see, I can change the mode of this, so I'll change this from Screen, to Multiply. Remember, Multiply is a darkening blend mode. And then I'll change this color from white to black, and hit OK. I'll change the Blur amount. See, as I do that, it's darkening in the edges, and then once I am done, I'll hit OK, and I'll click away to see it.
So I have kind of added a 3D appearance to this. I'll click it. I'll come over to the Graphic Styles panel, and I'll choose New Graphic Style. Once I do that, it creates the graphic style for me. I can then double-click that graphic style, and rename it. So in this case, I'll call it Form Field, and hit OK. Now I can select this form field here, click the graphic style, and it instantly applies all of those effects. The same would hold true if I selected the button down here.
Click, and it changed it. Now, it also picked up the fill and stroke of these as well, so it changed the overall appearance of this button, which is not something I want to do. So I'll undo that; Command+Z or Control+Z; click away. Now I am going to show you another real world application for this. So I am going to jump over into the graphic styles document for a minute, and basically what I want to do here is create a style that I can reuse on different pieces of text in my document. So the first thing I am going to do is target the text layer right here in the middle, and then I'm also going to make sure that I am working on the fill.
With the Fill selected, I am going to come over here, and set it to None, because by default, when you have text selected, there is a fill applied to it, but it doesn't show up inside the Appearance panel. So I'm going to set the Fill to None, and then come over to the Appearance panel, and add a brand new fill on top of it. Once I do that, it ensures that the fill that I have put on top of it is completely independent from the text. So now the fill, I'm able to target, which I have it selected right now, and then I can go up to the Effect menu, and I can go to Stylize, and I can select Scribble.
I'm basically going to be creating almost like a hand-drawn appearance. You've probably seen a lot of hand-drawn fonts on the Internet. Well, not every font comes in a hand-drawn variation, but in this particular case, I am going to create something that will look exactly like a hand-drawn font, no matter which font you choose. So for this, I am going to set a couple of parameters here. I am going to set my Angle to about 40 degrees. I am going to set my Path Overlap to 0, and I'll set my Variation to 2. My Stroke Width, I am going to back that down to 1 pixel. For the Curviness, I am going to make sure that's set to 0.
The Variation is going to be set to about 40%. The Spacing is going be set to 2 pixels, and then finally, the Variation, down here at the bottom, is going to be set to 1.5 pixels, just like so. When I'm finished with that, I'll hit OK, and you can see I get sort of a hand-drawn sketch look. I am then going to finish it off by giving it a little bit of a boundary, and I am going to do that by adding a new stroke.
So I'll add a stroke, and I'll bump this up to about 2 points; something like that. Okay, so I have created my new style, but I want to be able to apply this to any font that I want, so I'll come over to the Graphic Styles panel, I'll click the New Graphic Style icon, and it creates my graphic style for me. I can double-click it, and I'll call it Scribble, and hit OK. Now I can delete this text; I don't really need it anymore, and I'll grab my Type tool.
Then I'll come out here, and I'll just type Hello World, and let's blow this up. No matter what font I choose, I can then apply that Scribble effect. So I'll come up here, and I'll pick a pretty wacky font. Let's pick something like Brush Script. When I pick that, you will notice Brush Script is not, by default, a hand-drawn font. But if I come over and apply this graphic style, it instantly becomes hand-drawn, or sketchy.
I can do this for any type of object I want; not just text. So I could convert anything instantly into a hand-drawn sketch look by utilizing this graphic style, so that you can then use them in other artwork, or future projects. When you're ready to take these graphic styles and save them, you can simply come up here to the panel menu, and choose Save Graphic Style Library. Once you do that, you can then pick a place on your hard drive, and save them. Then you can send them out to your coworkers, or anyone else that you might want to have them, or even sell them online.
People can make a pretty good living selling graphic styles and effects over the Internet. Once you've done this, they are ready to go. To load a graphic style, all you have to do is come here, and choose Open Graphic Style Library, and then go to Other Library. You then navigate to wherever that graphic style library is located in your hard drive, and it loads it up. Let's take a look. I'll save this graphic style library to my Desktop, and I'll save it as scribble; hit Save.
Then I'll jump over into my appearance panel document, go here, open up the graphic style library, choose Other Library, it automatically jumps me to my graphic styles library section on my computer, but I am going to go to my Desktop, and locate that scribble library, and I'll hit Open. That's going to open all the graphic styles that I had open in that other document. Notice, there is my scribble. So if I wanted to apply this to something in my artwork, like maybe the R, I could come up here and select the R, and you will notice when I do that, that it tells me it's inside of a group in the Appearance panel.
I have to double-click a few times to get into it, via Isolation mode, but once I finally get that R targeted, I can then come down and select the scribble attribute, and it automatically applies that hand-drawn look to my artwork. Double-clicking here will exit me out. Now of course, the scribble effect doesn't exactly fit the look and feel of this application mockup that I have created here, but you get the idea. You can share graphic styles from document to document by saving out the graphic style libraries, and then reusing them in any project you want.
Get unlimited access to all courses for just $25/month.Become a member
120 Video lessons · 57792 Viewers
119 Video lessons · 67306 Viewers
84 Video lessons · 16661 Viewers
125 Video lessons · 29554 Viewers
Access exercise files from a button right under the course name.
Search within course videos and transcripts, and jump right to the results.
Remove icons showing you already watched videos if you want to start over.
Make the video wide, narrow, full-screen, or pop the player out of the page into its own window.
Click on text in the transcript to jump to that spot in the video. As the video plays, the relevant spot in the transcript will be highlighted.