The Rapid Elearning Blog

kidsart.gif

My kids love stickers. They plaster dozens of random ones on a page and proudly give me their new work of art. This approach to graphic design is fine for your family, but you don’t want your elearning courses to look like cluttered and random creations developed by sticker-happy children.

Get Rid of the Clutter

In this post, you’ll discover how to use your clip art to create images that are consistent and look like they belong together. Let’s get started by looking at the image below.

The Rapid E-Learning Blog: cluttered example

My guess is that you’ve seen this type of screen before. This elearning course looks kind of sloppy and unprofessional. It’s a cluttered design and the images don’t look like they belong together. This is not want you want for your course.

You want your screens to be less cluttered and have a consistent look and feel.

When you’re on a budget and have limited access to graphic resources, you need to be creative. If you’re forced to use clip art, odds are that you don’t have enough or the right ones. In the previous post, Little Known Ways to Create Your Own Graphics Using PowerPoint, we looked at ways to easily take Microsoft Office clip art and create your own images.

Now, let’s apply those techniques to create a consistent look for an entire elearning course.

Search Microsoft Office Clip Art

The Rapid E-Learning Blog: search Microsoft Office Online

I am working on the assumption that you have the clip art package that comes with Microsoft Office and that you are using PowerPoint. The tips and tricks might work elsewhere, but I cannot guarantee it.

You can search Microsoft Office Online and find thousands of images and clip art. The search process is pretty standard and simple enough. If you want clip art of just people, you do a search for "people" and all you get is people. If you want to fine tune it, you search for "business people."

Use the clip art properties to find the right image and style

The Rapid E-Learning Blog: clip art properties box

When you select an image, you’ll see the image properties. In the example above, there are two things to focus on: keywords and styles.

  • Keywords identify the clip art. Clicking on a keyword is a good way to search for images. Sometimes I’m not quite sure what I want so I just start with a word like "business women" and see what comes up. I find an interesting image, look at the properties, and see what other keywords they use to tag the image. This gives me better ideas on how to search for a particular type of image.
  • Styles are images that are part of the same package. When I find the clip art I like, I go to the image properties and click on the style. All of the images fit together and share a common look. When I find a style I like, I download all of the images in that style. This way I can break them apart and use the elements I need.

Download your style and create custom images

For this example, I’ll use "style 1382." As you can see below, there are lots of good images to choose from. There’s also a nice color scheme.

The Rapid E-Learning Blog: clip art styles box

Here’s what to do:

  • Download all of the images to an open PowerPoint file.
  • I like to spread the images out over a series of slides so that I can easily see them. I can fit quite a few on one slide.
  • Save the file as "style1382.ppt." This way you always know what style it is and you can easily access all of the images to edit them.
  • Once you have the images saved, use the technique that I described in the previous post and create custom images.

Here are some additional tips:

  • Don’t be afraid to play around and see what happens.
  • You can change heads (or other body parts) on the characters.
  • If you need a specific ethnicity, change the skin color or eye shape.
  • Modify the clothes. You can change the colors or get rid of the "business look" by taking out the ties and white shirts.

Before & After Examples

I’ve included some before and after examples to whet your appetite. By applying my surgical expertise, these two images become a visual metaphor for chasing profits.

The Rapid E-Learning Blog: before and after example

The image below demonstrates what we learned from the previous post. I ungrouped the image, took out what I didn’t need, and changed the color of her outfit. She went from being a soldier to a happy college student.

The Rapid E-Learning Blog: before and after example

 

There’s no reason why you can’t mix and match body parts or facial expression to get the exact pose or look you want. All you need is a blank face, and you can drop any expression you want onto it.

In fact, I’ll go through all of the images from a style group, pull out the facial expressions, and put them on a blank slide. This way I have quick access to the expressions I need.

Here’s a quick way to create images for your next pirate rehabilitation course.

The Rapid E-Learning Blog: before and after example

The Rapid E-Learning Blog: before and after example

The image below is a combination of the same style (1382). I changed the map reader from male to female using the hair and body shape from the original female image.

The Rapid E-Learning Blog: before and after example

When you use the same style, it is easy to create images that meet your specific needs and look like they belong together. It’ll make your project look that much more polished and professional.

Here is a quick makeover of the first image above. I used style 1382 for all of the images. I modified the images and then I cleaned the screen up a little. This is a simple example. Combine this technique with some of the presentation concepts popular in books like Beyond Bullet Points and you can really create a powerful and effective elearning course.

The Rapid E-Learning Blog: example of elearning course with consistent clip art styles

Here are some of the styles I like to use when building courses:

  • 1382
  • 1541
  • 1280
  • 1368
  • 1366

What styles do you like to use?

I look forward to seeing what you’re able to do. Next time, we’ll look at some simple ways to jazz up the images with a photo editing program.

Bookmark and Share
Related Posts with Thumbnails


39 responses to “See How Easily You Can Design a Consistent Look for Your E-Learning Courses”

September 6th, 2007

Tom – I’m going to be sure not to share this post with my boss. She’ll think I magically developed new design skills! :)

Very nicely done, sir. Very nice, indeed. I enjoyed this post thoroughly.

Regards
Shane

Wow, Tom, your stuff just keeps getting better and better! I thought I was a whiz at squeezing a little goodness out of typical, trademark PowerPoint crappiness, but you are revealing me as the complete amateur that I am.

Keep up the great work!

You are truly amazing! I had no idea of all these possibilities. I won’t be sharing this post with my boss either!
Maureen

I get dozens – nay, hundreds – of these kinds of professional training emails in the course of my work week. This is the one I print and save and share with colleagues. At last, concrete tips that I can actually put into practice!

September 6th, 2007

I’ve been doing this for years now, but MS doesn’t make it very obvious that you can search by style #, surprise, surprise. I’m sure this will relieve a few headaches now that everyone knows!

Hi T,
I could never do this. It is simple spectacular. You are truely creative

What a fun way to spend some work week! You’re providing great stuff to archive and share with clients.

Thanks for all of the feedback. I’d love to see examples of things you do. Feel free to send them my way. Here’s what you can do. Upload the file using a tool like http://transferbigfiles.com/ then email it to yourself. You’ll get a link that you can send to me via the contact page.

Super tips and tricks Tom. Am very impressed by your creative thought. Look forward to your blog and yes the printer here is humming.

Thanks
Ann

September 6th, 2007

Tom,
Who needs a designer when we have such a great tool!
I’ve been doing some “creative” work my own and will send one of my results. Time REALLY passes fast when you work on something like this!
Thanks!

Hi Tom,

First thanks for such a wonderful and enjoyable rapid e-learning blog.

Also, thanks for giving us some wonderful tips on how to customize (or mix) our Clipart using the “Grouping” feature in PowerPoint. I have even illustrated a sample graphic creation in my blog, which can be accessed directly from here :)

http://zaidlearn.blogspot.com/2007/09/rapid-e-learning-blog-practical-fun.html

“Your rapid e-learning blog is simply juice to my learning tummy!”

Warm Regards,

Zaid

September 6th, 2007

Dear Tom,

I love doing new things with Power Point.
Here is an example:

http://www.transferbigfiles.com/Get.aspx?id=644db2b1-2460-44ec-a711-a122265bb6d5

Thanks again for the great tip!!

Tom – great information! Question: if the images do not ungroup, what program are you using to edit the images?

If the images don’t ungroup, then you are limited in what you can do from within PowerPoint. You can’t take away from those images, but you can add to them using parts of other clip art. For example, the icon images in the clip art package do not ungroup. They all have blank faces so you can add expression from other faces and then group those together. There are some free graphics programs fro those who don’t have a lot of money. Paint.net and Gimp both come to mind.

September 10th, 2007

I like to find tips or idea on the internet but the best to find peaple from anothr world sharing together the tips and ideas thanks tom.

Tom:

Thank you for a truly useful, genuinely enlightening series of articles. If you are compiling an email list—and I can only assume you are—please add my address to it. I would welcome any announcement of information you care to make available. Dennis

Dennis, you can subscribe to the blog via email on the side. That will put your email in my database and you’ll get email updates of the blog.

October 1st, 2007

Hi Tom,

My hats off to you. I never found in my life such an expert e-learning professional with a great conceptualization and visualization capabilities. Before reading this blog I never took PowerPoint so seriously.

You indeed are a genius.

Regards,
Saurabh Gupta

Hello Saurabh. Thank you for the kind words. PowerPoint is a very powerful tool. I think the secret is to start as a blank screen and leave the bullet point templates. Once you do that, you can really leave standard PPT look and create a very powerful elearning experience.

Thanks! What a great tip! This is a really helpful blog for me as I’m beginning the eLearning beta-test project for my organization. We’ve purchased a few licenses of Captivate, but Articulate may be the solution I like best. Thanks for these tips!

Has something changed? When I type in these clip art styles, I am not getting any hits. When I go in properties, I am not geting a style number. Help?
-Abby

Type in “style 1341″ Do that from the clip art online search. Some have styles some don’t.

Hello Tom -

Excellent website. Fabulous tips !

Could you please tell me how to download pictures from the windows free clip art site. There is no option to download there. Also I tried ungrouping one of the images available in the clip art, it doesn’t highlight the ungroup option.

@Rashmi: using the office online site probably requires an active license of a MS office product. When you select an item, it gets moved to a basket on the left side of the page. That produces a download button.

You need to view the page in Internet Explorer. I view it in Firefox using an IE add-on. If you do this, you need the active X control for office online. That’s a link also available on the left panel.

As far as ungrouping, some images are not grouped vector images and it doesn’t work. If it is a grouped image, right click on it and select ungroup.

Hope that helps.

You are great, and the information is priceless.

Thanks

Hi Tom,

Few months back you have mentioned a tool to draw custom characters. It is online tool available.
Some how I am not able to recollect the name nor able to find the book mark. Can you please let me know the name of the tool?

Cheers
Nilesh

Tom-
You seem to use Microsoft clip art a lot. I am confused about the copyright on this clip art. Can it be legally used in a project that, though maybe elearning, is clearly commercial? And what about after the clip art is modified?

Thanks

I’m no copyright lawyer, however based on the way I read the license agreement, I feel comfortable using the clip art in conjunction with the Microsoft products that I’ve purchased.

Here’s a good comment from a reader that references the MS license.

“…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…”

What are the copyright issues associated with using ClipArt from MS Office Online? Can they be used commercially, or is this a breach of the MS copyright?

@Tim: Here’s a comment from a previous post with a link to the MS license and what it states. From there you have to do what makes sense to you.

You say to “Download all of the images to an open PowerPoint file.” Can you explain how you do this? The only option I get with Microsoft Online is to download to the Clip Art Organizer. Then the organizer won’t let me search by style number. I started adding the style number as a keyword, so that I can search for them, but first I need to find all the files I downloaded!

Thanks!

@Judi: I usually click and drag the clip art into the slide rather than use the download feature. Although if I select a number of images and download them into the organizer, I can then save them all to my own folder (ie “style#”)

Hi Tom.

Just wanted to thank you for the excellent material that you have on your blog. It’s been a great complement to my MS in Instructional Design & Technology program at Cal State Fullerton.

Cheers,
Jeremy

@Jeremy: glad to help and good luck on your your MS.

Great tips and tricks! Thanks for sharing!!

[...] See How Easily You Can Design a Consistent Look for Your E-Learning Courses [...]


Leave your two cents.

Please enter comment below: *

* indicates a required field

Close
Email It