Easy-to-follow video tutorials help you learn software, creative, and business skills.Become a member

Changing artwork by modifying a graphic style

From: Illustrator Insider Training: Rethinking the Essentials

Video: Changing artwork by modifying a graphic style

So we already know that we can use graphic styles to be more efficient in our artwork. We can create one set of attributes and easily copy those attributes to other artwork. For example, in this document right here called styles_2.ai I have the same flower, which all has the same attributes applied to them, and I am using the loops graphic style on each of these objects. In fact, if I go ahead and I click to select one of these objects, I can see in my Appearance panel that I currently have a path that's targeted. But more importantly, the appearance panel is also telling me that I have the loops graphic style applied to that path.

Changing artwork by modifying a graphic style

So we already know that we can use graphic styles to be more efficient in our artwork. We can create one set of attributes and easily copy those attributes to other artwork. For example, in this document right here called styles_2.ai I have the same flower, which all has the same attributes applied to them, and I am using the loops graphic style on each of these objects. In fact, if I go ahead and I click to select one of these objects, I can see in my Appearance panel that I currently have a path that's targeted. But more importantly, the appearance panel is also telling me that I have the loops graphic style applied to that path.

We're starting to see here that the Appearance panel gives me a tremendous amount of information about my file. For example, if another designer worked on this file and they handed the file off to me, just by clicking on this artwork and looking the Appearance panel, I can easily see that there is now a graphic style applied to that piece of art. Why might that be important? Well, perhaps the most beneficial part about working with graphic styles is not that I can easily apply settings to artwork; it's that I can modify or change those settings at any time. In fact, let's modify that graphics style right here.

I am actually going to start off by deselecting the artwork, and this is an important thing to note about working with graphic styles inside of Illustrator. I am actually going to make that change without having to select any of the artwork. And this is key, especially when you are working with really complex files. Many times, artwork may appear on locked layers, it may appear beneath other objects that might be hard to select, or when you start clicking and actually trying to select artwork inside of a complex document, you might accidentally move or select the wrong thing. We don't want that to happen.

So it's really nice to know that when you are working with graphic styles, you can actually make modifications to those styles without having to select the artwork at all. So I am going to start off by actually pressing D on my keyboard, which is going to reset my Appearance panel back to its default settings. I am doing this because I want you to see exactly what happens when I am actually working with graphic styles using the Appearance panel. You see, I know that I actually want to make a modification out to the loops graphic style. I am going to come over here to the Graphic Styles panel, and I'll click on the loops graphic style. As soon as I do so, you'll see all of the settings for that loops graphic style now get loaded into the Appearance panel.

Illustrator tells me right now, No Selection, meaning I don't have any selection, but I'm displaying the settings for the loops graphic style, and I can see here the four different strokes. Now the word from my creative director is they actually don't want me to use white in this graphic style; they actually want me to use the light yellow color. So wherever I have white in the graphic style, I want to change that to light yellow. That's actually the little stroke that appears along the path here that connects all the little circles and the circles themselves. Now wouldn't you know it, the clients also decides that they would like to have soft drop shadows in all this artwork. What a surprise? But we can easily do that using graphic styles as well.

So again, all I've done here is I have actually gone through my graphic styles panel and I have clicked on the loops graphic style to load those settings into the Appearance panel. Now, I am actually going to make some of the changes. Remember, I have no artwork selected on my artboard at all, but I can come here inside of the Appearance panel, and I'll change these white strokes to the light yellow color. Next, I am going to click here in the bottom, because I want to target my entire artwork, and I am actually going to apply a soft drop shadow. I'll go to Stylize and choose Drop Shadow. And I use these settings here, an Opacity of 60, an X and a Y Offset of 0.02 inches, and a Blur of 0.03 inches, and I'll click OK.

So I can see here now that the drop shadow appears inside the Appearance panel. But remember, I have no selection, so these are all settings that I just know in my head that I want to make to this graphic style. All along, Illustrator has been watching very closely what I've been doing. It saw me click on that graphic style. It's telling me to make some changes in my Appearance panel, and Illustrator figures, hey, maybe you want those changes to actually become part of the graphic style. In fact, if I go to the flyout menu of the Appearance panel, I'll see there is an option here at the bottom called Redefine Graphic Style "loops".

In other words, do I want to take the settings that I have just made to the Appearance panel and actually used those changes to redefine the loops graphic style? So actually, I do, and just by choosing this option, you'll now see that on the artboard, all of the artwork that I have are going to now take on that yellow color, and also get the drop shadow. Remember, I have been able to do this without having to select any of that artwork. Now I am going to press Undo, because I want to show you yet another way to make the change to the graphic style. By pressing Undo, all I've done is I've just reset that option. So, I haven't actually made any modifications to the graphic style yet, but I did already add the drop shadow and I did already change the stroke colors here to yellow.

Remember, how before when we first defined our graphic style, we just took this little thumbnail and we dragged it into the Graphic Styles panel to create a style? Well, let's do the same thing. I am going to take the icon now. I am going to drag it now into the Graphic Styles panel, but instead of just dragging it in and dropping it, I am going to hold down the Option key--or Alt key on Windows--and I am going to drag this icon on top of the existing style. Notice that when I do so, it gets a thick black outline around it. Whenever you're holding down the Option key, or the Alt key on Windows, and you're dragging something on top of an existing style, that means that you're modifying or changing that style.

So now if I release the mouse, Illustrator now is going to modify that graphic style and also modify all the artwork that has that style applied to it, on the artboard. In this case, I've completely lost the original style, meaning now if the client decides, "You know something, you guys are right. Let's go back to not having a drop shadow and let's go back to the white circles," well, I don't have that style anymore, so I'd have to now go ahead and make that change. Another thing that I can do is simply press Undo, and instead of modifying or updating that style, I could take the style, drag it in and create a second one.

Maybe now I'll call this one loops_2. Now I have two graphic styles, and now what I can do is I can select the artwork. In this case, here I am actually going to click and drag to select the artwork, and I'm going to simply just choose this graphic style to update it to this one. But if I want to go back to the original graphic style, I always have the original one inside of my document. Now this is a very simple document. But there are many ways to select artwork inside of Illustrator. I am going to give you one example of how this process might be just a little bit more efficient. For example, right now I have two graphic styles in my document.

I can click on just this one object, so basically select one object anywhere inside of my document that has this graphic style applied to it. I can then go to the Select menu, and I can choose Same and then choose Same > Graphic Style, meaning look throughout my entire document, find all artwork that has the same graphic style as the one I currently have selected, and select those. Now you can see that all of this artwork now is selected. If I had a document that was very complex, that had 500 other objects inside of it, only these graphic style objects will become selected, and now I could easily just choose another graphic style.

So I have made now a change to my artwork, but I haven't lost my original graphic style. So here are two ways that you can work with Illustrator and graphic styles: either modify your existing graphic style or create a second graphic style and use that without losing the original one. Now I'll finish up with one more point. In the previous video, we actually spoke about the ability to apply a graphic style but not necessarily replace all the existing attributes, but append those attributes by applying a graphic style by holding down the Option or the Alt key.

It's important to note that when I do that, that graphic does not necessarily remember that graphic style. So if I try to modify the graphic style, those particular objects won't get updated.

Show transcript

This video is part of

Image for Illustrator Insider Training: Rethinking the Essentials
 
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

Start learning today

Get unlimited access to all courses for just $25/month.

Become a member
Sometimes @lynda teaches me how to use a program and sometimes Lynda.com changes my life forever. @JosefShutter
@lynda lynda.com is an absolute life saver when it comes to learning todays software. Definitely recommend it! #higherlearning @Michael_Caraway
@lynda The best thing online! Your database of courses is great! To the mark and very helpful. Thanks! @ru22more
Got to create something yesterday I never thought I could do. #thanks @lynda @Ngventurella
I really do love @lynda as a learning platform. Never stop learning and developing, it’s probably our greatest gift as a species! @soundslikedavid
@lynda just subscribed to lynda.com all I can say its brilliant join now trust me @ButchSamurai
@lynda is an awesome resource. The membership is priceless if you take advantage of it. @diabetic_techie
One of the best decision I made this year. Buy a 1yr subscription to @lynda @cybercaptive
guys lynda.com (@lynda) is the best. So far I’ve learned Java, principles of OO programming, and now learning about MS project @lucasmitchell
Signed back up to @lynda dot com. I’ve missed it!! Proper geeking out right now! #timetolearn #geek @JayGodbold
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.

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?

Become a member to like this course.

Join today and get unlimited access to the entire library of video courses.

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 preferencesfrom 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.

Are you sure you want to delete this note?

No

Your file was successfully uploaded.

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.