The Rapid Elearning Blog

One way to save money on your elearning project is to create custom graphics using the clip art that comes with Microsoft PowerPoint.  You do this by ungrouping, editing, and regrouping the clip art.  It’s a technique I use a lot especially when I want to create characters for my elearning scenarios. 

Based on the feedback I’ve gotten from previous posts, there’s a love/hate relationship with clip art.  You love ungrouping it to create the graphics you need.  But, you hate the hassle of working with all of the bits and pieces that are part of the ungrouped clip art.  It takes too much time and causes a lot of frustration.  You can’t sleep, you’ve got irritable bowel syndrome, and you haven’t showered in days! 

If that describes you, then keep on reading.  As I share my tips and tricks on working with grouped clip art, you’ll not only save time building custom images, you’ll also restore the order of your day-to-day existence.  You’ll be happy and so will your family.  So let’s get started.

Some Clip Art Ungroups, Some Doesn’t

The first step in the process is to know when you can and can’t ungroup clip art.  Basically, there are two ways to determine this.  The first option is to whip out your calculator and solve the formula below. 

The Rapid E-Learning Blog - Math calculation for vector images

If you don’t happen to have a calculator handy, try this simple shortcut.  Just right click on the clip art.  If you can ungroup it, it will say "ungroup."  If you can’t, then it will be grayed out.  Not being a math whiz, I prefer the second option, myself.

The Rapid E-Learning Blog - How to tell when an image can be ungrouped

Bitmap versus Vector

There are a number of image formats and not all images are created equal.  I won’t go into a bunch of detail about the various formats.  Instead I want to highlight what happens when you scale an image by making it larger or smaller.

  The Rapid E-Learning Blog - I'm a bitmap.  I'm a vector.

A bitmap image is made up of a grid of pixels.  When you increase the size, the pixels get bigger.  That’s why you’ll notice the degradation (or pixelation) of the image.

A vector image is different because instead of using a grid of pixels, it uses mathematical equations to render the image.  In a layman’s terms that means you can scale it without losing any of the image’s clarity.

Clip Art Anatomy 101

Most clip art images are made up of vectors.  This makes sense because if you couldn’t scale your clip art, you’d need 20 versions of the image to account for every possible size option.  Scaling one image sure is a lot easier.

Generally, clip art is a series of grouped images.  Sometimes everything in the image is grouped into one image.  However, it is common that the images are made up of a number of grouped images.  So you can have groups within groups.

If you look at the example below, the first image is the original and everything is grouped together.  The second image is ungrouped but the image is still made up of sub-groups.  That’s why you see fewer boxes.  The third image shows everything ungrouped. 

The Rapid E-Learning Blog - groups with sub-groups

Working with ungrouped images can be a challenge, especially when you first start.  I’ve gotten a lot of emails asking for some tips when working with clip art, so in the following demo, I’ve detailed some of my tips and tricks and best practices.

Here’s what I show you:

  • Quickly select, duplicate, and scale your images
  • Use the grid and guide options to align objects
  • Work with duplicate slides and a scrub area to avoid messing up your real slides
  • How to work with all of the ungrouped objects
  • Save your creations as bitmap or vector images

The Rapid E-Learning Blog - Click to view ungrouping tutorials

Click here to view tutorials.

Here’s one last important point.  When you’re all done, you need to regroup your image.  You’ll find it easier to work with when you need to move it around.  And, if you publish it to Flash, the grouped image will render a lot faster than if it is ungrouped.

The secret when working with grouped clip art is to select areas you want to edit, copy them, and move them away from the main image.  This allows you to quickly make the edits you want to make.  Once you get used to this process and develop your own best practices, it really does become second nature.

Feel free to share ideas or comments by clicking the comments link.



42 responses to “What You Need to Know When Working with Grouped Clip Art”

[…] Also read: What You Need to Know When Working with Grouped Clip Art […]

Wonderful blogs Tom!Today I read in a learning blog that we learn maximum with friends. This made me think the things you incorporate, interactivity and lighter things are so very important. Thanks a lot for sharing.

Thank you very much Tom. i am quite a fan of your blog. By the way, how can you get images so crispy? I think I know Articulate’s configurations pretty well but haven’t been able to get that so well focused images out of it.

Thank you again.

This is a great topic. Thank you for sending this out today.

I’m going to make sure i find vector images from now on!

May 6th, 2008

I laughed out loud at your choice of images for bitmapped and vector graphics. Thanks! These are all great tips, as usual.
Julie

I wanted to say thank you for writing this one in response to our questions.

I’ve tried to explain the same tips to others, but received blank stares. Next time, I’ll point them to this blog.
One question, when you say… “And, if you publish it to Flash, the grouped image will render a lot faster than if it is ungrouped,” you ARE referring to when you publish the course, right?
I often need to be concerned with file size for the ppt, so I use a lot of jpgs. If the file size is still too large, usually a problem with photos, I use MS Picture Manager, crop as desired, then File/Export to a small web image. Usually works great.

May 6th, 2008

Thanks for the tips..I had no idea I could save an image as a vector, no more headaches!

May 6th, 2008

I laughed so hard at your email introduction to this topic! PowerPoint does get the better of me sometimes. Even though I’ve worked successfully with clip-art, I learned something new. Always great tips! Thanks

@Lisa: Yes, if you group the objects before publishing (with Articulate Presenter, for example) the publishing process is faster because it works with one object and not all of those little objects.

Not sure if you know it, but if you right click on an image in PowerPoint, you can compress it to 96 dpi (for web) and it will do the work for you without having to go into another process.

Good tips, Tom. PowerPoint 2007 still forces me to ungroup many of these images twice (I hoped they’d fix that in the new version). Ungroup > “This is an imported picture, not a group. Do you want to convert it to a Microsoft Office drawing object?” > Yes > Ungroup again.

Annoying. If you don’t experience the same issue, I’d like to figure out why I do.

P.S. I can’t believe you went and mentioned my IBS again. And in front of all these people too. I thought you promised you wouldn’t do that anymore?

:)

@Chris: I was thinking of you when I wrote the post. :) Not the IBS, the Mac image.

The double-click is somewhat annoying. However, if you just do the one click ungroup, you can still modify the clip art to some degree and it stays grouped. Try it. Click on one part of the group and move it around. It will move and yet still be grouped.

I’ll be doing a post on PPT 2007 soon where I show some of the things I think make it a cool elearning tool.

May 6th, 2008

Thanks for the reminders on how to accomplish the looks we want. What I REALLY liked was your joke about the math equation. I am going to use that in my trainings!

May 6th, 2008

Very helpful! I always wondered why, when I’d try to save an image as a .jpg, I got the black background. Only recently, did I start experimenting with saving images as a .png (I was afraid they would be monstruous in size but was pleasantly surprised). The Windows Metafile options just did not sound inviting. So, thanks to you, I will take the next step and have much better images!

Hey Tom, Another great post.

and here comes the potential dumb question for the day…

drum roll…

What is a vector image? What file type is it? It is possible to convert my png files or another other graphic file to a vector file type?

Thanks,
Jason

I think the number of groupings in a grouped object is determined by the artist. Having created many graphics in ppt, I’ve had to use a lot of subgroups. I’m sure the artist(s) don’t intend for us to rip apart their work. But I do so with great relish — must fulfill a sick need in me…

Great Stuff Tom. Really brilliant stuff. And such a quick response.

Keep the Coming.

@Jason: wikipedia has some good info on raster and vector images. You can convert bitmaps to vectors, however, you run into some issues. Take a simple 200×200 image. That means there’s 40,000 pixels. If you convert to a vector each pixel becomes an object. Thus, you have 40,000 objects.

So you need to combine some of the pixels and colors to create solid, larger objects. A good experiment is to go to vectormagic and upload a bitmap image and then see how it converts the gradient colors to vector.

Converting raster art to vector art:

http://www.equixotic.com/2008/01/22/vectormagic-jaggies-newbie/

Sadly, the service used to be free but no longer is. Still a valuable tool, particularly when converting things like logos and clip-art-ish images.

May 6th, 2008

Tom,
As usual an impressive blog piece!
Thanks for keeping these short and easy to digest!

I got a real kick out of your bitmap v vector image example!

Thanks,
Greg

May 6th, 2008

I am new to this blog, but it arrived at a timely moment. I have been asked to get permission from Microsoft for use of its clip art in PowerPoint presentations for which there is a fee charged.

Has anyone encountered this issue or sought to get permission?

The work is being done for a private corporation.

Kathy

May 6th, 2008

Tom,

That’s a great tip. Many thanks!! (And thanks for adding a bit of Macintosh fun … this comes from a Mac fan!) One question: how did you format the e-mail about the tip? Every time I try to include graphics in e-mails, I end up getting the darn thing discombobulated.

Joe

May 6th, 2008

Fantastic post Tom, I cannot believe that doing this stuff it is that simple. We are paying a fortune for customised e-learning with graphics and we could be doing it all ourselves.

Keep the info coming.

:-)

May 6th, 2008

Tom, we’ve been told that for legal reasons we can’t use MS clipart in anything but MS software eg not on intranet sites or elearning courses as we are a large corporate commercial org. I find this ridiculous but have to abide by what our lawyers say. What’s your take on this?

Thanks Tom for another interesting and entertaining blog. I really look forward to getting these acutally it is the only one that I make sure I schedule time out for 10mins with my coffee to read instead of the usual “cast an eye over” that us busy people do with emails.

Keep them coming

@Sam and others: thank you for the kind comments and feedback.

@Kathy & Wendy: I’m no copyright lawyer so I would defer to your legal department and your organization’s desires. In no way do I encourage any copyright violations. I do have to question though why Microsoft would sell enterprise level professional office suites and include clip art (and also actively encourage downloading it as well as templates that contain derivatives of the clip art) if they didn’t intend for the suite users to make use of the clip art in the environment for which it was purchased.

In other words, what’s the point of including the clip art in a business suite if the users can’t use it for their business? Where do they think I’m going to use it, when I build presentations for my family budget meetings? When else would I have need of the office worker clip art? I can’t see a lot or personal use cases for that clip art.

A few years ago, getting clip art in your office suite was a bonus feature if you purchased the pro version. Whatever the case, I recommend you do what’s suggested by your organization.

I went to the Microsoft site to see what the policy has to say. In one place the EULA states that you can’t use the clip art for a trademark and implies you can’t use it for anything but personal purposes, but then they have a post about how to use clip art for your business cards.

If you set up a business site on Office Live, you get to use clip art.

I have no problems using the clip art for business as long as I have a licensed version of the software.

More from the Microsoft site:

Media Elements and Templates.You may have access to media images, clip art, animations, sounds, music, shapes, video clips, templates and other forms of downloadable content (“media elements”) associated with the service. If so, you may copy and use the media elements, and license, display and distribute them, along with your modifications as part of your software products, including your web sites, but you may not (i) sell, license or distribute copies of the media elements by themselves or as part of any collection, or product if the primary value of the product is in the media elements; (ii) grant customers of your product any rights to license or distribute the media elements; (iii) license or distribute any of the media elements that include representations of identifiable individuals, governments, logos, initials, emblems, trademarks, or entities for any commercial purposes or to express or imply any endorsement or association with any product, entity, or activity; or (iv) create obscene or scandalous works, as defined by law at the time the work is created, using the media elements.

The way I read this is that I can use the clip art in my courses as long as I have a valid license and I don’t resell or distribute the clip art or a product where the value of that product is the clip art. It would be a violation if I downloaded the clip art and distributed that to people who didn’t own a license to use it. Or if I made clip art from the clip art and sold it. Like if I used Tom’s character ideas and then sold a package of clip art characters.

Dear Tom,

It just fascinates me, because it gives me a feeling that I can do something as easily as those graphic designers do with lot of difficult softwares.

However, I have a feeling that such an idea is not very appreciated by public at large. They would still prefer jazzy figures created from difficult a s/w

Salil

Wow. I thought I knew how to use graphics in PPT but this is awesome. Best blog I get. Thanks.

May 7th, 2008

Thanks, Tom and blog colleagues,
I’m going to pass this on to the organization. Is it possible to contact Microsoft and get an answer? [I’ve never tried].

Kathy

@Ezra: I’d read the statement the same way. You can use the clip art for production work as long as you have a license of the MS software and that you don’t repackage or sell the clip art.

@Kathy: You can try to contact MS. I’d go to one of their blogs on office online and start from there. At least there you know you’re starting with a consumer-minded real person, rather than calling a customer service rep who’ll navigate through a flow chart of instructions first.

@Dr. Gupta: I think that as long as the quality remained complete and the graphics worked with the rest of the project, that you’d be fine and the work would be accepted by the public.

@Jim: Thanks and glad you find it helpful.

Does anyone else have this problem? I’m still using PowerPoint 2003 (please forgive me) and maybe that’s the issue, but I find that almost every time I click on an image it moves slightly. I have become adept at hiting Undo every time I select an image.

Is it just me? And is there a solution?

Thanks for your wonderful tips. I’m putting them to use.

Tyler

Going back to the “legal use of clip art” question - is there a non-Microsoft source for clip art that can be ungrouped and manipulated in Office apps? Or is that ability exclusive to Microsoft’s stuff?

I know sites like iStock have plenty of vector images that would work great for eLearning, but I’ve never tried bringing one into PowerPoint to see if it can be taken apart and modified.

@Tyler: Sometimes when you click on an image the toolbar setting chaneg and make it look like the image as shifted. You can always use tab to access your clip art without using the mouse. Tab will cycle through the objects on the screen.

@Chris: From my experience, all of the vector image that I’ve used in PowerPoint can be ungrouped. Regarding some of the sites like istock, you get the vector illustrations which you can edit, but they are not the same as clip art. You’ll have to save them to a different format.

Hi Tom,
Thanks for the tips! I didn’t know you could copy guides and I see that will be very helpful.
Here’s a related tip: If you don’t want to turn off the “grid” entirely in PPT, you can hold down the Alt key to override the grid temporarily. I often zoom in to 300 or 400%, press the Alt key to place an object exactly where I want it and then zoom back out again. In general, I like the grid.
Jane

May 8th, 2008

Tom, thanks for the tips–I’ve been experimenting further with clipart images and working on creating my own library. I’m glad that you pointed out which is the best format to save the finished image so that it can be edited again once it’s ungrouped. Looking forward for some more tips and tricks and thanks again for doing a great job!

Cheers!

If you use Adobe Illustrator, size the clip art in PowerPoint then cut and paste it into Illustrator. This give you all kinds of additional capabilities. The vectors behave somewhat differently than vectors created in Illustrator, but you can still work with them. When you’re done, save as a .png file. It will be a raster graphic but it will already be the right size, so it’s OK. The .png also allows for transparency, which is a nice bonus feature.

Hi Tom,

Thank you for all the great tips - I really enjoy your blog and I am putting a lot to, hopefully good, use.

I have found an issue with re-grouped clipart and hyperlinking. I am trying to create branched scenarios and make my own buttons - sometimes from clipart and sometimes from WordArt added to an Action Button. I am using PowerPoint 2003.

I have found that I cannot add a hyperlink to a re-grouped item. I have to either ungroup it again and add the hyperlink to several components then re-group or create an ‘invisible button’ to go over the grouped clipart and add the hyperlink to that.

Do you know if this is this a known problem and if there is any other way of getting around it?

Thank you for any help/suggestions.

Sue, Staffordshire, England

@Sue: that is an issue with clip art. There are two solutions. The first is to just use transparent boxes that sit on top. I kind of liek that approach as it is easy for me to add/delete boxes.

The other is to group the transparent box with the clipart. It sits on top and you can add a hyperlink to it.

Thanks Tom,

I hadn’t tried grouping the transparent box with the clipart - I’ll probably do that then I know that it will all move together if I move the clipart.

Thanks Very Much,
Sue

I had some email exchanges with istockphoto about their license agreements. I asked specifically about using the images in elearning courses and presented three scenarios:

1. internal course
2. consultant who builds course for client
3. vendor who builds generic courses and sells them repeatedly

This is the response:

“If you use an image on a e-learning course to illustrate a topic, then this is a permissible usage with the Standard License Agreement.”


Leave your two cents.

Please enter comment below: *

* indicates a required field

Close
Email It