In this post we’ll look at an easy way to customize illustration in PowerPoint, since it’s a tool most of us have and it’s easy to do.
Most illustrations are vector images that are saved in a format such as. EPS or .AI that allows you to edit them. However, what happens when you have an illustration in a bitmap version such as .JPG or .PNG but you don’t have the source file to edit it?
This is an issue I run into quite a bit because I get some of my graphics from those low cost (or free) stock image sites and often they only provide a .PNG version of the file. In fact, I ran into this issue in a previous post on getting an elearning job. I’ll explain what I started with and how I made the modifications I needed.
Finding the Right Illustrations in PowerPoint & E-Learning
I found an illustration style that I liked. Then I clicked to see what else the illustrator created. This is a great way to find multiple images of the same style.
- Stick with the same illustrator to have a consistent look.
- Review all of the illustrations from the illustrator.
- Don’t spend too much time trying to find the perfect illustration. Instead, identify elements of the illustration that you may extract to create your own custom illustration. For example, in the images above, the backgrounds would be perfect for elearning scenarios.
How to Edit Vector Illustrations in PowerPoint
Many of the illustrations you purchase will be in one of these formats: .EPS, .AI, .PNG, or .JPG. The first two are compiled illustrations which can be ungrouped and edited. Unfortunately, this may mean you need to learn how to work with an illustration app like Inkscape.
However, if that’s not something you feel comfortable doing, you can always edit .EPS vector images in PowerPoint. This is something I covered in this blog post on how to edit free vector illustrations. It’s not always perfect, but it works well most of the time.
- Vector illustrations can be ungrouped and edited. Usually you need an illustration app.
- .EPS files can be ungrouped and modified in PowerPoint.
- Here’s a bonus tip on how to edit the illustrated characters that come with Articulate software.
How to Edit Non-Vector Illustrations in PowerPoint
Here’s the real challenge. You have a great image, but all you have is the bitmap version or it (and you’re not that great of a graphic designer). How do you modify characters to meet your needs?
That’s exactly what I ran into with the blog post I mentioned earlier. All I had was the .PNG files. I liked the illustration style, but the images only had men in it and I wanted to add a female character. Here’s how I made the modifications. It’s pretty simple.
Here’s a video that walks through the production process in more detail.
The image above shows the before after versions. I didn’t need make significant edits.
- I selected the easiest character to modify.
- I changed the hairstyle by adding some ovals.
- I used the color picker and matched the oval fill color with the hair.
- I added a yellow oval to the ear lobe and color picked from the guy’s tie.
As you can see, the results are OK. The key is simplicity and not trying to add too much detail. I also, needed more room for text, so I added a white oval over the smaller chat bubble.
This next image was a little bit more involved. I modified the face and blouse using custom shapes.
- I added an oval for the hair.
- I rounded the face a little using the curve tool and color picked from the wall to cover up the jaw line.
- I added color to the lips and softened the color by making the shapes a bit transparent.
- I used the curve tool to modify the blouse and filled with the blouse color.
- You probably can’t see it, but I added some eye liner.
Again, watch the video above to see more detail on how to make the modifications. This isn’t a perfect solution, but when you’re stuck with bitmap images (and can’t easily edit them in a graphics tool) you can still meet your needs modifying the images in PowerPoint. The good thing is that these flat illustrations are easily covered with custom shapes and filled with matching colors.
Here’s a bonus challenge for you, assuming you only had the .PNG and could only work in PowerPoint, how would you change the skin tone?
Upcoming E-Learning Events
- May 22-24 (Atlanta). ATD International Conference & Expo. We'll be in booth 738. Swing by to chat.
- June 20-21 (San Diego). FocusOn Learning conference.
- Articulate Roadshows. Join us for one or two days of e-learning goodness. Day 1 focuses on more general type e-learning topics and Day 2 is centered on learning to build some nice, reusable interactions. Learn more and sign up using the links below. Seats are limited for the events. If you're interested in presenting at one of the roadshows, let me know.
- There are a couple of other events planned. Once we get all of the bookings confirmed, we'll add the registration page and info.
Free E-Learning Resources
Want to learn more? Check out these articles and free resources in the community.
Here’s a great job board for elearning, instructional design, and training jobs
Participate in the weekly elearning challenges to sharpen your skills
Lots of cool elearning examples to check out and find inspiration.