The Rapid Elearning Blog

artist250.gif

If you follow Sweller’s cognitive load theory, then you understand that the graphics in your elearning course are very important and play a large role in its effectiveness. However, not having the right graphics is a challenge.

If you’re like me, you’re on a limited budget and you just can’t go buy custom graphics whenever you like. That means you’re probably stuck using the standard clip art that comes with PowerPoint.

After just a few projects you cycle through all of the good clip art and you’re forced to use the clowns and puppies. While your five-year-old child might like your choice of images, you’ll find that many in your organization are not particularly fond of clowns or puppies. If only you had known that before you started.

rapid elearning site safety demo

 

How Do I Get the Graphics I Need?

If you want custom graphics, you can hire someone (although you might want to read this before working with a graphic designer) or you can make them yourself. For the moment, I am assuming that you have no money and you want to make the graphics yourself.

In this case, I recommend two options: 1) create your own drawings or 2) modify existing clip art.

Option 1: Stick with your skills and draw your own graphics

Here’s a generic image that is easy to create.

rapid elearning stick figure

With minor tweaks, you can use the same image over and over again, each time telling a different story. As you can see below, it doesn’t take much to make the images mean different things.

rapid elearning conflict resolution demo

However, there is a very slight possibility that many in your organization will not appreciate your graphic art skills. In that case, I suggest trying the second option.

Option 2: Modify existing clip art

rapid elearning powerpoint

Here’s your challenge. You want an image of a lady presenting some information to her team. However, you cannot find the right image. In the following example, you’re going to learn to take two separate clip art images and combine them to make the image you need.

rapid elearning edit clip art demo

Become a clip art surgeon.
Without going into technical details, most clip art is a series of grouped images. That means you can ungroup the clip art and pull out or add the elements you need.

rapid elearning ungroup demo

 

Just right-click on the image and select ungroup. Sometimes, you have to do it twice. You should see something like this.

rapid elearning ungroup demo

Once you ungroup, you can pull out the things you don’t need. You can also add items to change the clip art and make it something new. In this case, we’re going to combine the two images and make it look like the woman is presenting to the group at the table.

  1. Ungroup the images.
  2. Start with the first image. Take out the elements you don’t want.
  3. Select the entire image and regroup it.
  4. Do the same for the next image.
  5. Combine the elements from image 1 with image 2 to make the desired image.
  6. Select the entire image and regroup it to make a single image.
  7. If you want to use the image elsewhere, go ahead and save it by right clicking on it and selecting “save image as” and choose the format you prefer. I recommend .emf because you’ll retain the image transparency and vector. However, you’ll see that there are many formats from which to choose.

great tips on rapid elearning

If you look at the image you’ll notice that I did a few things.

  • I took one of the people out of the team image. She was facing the wrong direction.
  • I flipped the team image so that it looked like they were facing the presenter.
  • The presenter’s shirt was white, so I changed the color.
  • I got rid of the backgrounds and the presenter’s table to make the image less cluttered.
  • I layered the presenter behind the table to give the image a little depth.
  • I changed the content on her flip chart, taking her from boring corporate drone to brilliant elearning consultant.

Now it’s your turn to practice doing this. Remember, the only limitation is your creativity. If your people need hard hats, find a hard hat image and add it to the clip art. If you need multiple ethnicities, change the hair and skin color. The possibilities are endless.

Here are three quick tips.

  • Create a work slide. I build a lot of my elearning courses in PowerPoint and publish with Articulate Presenter. I tend to create the images I need on the fly. Because of this, I like to use a blank slide as a work area. I’ll move the clip art to the slide, make it big and then take it apart. Once I am done, I copy and paste the image to the real slide. This way I don’t accidentally, mess up my content slides.
  • Control the clutter. The ungrouped elements that make up the image are layered. Sometimes, it’s not easy to get to what you want. What I do is make a series of duplicate images and delete what I don’t want. Then I pull the individual pieces together and regroup the image.
  • Create mini groupings. I find it easier to grab a part of the image and create a mini group rather than work on the whole image. This way you only have to work with a few mini groups rather than hundreds of little pieces.

By ungrouping and modifying existing clip art, you have the ability to make custom images to fit the needs of your elearning course. It’s inexpensive and, once you get a handle on it, pretty quick to do. In fact, outside of the original stick figures, I built all of the graphics for this post in PowerPoint. It only took about 5 minutes to build the presenter image for this demo.

rapid elearning before and after demo

I’m interested in seeing some before and after images. Feel free to send them my way. When I get enough, I’ll post them for others to see what can be done.

In the next post, we’ll look at how to use image styles so that you have consistent graphics to use throughout your elearning course.



86 responses to “Little Known Ways to Create Your Own Graphics Using PowerPoint”

September 3rd, 2007

Wow! This is really cool. I’ve been working with PowerPoint for about 15 years and never even knew you could do this. Thanks for the great tip.

Very nice. (It would be cool to see this process in a screen capture, too)

Regards
Shane

Good tips here.

What restrictions are there to using clipart ( changed or unchanged) in commercial products. I didn’t think it was allowed but maybe I am wrong.

Mike

September 3rd, 2007

Tom: Thanks again to important - to the point lesson.
**** OBIE ***

Great post, Tom. Our courses, which can be previewed from your Showcase, draw on two very simple design features that anyone can use.

First, use the Slide Master editor of PowerPoint to create your own unique backgrounds. From here you can use the Rectangle tool to create a header/footer, add a Line in between your title and bullets, create your own Gradient as the slide background, and even make your own bullet areas using the Rounded Rectangle tool.

As long as we’ve been doing this, we still spend an average of five hours editing a new PowerPoint template using only the Draw tools already within the program. The results are worth it!

My second piece of advice is to utilize iStockPhoto.com for your royalty-free images. PowerPoint-resolution photos can be purchased for $1, and most illustrations (like the one in Tom’s post) for $7. Once you bring it into PowerPoint, use the Drop Shadow tool to give it a little accent. If you want to get very creative, learn how to “cut out” people from a photograph using Photoshop, save the image as a .PNG, then import it into PowerPoint to show your background coming through.

Hope this was helpful! Check out the Website link for this post to see it in action. It was all done using PowerPoint’s existing tools and resources like iStockPhoto.

Chris -great point about iStock- but note that an even cheaper (free) option is gettyimages.com

Good question, Mike. We had a similar discussion in the Articulate Community Forum a while back. There are some relevant links there. Here’s a link to a copyright presentation that you might find helpful. If you are distributing your work commercially, then your best bet is to honor the copyright laws. Here’s another good link that discusses clip art and copyrights.

Thanks for the great tutorial on PowerPoint as a cool tool for image editing. However, I would like to point out that as far as I know the editing of the cliparts is not allowed. Of course, they come with the software. However, that does not mean they are free to use. One can use them in non-commercial settings (not all, but many). Unfortunately, I have not read that one can alter them. Microsoft does not own the cliparts. If you want to use them commercially, you must buy a licence. The same would be true for any alterations made as the cliparts are copyrighted although one does not see that immediately because the EULA (End-user licence agreement) comes up only upon installation of the software. Beware of this fact and check the microsoft copyright section for further information (http://www.microsoft.com/about/legal/permissions/default.mspx).

Chris B: good tips. I try to stay within PowerPoint when I can. There are some really cool things you can do…especially with 2007.

Cris W: thanks for the tip on gettyimages. I’ll be doing a post on free resources down the road.

Some very useful tips, Tom. Like Chris B, I was also going to recommend iStockphoto.com. I’ve also used stockxpert.com whose charges are very similar to iStockphoto. Personally, I think real photos have much more impact than clipart, much of which looks very tired these days. As for gettyimages.com, when I last checked they were charging megabucks for their artwork. Sadly, royalty free is far from free at gettyimages!
Jim

Thanks for pointing to getty images Chris W.

Now registered. Do I need to go through every one to find out what is free? Or can I list free images?

Mike

Personally, I like to use photos as well. The challenge for many is that they are harder to come by and much more expensive. With clip art, there are more opportunities to create exactly what you need. The trick is to use clip art appropriately and to have a consistent look. That’s what I’ll discuss in the next post.

Getty Images is a great resource but it’s not free - I’m sure of it. Royalty Free (in short) means that you do not have to pay the artist an additional royalty fee every time you publish the image. Rights Managed is the opposite of this, where there are tighter controls (and a higher price tag) that comes with the image. We prefer iStockPhoto here because of the $1 Royalty Free (which they call Standard) pricing, with a decent selection of images. They also have what’s called the Extended License which is more of a Rights Managed arrangement.

Gettyimages offers

*Rights-managed
*Rights-ready &
*Royalty-free images

And yes Royalty-free is just that.
To search and view just the royalty free ones select the link images>
Royalty free and type in your criteria for your search.
You can also customize the search further be restricting it to
vertical/horizontal/ color black and white/ clipart and photo etc.

Hope that helps.

September 3rd, 2007

Dear Tom,

This is a wonderful tutorial. I am going to share it with the part-time staff of eCurriculum_Designers that I work with. Up until now, I’ve used Photoshop to alter my clip art. I can’t wait to try your method.

Regards,

Sylvia Baxter

September 3rd, 2007

Tom,
Many thanks for tis great tip!
It is ALWAYS usefull to know what else you can do with Power Point when you don’t have to much money! :)

Copyright is an excrutiatingly complex issue that varies internationally, within countries and depends on the medium and the section of the ACT that applies to an institution - educational/government/commercial.

I try and keep it simple by using original images from creative commons sources or making my own. Try using “creative commons license” images in search engines and accessing repositories such as HEAL - health education assets library and wikipedia commons.

Loved your tutorial on modifying clip art.

I do a bit of this myself. A really neat application to do the actual work on is an Appleworks drawing page (this used to come with all Applemacs and used to also be available for PCs as well.) where you can actually rub out and merge images using the paint function.

I can do all the things you did with your images on Appleworks. I’m not sure how you managed to doctor the images with PowerPoint or did you use something else.

Keep up the good work.

Jo

Thanks for all of the great feedback and suggestions especially concerning the copyright info.

JT: I did all of the images in PowerPoint, even the clown course interface. The only image I didn’t do in PowerPoint was the stick figure which I drew with my tablet (although that is easy enough to do with the drawing tools). The post-it note was done in PowerPoint. To do screen captures, “print screen” paste it on the slide and crop the image. I could have used other tools, but I want to show people how to do it with just PowerPoint, a tool most people have.

Thanks Tom: This has been extremely useful…but…the process requires a lot of practice as un-grouping the clip art makes all lines etc into separate objects… Anyways apart from the hard work it was something new to work on…Thanks again

Excellent, excellent article you have opened my eyes to so much.

I’ve been working with graphics a while, but I didn’t know about saving a picture as an .emf - that really opens up some possibilities for me! Thanks!

Great tip, Tom!

For those who are interested in knowing more — “Microsoft Office Document Designer”, by Stephanie Krieger (Microsoft Press, 2005) is a great resource for how to use Office applications to produce high-quality documents. It includes a chapter on using PowerPoint to edit and customize clip art and pictures for slides and documents.

Some people have been asking about how to send before and after examples. 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.

September 5th, 2007

I’ve been using this technique for years but not in powerpoint as I’ve only recently been ppting with articulate.

When you download new clipart images from MS Clipart Gallery they go into a folder on your local drive. The clipart is in wmf format which I open in Flash - ungroup and off you go!

Just thought I would add that if you are looking for royalty-free stuff that you can edit and commercially distribute you could always try searching for material that has Creative Commons licenses. (If you are unfamiliar with Creative Commons licenses then I would definitely recommend checking out creativecommons.org for more information.)

Is there a “select all” feature in order to regroup the image?

September 6th, 2007

I will second Wendy Phillips comment about using these images in Flash (I use Swishmax too), but wanted to add a little. If you place them into Powerpoint, then copy them into the clipboard, you can then easily paste-special them as metafiles into Flash/Swishmax. You can then edit the vector points and really customize them. I’ve changed hand positions, facial expressions and hair styles this way. The nice thing about using vector images instead of photos in Flash/Swishmax is that it keeps the file size down.

BK: there are a few things you can do. First, I always create a blank slide to work on. I’ll copy and paste the clip art on the slide. If all you have on the slide is one clipart, you can do Ctrl+A and select all, then go to the draw toolbar and group. You can also click and drag over the objects to select them. Right click and select group.

September 6th, 2007

Dear Tom,

Here is a before and after example using power point.

http://www.transferbigfiles.com/Get.aspx?id=d5fb3555-7c6f-4c83-a735-d03835fd4efc

Thanks again for the tip! Very useful!

Nice job, Carolina! Here is another before and after example:
http://www.transferbigfiles.com/Get.aspx?id=5ad3caa1-3056-47b4-bc7f-63d6ebaf35d4

By the way, thanks for turning me on to the Transferbigfiles website - you’re just chock full of info this week! It couldn’t have been any easier to use, and I didn’t have to sign up or give them any info about me.

Ok, this is cool stuff. I have a question - I followed 1-7 ofyour instructions, Tom, to save the image created from elements that I took from two separate images to make a single(new) image. I selected the entire new image and saved it as an .emf. When I tried to insert the new image, what appeared was only one of the clip art images that I had modified. What am I missing?

I would make sure that you have everything selected. You can do this by selecting it all, and then ctrl+X (that will copy it and remove it from the screen). If everything disappears, you know it’s all selected. Ctrl+V and you cna paste the image back. If it still doesn’t work, try a different format. I’d go with .png because it will still maintain transparency.

In response to Babs query, once you have selected all of the bits of the picture, remeber to group them before you save them.

These blogs are brilliant.

Cool stuff - I have a couple of .png files and would like to have them in the clipart gallery implemented - is there any way to do so? The idea is to have my customized clip art gallery.

Thanks for your ideas.
Ralf

Hello Ralf. That’s a good question. If you go to the clip art in PowerPoint, there’s a link where you can organize your clip art. PPT has a process to catalog your images, so you can make your images part of your clip art. You can even add keywords.

Coming out of the engineering world and moving from SME to training development I found this blog to be a huge help, along with a shelf full of ISD, eLearning and graphics for learning books. Your little blog has been the easiest to learn from! It’s amazing how the simple little tricks are always left out of courseware development courses!

I was curious on how you were able to mirror the clip art in your first before / after example?

Thanks for the feedback, Ryan. I flipped the image horizontally. Select the image (they need to be grouped so they flip together). From the drawing toolbar: Draw>rotate or flip>flip horizontal.

Tom, I wondered why our snag it screen prints are soo fuzzy when we place them in ppt. I researched online and determined there is no answer. The clearest image came from a photoshop snag it and placed into ppt with the snag it tool.

I wondered if you may know of a way to easily insert an image into ppt with clarity.

Stefani: Flash doesn’t handle the compression of bitmaps well. There are a few options. Save your image as .swf, this keeps it from getting compressed. You can also set the screens to remain optimized in the template settings. This way when the course runs it’ll be in a static version and not scaled up or down which will alter the look of the image. If you go to the community forum there have been some good discussions by others on things they’ve done to improve their image quality.

Wow, this is really exciting information about effectively using cliparts. I did try out few grouping and ungrouping and found it interesting.

I have been using powerpoint presentations for a long time for soft-skills and technical trainings, and little did i know that you can confidently call it as a rapid e-learning course. A lot of people in the e-learning industry give you a myophic view of considering only flash-based WBT’s as e-learning courses.

I guess technically anything that you deliver electronically is elearning. In some sense it’s all e-delivery…and the hope is that learning happens:)

Hey, Tom! You are a big reason I am going forward with the decision to purchase Articulate. Thanks for your practical info.

I absolutely love your avatar-like banner. In our website redo I will be including a page about a staffperson who currently does not have a professional photo. She’d rather use an avatar. And I’d like to get creative.

How did you create your banner? Is there (free) software involved?

Thanks!

Huge CAUTION about Getty Images. A professional association chapter I belong to had our website redone and several photos from Getty Images were used by our web designer. We did not know they were not ‘free’ and our designer apparently did not pay for their use.

GettyImages ‘found’ us, monitored the site for three months to see how we were using them and sent us a bill for $900!!!

It had been several years since the website was done so I guess we got off easy. By then our volunteer who had headed the project was gone and the web designer said our volunteer gave him the image to use.

Be very careful when it comes to intellectual property. Which is only fair, of course. We want our customers to respect ours.

More on copyright issues. Just pulled this off the Microsoft Service Agreement you ‘accept’ when downloading their clipart.

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

I read that to say it is okay to modify them (they even have tips for doing so) and that it is okay to use in our software products, including Articulate e-learning products. The rest of the wording prohibits you from making a new collection by modifying their collection and then selling your collection.

I plan to move forward with Tom’s great ideas without further concern about copyright. Thanks for raising the issue!

Linda, thanks for the feedback and comments about copyrights and your experiences with Getty. When I purchase images I always keep the receipt in the same folder as the images. As far as the avatar and banner, I recommend hooking up with a graphics designer. There are a number of places where you can find up and coming graphic artists to create an image for you (to keep the costs down). Check out places like deviantart and istockphotos for starters. There are also a number of free avatar sites online, but for your business, you probably would want to go with a pro.

November 29th, 2007

Excellentooo…

Good, Yes Linda is right, we cant use or modify the copyright images…

[...] some practice, you can create very sophisticated animations in PowerPoint.

At http://www.openclipart.org/ there are thousands of cliparts under public domain. The site is a little hard to search because thumbnails are not existing or a little hidden, but it’s worth spending some time on the site.

Vielen Dank.

[...] several images that contribute to the course’s learning objectives. You’ve created some custom graphics, gathered some relevant photography, and even created a consistent look. But something’s lacking. [...]

[...] lucky enough to have text rather than pictograms. Now check out a really good, how-to website. Like this one on customizing your own graphics. Or this great tutorial on darning socks (no, really). They could be boring as anything, just [...]

Enjoyed it very much. Opened my eyes to new ideas!

[...] scenarios has really put an end to my problem of creating images. I somehow missed his earlier post on how to create your own clipart. I am glad I read both these posts [...]

April 26th, 2008

Great blog…Thanks Tom and everyone who contributed. I’m currently working on building courses for my elearning website and was having great deal of trouble on finding images and cliparts at the right price…

This blog has thrown more than just important insights to do it all by myself..

Thanks Guys..I’m gonna try a couple of these and see how they work..

Hi Tom,

I think you have such a great user-friendly style, well done. I really enjoyed reading your blog and I’ll be back again!

Dominique

p.s. We have just launched our first (and completely) free podcast at Doingelearning.com called ‘What is e-learning’ with more on the way, please check it out sometime!

http://www.doingelearning.com

Hi Tom,

I just started reading your blog a few months ago, but I’m totally hooked! Your great tips, brilliant ideas, & witty approach are a job to read. Thanks for occasionally making me look like a more brilliant eLearning Designer than I really am. Then again, you might assume that by reading your blog I already am pretty brilliant…

April 30th, 2008

Wow, I never realized it was possible to create your own clip art. I was aware of modifying Microsoft images, but not to this extent. I wish I would’ve stumbled upon this blog years ago. Thank you for an easy to follow explanation on how to do this. Your blog is interesting and fun to read. I enjoy the graphics, they’ll keep me coming back. Thanks!

I love your tips and feel myself getting better and better. Question- how do you find the style # of a graphic and get all in that style on microsoft clip art?

Good question, Abby. Here’s a link to a previous post where I describe how to find the styles.

[...] 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, [...]

hey,tom

you can also draw stick figures in PowerPoint

That’s correct and with some cleverness it can be a very effective technique. It’s one of the reasons I like my tabletPC.

Here’s a link to some stick figure jokes.

COPYRIGHT & LICENSING: Note about iStockphoto

Someone posted earlier that they were using images purchased from iStock for their presentations. I just wanted to note that you still much purchase an extended license if you intend to electronically distribute any eLearning presentation you have created. The details are on their site here:

http://www.istockphoto.com/license_purchaser.php

Hope that helps anyone stay out of trouble!

thanks a lot Tom, that site is really funny.
I also want to recomend a stick figure site to you:

http://198.173.235.195/stickman/stickman_archive.html

Those are pretty funny.

I am having a difficult time with the ungrouping it all seems so jumbled up with a bunch of dots, I can’t distinquish how delete what I don’t want and add. I have been able to pick up on your tips rather quickly but this one I am having an issue with. I am just curious if it is because I am using PowerPoint 2003. I would really like to see a tutorial on how to do this because it is taking me longer than 5 minutes to figure this out.

Hello NikkoZ, it takes some practice, but once you get the hang of it, it’s a pretty fast process.

I did do a demo where I explained more about working with ungrouped objects. Hopefully that helps.

I will add that PowerPoint 2007 has a nice way to work with layers. I’ll be doing a post on that soon.

[...] first post “Little Known Ways to Create Your Own Graphics Using PowerPoint” covers some of the techniques he uses to take advantage of clip [...]

I have the hang of it now. Thanks Tom!

[...] Little Known Ways to Create Your Own Graphics [...]

June 25th, 2008

This ungrouping tip is going to make my life much more easier. Since I work alone on most of the courses, this is going to make my job a lot more interesting. Never knew Powerpoint could be so flexible!! Thanks so much for the post….Looking forward to lot more posts about this.

This was very helpful for future use.

Hey Tom, this is amazing! In the era of multi-tasking, these kind of tips are immensely useful. Keep it up!

April 4th, 2009

I have power point veiwer but not power point how do I get power point?

How do you group images? How do select the part of the image that you want to regroup?

@???: Here’s a post that explains a little more about working with groups.

Thanks that is a great tip, as with some of the others I had no idea you could do this.

I love the ungroup feature. I also use it a lot when i design e-learning modules.

June 9th, 2009

nice arts

June 23rd, 2009

Salamo Alikom Wrahmato Allah

Very nice article really
i will do some images and send the to you
God willing

Thanks for you efforts
Salam

June 24th, 2009

pls i would like to know how to be part of this e-learning. i am based in Africa, Nigeria and i am interested in this. plsfurnish me with infromation. thankx


Leave your two cents.

Please enter comment below: *

* indicates a required field

Close
Email It