Illustrator Insider Training: Rethinking the Essentials
Illustration by Petra Stefankova

Saving appearances with graphic styles


From:

Illustrator Insider Training: Rethinking the Essentials

with Mordy Golding

Start your free trial now, and begin learning software, business and creative skills—anytime, anywhere—with video instruction from recognized industry experts.

Start Your Free Trial Now

Video: Saving appearances with graphic styles

We've already seen that using appearances allows us to create very nice designs. For example, right here I've created a shape and I've used multiple stroke attributes to get this beautiful border. However, you can quickly see how this can reveal some kind of a problem inside of Illustrator. For example, maybe I want to use this exact same border on multiple objects inside of my design. As I see over here in this file called styles.ai, I have three flower designs at the bottom of my document, and maybe I want each of those flowers to have that same type of nice border.
Expand all | Collapse all
  1. 8m 22s
    1. Welcome
      1m 15s
    2. Exploring the Illustrator Timeline
      5m 12s
    3. Getting the most out of this training
      1m 30s
    4. Using the exercise files
      25s
  2. 16m 27s
    1. Starting off on the right foot
      27s
    2. Knowing the difference between structure and presentation
      4m 38s
    3. Understanding paths and attributes
      4m 56s
    4. Distributing stroke weight along a path
      2m 25s
    5. Bottoms up: Object hierarchy and stacking order
      4m 1s
  3. 51m 9s
    1. The all-important Appearance panel
      37s
    2. Understanding attribute stacking order
      6m 45s
    3. Targeting individual object attributes
      7m 32s
    4. Adding multiple attributes to a single object
      9m 31s
    5. Modifying appearances with Live Effects
      7m 11s
    6. Using multiple strokes to create a border design
      4m 36s
    7. Using multiple strokes to create a map
      5m 52s
    8. Using multiple fills to mix spot colors
      4m 59s
    9. Using multiple fills to create textures
      4m 6s
  4. 46m 2s
    1. Learning to live with appearances
      30s
    2. Basic appearance vs. complex appearance
      4m 27s
    3. Clearing or expanding an appearance
      10m 52s
    4. Controlling the appearance of newly drawn art
      5m 11s
    5. Saving appearances with graphic styles
      6m 54s
    6. Changing artwork by modifying a graphic style
      7m 39s
    7. Uncovering a treasure trove of graphic styles
      5m 1s
    8. Copying appearances with the Eyedropper tool
      5m 28s
  5. 33m 28s
    1. Why do we create groups?
      1m 48s
    2. Applying an effect to a group
      4m 38s
    3. Understanding the difference between targeting and selecting
      4m 44s
    4. Knowing the dangers of ungrouping artwork
      2m 21s
    5. Using Isolation mode to preserve group structure
      6m 59s
    6. Adding a stroke to a group
      6m 13s
    7. Adding a 3D effect to a group
      3m 36s
    8. Extending the concept of groups to type objects
      3m 9s
  6. 46m 34s
    1. Are you a layers person?
      33s
    2. Learning to use the Layers and Objects panel
      9m 27s
    3. Making selections and editing stacking order
      6m 38s
    4. Reading and using the target circles
      8m 43s
    5. Copying artwork and appearances
      5m 37s
    6. Adding effects to layers
      9m 56s
    7. Getting the most out of the Layers panel
      5m 40s
  7. 47m 19s
    1. It's more than just a drop shadow?
      48s
    2. Adding basic texture with Mezzotint
      7m 50s
    3. Generating custom textures with Texturizer
      12m 22s
    4. Adding a stroke to an image with Outline Object
      5m 54s
    5. Aligning text precisely with Outline Object
      6m 31s
    6. Adding callout numbers with Convert to Shape
      4m 36s
    7. Enhancing performance with Rasterize
      2m 30s
    8. Avoiding pitfalls when using effects
      6m 48s
  8. 31m 59s
    1. Asking yourself the "what if?" question
      33s
    2. Outlining artwork with Offset Path and Pathfinder Add
      5m 36s
    3. Adding captions with Convert to Shape and Transform
      7m 1s
    4. Creating a crosshatch effect with Scribble
      5m 44s
    5. Creating buttons with Round Corners and Transform
      13m 5s
  9. 25m 21s
    1. Working with other people's files
      36s
    2. Setting up a workspace that makes sense
      9m 43s
    3. Learning to "read" an Illustrator file
      5m 48s
    4. Controlling pixel resolution
      9m 14s
  10. 1m 2s
    1. Next steps
      1m 2s

please wait ...
Watch the Online Video Course Illustrator Insider Training: Rethinking the Essentials
5h 7m Intermediate Feb 25, 2011

Viewers: in countries Watching now:

Illustrator Insider Training: Rethinking the Essentials is the first installment in a series of courses designed to show experienced Illustrator users to how master core features and build art more efficiently. Adobe Illustrator has evolved dramatically over the years, and many creative professionals may be missing out on features that have been added to the latest versions. This course takes a fresh approach to core concepts, such as paths, attributes, object hierarchy, groups, and layers. Advanced techniques such as combining multiple effects and customizing textures are also included. Exercise files and a free worksheet are included with the course.

Topics include:
  • Targeting individual object attributes
  • Adding multiple stroke and fill attributes
  • Modifying appearances with live effects
  • Applying effects to groups and to layers
  • Understanding both selecting and targeting
  • Copying artwork and appearances from layers
  • Using the Outline Object effect
  • Enhancing performance with the Rasterize effect
  • Creating quick and easy captions and buttons
  • Setting up a meaningful workspace
  • Controlling the pixel resolution of effects
Subject:
Design
Software:
Illustrator
Author:
Mordy Golding

Saving appearances with graphic styles

We've already seen that using appearances allows us to create very nice designs. For example, right here I've created a shape and I've used multiple stroke attributes to get this beautiful border. However, you can quickly see how this can reveal some kind of a problem inside of Illustrator. For example, maybe I want to use this exact same border on multiple objects inside of my design. As I see over here in this file called styles.ai, I have three flower designs at the bottom of my document, and maybe I want each of those flowers to have that same type of nice border.

Do I have to start selecting each of those flowers and apply multiple strokes and change the settings of each of those strokes? That can get tedious in a hurry. So what we want to do is become more efficient by actually saving appearances as something called graphic styles. With graphic styles, we can easily apply the same appearance to multiple objects inside of our documents. Now, I'm going to start off by actually pulling out the Graphic Styles panel here, and I'm actually going to just click and drag so that it touches the bottom part of this panel, the Appearance panel.

You can see a little blue line appears at the bottom. I'm now going to release the mouse and now the Graphic Styles panel is kind of like docked to the appearance panel, so they both move together. Now by default, the Graphic Styles panel appears here in this Icon view. I'm actually going to go ahead and change that to a List view. I am going to go to the flyout menu of the Graphic Styles panel. I'm going to choose to view this in a Small List view. This is just going to show me the names of the graphic styles. For some reason, I just find it a lot easier to reference graphic styles by their names than it is to try to figure out and understand how those little tiny chiclet icons may represent how that graphic style may look when it's applied to artwork.

Now in this document, all we have is a default style. Now, I already have an object here that contains multiple stroke attributes on it. When I have it selected, you can see in the Appearance panel that I have four different stroke attributes each with different settings here applied to that single object. What I'd like to do is I like to capture that information and save it so that I can easily apply that exact same border to multiple objects to my document. Now a lot of people don't fully grasp exactly what a graphic style is because one of the ways that you can actually save a graphic style, or define a graphic style, is by taking any piece of artwork from your artboard and dragging it into the Graphic Styles panel.

That saves it as a graphic style. But in my mind, I may think that I'm actually saving that object as a graphic style, which is not the case. I'm going to press Undo here for a second. What a graphic style actually is is a saved appearance. So let's talk about a different way of actually creating a graphic style inside of Illustrator. I have this object selected, so I can actually see that there are four stroke attributes applied to that object. If you take a look at the top of the Appearance panel, I have the word "Path" that appears in bold which is my target, and just to the left of that target is an icon, which we call it the thumbnail.

The thumbnail just gives me a quick graphic representation of what that appearance looks like. Between you and me, that little thumbnail is way too small for me to really make any good use out of it; however, it does give me a way to create a graphic style in a way that lets me better understand exactly what that style is, because another way to create a graphic style is to actually take that thumbnail and click and drag that thumbnail into the Graphic Styles panel. You'll see now my mind is not saying "Oh! I'm dragging the object into the Graphic Styles panel," because I might think that I'm taking the structure of that file and saving it as a graphic style.

Now, I'm taking the appearance, meaning just the presentation values, and I'm capturing that information, and I'm saving that as graphic style. So when I release the mouse now, I'm now going to double-click on the word Graphics Styles here to give it a name. And let's call this one loops, a nice little border name for this. So I've now created a graphic style called loops, and what is that graphic style? It is a captured set of appearances. The only thing that is contained in that graphic style is presentation information.

There is no structure information. There are no paths. There are no anchor points. There are no control handles at all. All there are inside of that are captured settings of strokes, and maybe fills and live effects if that appearance contains it. Now, in this case here we're dealing strictly with stroke information, so that graphic style just has stroke information. Now, let's see how we actually apply those graphic styles. I'm going to select this shape right over here and just simply come over to the Graphic Styles panel and click on loops. What I've done is I've actually taken my object, which had certain presentation values-- it had a default fill and stroke-- and I've replaced those presentation values with the values that were inside of the graphic style called loops.

So before my object had a fill and a stroke. Now this object has no fill, but it has four different strokes. Now, if I wanted to apply that same graphic style to these other two flowers here, I may went into a problem. Let me explain. If I select this middle flower right here, which is still this light yellow color, and I now apply the graphic styles hoping that I'm now going to get that border design added to my shape, I'm actually going to see that I'm going to lose that yellow fill color. That's because I've completely replaced the presentation values of that object with the presentation values that were present in the graphic style.

I'm going to press Undo. You see I actually want to add the presentation values to this object without removing what's already there. Now, the nice thing is that as of Illustrator CS4, there is a way to actually do that. Instead of just clicking on the loops graphic style, I'm going to press and hold the Option key on my keyboard. Now, I'm on a Mac, so if you're on a PC or on a Windows machine, press and hold down the Alt key while you perform this action. I'm now going to click on the same graphic style, the loops graphic style.

But because I had my finger on the Option key, Illustrator takes the appearances that are inside of the graphic style, and it appends them to the existing artwork. Or it adds them while keeping the existing ones intact. Notice that the fill is still there. However, in this case here, all the strokes were added beneath the fill in the attribute's stacking order. To correct that problem, I simply have to take the fill and drag it to the bottom of the stacking order, and now I get the effect that I'm looking for. Let's try that one more time on the purple flower. I'll select the purple flower, I'll hold down the Option key, and I'll click on the loops graphic style.

Now, I'll just move the fill down to the bottom. So we now know that if I want to apply graphic style, I can save or capture the Appearance settings of any object, and then simply apply those Appearance settings to any other object inside of my file. If I want to append those settings to an existing object, I can do so by applying the graphic style while holding down the Option or the Alt key.

There are currently no FAQs about Illustrator Insider Training: Rethinking the Essentials.

 
Share a link to this course

What are exercise files?

Exercise files are the same files the author uses in the course. Save time by downloading the author's files instead of setting up your own files, and learn by following along with the instructor.

Can I take this course without the exercise files?

Yes! If you decide you would like the exercise files later, you can upgrade to a premium account any time.

Become a member Download sample files See plans and pricing

Please wait... please wait ...
Upgrade to get access to exercise files.

Exercise files video

How to use exercise files.

Learn by watching, listening, and doing, Exercise files are the same files the author uses in the course, so you can download them and follow along Premium memberships include access to all exercise files in the library.


Exercise files

Exercise files video

How to use exercise files.

For additional information on downloading and using exercise files, watch our instructional video or read the instructions in the FAQ .

This course includes free exercise files, so you can practice while you watch the course. To access all the exercise files in our library, become a Premium Member.

* Estimated file size

Are you sure you want to mark all the videos in this course as unwatched?

This will not affect your course history, your reports, or your certificates of completion for this course.


Mark all as unwatched Cancel

Congratulations

You have completed Illustrator Insider Training: Rethinking the Essentials.

Return to your organization's learning portal to continue training, or close this page.


OK
Become a member to add this course to a playlist

Join today and get unlimited access to the entire library of video courses—and create as many playlists as you like.

Get started

Already a member ?

Exercise files

Learn by watching, listening, and doing! Exercise files are the same files the author uses in the course, so you can download them and follow along. Exercise files are available with all Premium memberships. Learn more

Get started

Already a Premium member?

Exercise files video

How to use exercise files.

Ask a question

Thanks for contacting us.
You’ll hear from our Customer Service team within 24 hours.

Please enter the text shown below:

The classic layout automatically defaults to the latest Flash Player.

To choose a different player, hold the cursor over your name at the top right of any lynda.com page and choose Site preferences from the dropdown menu.

Continue to classic layout Stay on new layout
Exercise files

Access exercise files from a button right under the course name.

Mark videos as unwatched

Remove icons showing you already watched videos if you want to start over.

Control your viewing experience

Make the video wide, narrow, full-screen, or pop the player out of the page into its own window.

Interactive transcripts

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.

Learn more, save more. Upgrade today!

Get our Annual Premium Membership at our best savings yet.

Upgrade to our Annual Premium Membership today and get even more value from your lynda.com subscription:

“In a way, I feel like you are rooting for me. Like you are really invested in my experience, and want me to get as much out of these courses as possible this is the best place to start on your journey to learning new material.”— Nadine H.

Thanks for signing up.

We’ll send you a confirmation email shortly.


Sign up and receive emails about lynda.com and our online training library:

Here’s our privacy policy with more details about how we handle your information.

Keep up with news, tips, and latest courses with emails from lynda.com.

Sign up and receive emails about lynda.com and our online training library:

Here’s our privacy policy with more details about how we handle your information.

   
submit Lightbox submit clicked
Terms and conditions of use

We've updated our terms and conditions (now called terms of service).Go
Review and accept our updated terms of service.