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.
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.
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.
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.
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
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.
Upcoming Events (2015)
- Vancouver & Toronto Workshops: We’re planning a couple of workshops in Toronto & Vancouver. If you’re interested, let us know. Click here for more details.
- January 28-29 (London, UK). I’ll be at Learning Technologies, swing by the Articulate booth #42 to say “Hi.”
- January 30 (London, UK). Doing a couple of seminars on building interactive elearning. Click here to register.
- February 10 & 11 (Omaha, NE). Sign up for one day or both:
Day 1: How to Build Interactive E-Learning
Day 2: Use Articulate Storyline to Build Interactive E-Learning
- March 10 & 11 (Phoenix, AZ). Registration page coming soon.
Day 1: How to Build Interactive E-Learning with Articulate Storyline
Day 2: Articulate Storyline Brainteasers
- March 25-27 (Orlando, FL). Learning Solutions. Swing by the Articulate booth to say “Hello.”
- April 15 & 16 (Chicago, IL). Details coming soon.
- May 17-20 (Orlando, FL). ATD International Conference & Expo. Swing by the Articulate booth to say “Hello.”
- June 3 & 4 (San Francisco, CA). Registration page coming soon.
Day 1: Learn to Create Your Own E-Learning Assets
Day 2: Use Storyline to Build Interactive E-Learning
- Other locations include: Philadelphia, Portland, Atlanta, Vancouver, and Toronto.
E-learning Community News
- Learn: Want to learn more about elearning? Check out these articles and free resources in the community.
- Get hired: Job board for elearning, instructional design, and training jobs (updated weekly)
- Participate: Weekly challenges to sharpen your skills and show off what you’ve done. Great way to learn and get feedback.
- Resources: Free PowerPoint templates, free elearning templates, and free e-books. Updated all the time.
- Inspiration: Cool elearning examples.