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.
Little Known Ways to Create Your Own Graphics Using PowerPoint
September 3rd, 2007 |
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.
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.
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.
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
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.
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.
Just right-click on the image and select ungroup. Sometimes, you have to do it twice. You should see something like this.
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.
- Ungroup the images.
- Start with the first image. Take out the elements you don’t want.
- Select the entire image and regroup it.
- Do the same for the next image.
- Combine the elements from image 1 with image 2 to make the desired image.
- Select the entire image and regroup it to make a single image.
- 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.
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.
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.
65 responses to “Little Known Ways to Create Your Own Graphics Using PowerPoint”
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
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
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).
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
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.
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
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 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.
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?
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.
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?
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
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?
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.
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.
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!
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.
[…] 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 […]
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!
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…
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?
[…] 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
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!
65
comments