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.

I used this style and color theme for a presentation I did while in school at Pepperdine. As you can tell, I have the vocal talent of a mime. However, the presentation’s look is simple, clean, and uses the techniques I am detailing in this post.

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.



21 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!


Leave your two cents.

Please enter comment below: *

* indicates a required field

Close
Email It