PowerPoint Tip: Here’s a Simple Way to Build E-Learning Graphics

by michaelg April 10, 2019

PowerPoint tip graphics

Here’s a PowerPoint tip: build your e-learning course graphics in PowerPoint. PowerPoint is great for simple graphic design projects. In fact, I use it quite a bit for this blog and some of the graphics I need in my e-learning demos.

In a previous post, I shared visual design tips for graphics I built in Rise 360 for an e-learning scenario. All of those graphics were built in PowerPoint.

PowerPoint for graphic design example 5

In this example, the images all need to be wide, but short rectangles so that I could get them about the same height as the text and squeeze them as close as possible to the button stacks in Rise 360.

I created a custom slide size 13 x 4 inches. When I save the PowerPoint slides as images that results in an image that is 1280 x 384 pixels.

Here’s a detailed tutorial that walks through the process of creating similar graphics in PowerPoint. I cover a lot of little PowerPoint tips.

Click here to view the PowerPoint tutorial on YouTube.

The links below take you to specific parts of the tutorial. The last two links show how to create the final pill shape with the character’s head extended outside of the image.

00:00 | Introduction
03:08 | How to create custom slide size
04:00 | Create first graphic
04:27 | Install Studio 360 to use the media assets (characters)
05:21 | Inserting and editing the character
06:30 | How to use the crop tool
07:45 | Save slide as image
08:50 | Experimenting with other ideas
09:13 | Manage layers with the selection pane
09:50 | Transparent echo technique
12:21 | How to colorize images
13:09 | Working with layered objects
14:36 | How to create the pill shape image
16:43 | Get the head to stick out of the picture

The tutorial above shows how I created the images. But here are a few key points to consider.

PowerPoint Tip: Step Away from PowerPoint as a Presentation Tool

If you’ve read much of this blog, you know that I’m a big advocate for using PowerPoint to build simple graphics. It’s easy to use, most people have it, and there’s not much you can’t create with PowerPoint once you learn a few things.

Is it Photoshop or Illustrator? No! And if you have expertise with those tools, then have at it. But for those who don’t have a graphics editor and need a simple solution, give PowerPoint a try.

PowerPoint tip for e-learning graphics

Here are some previous posts that show what you can do:

PowerPoint Tip: Save Slides as Images

Whatever you build in PowerPoint you can right-click and save as an image. I usually save as .PNG. This preserves the color clarity and any transparency. If you save as .JPG, the transparent areas fill with white.

PowerPoint tip right click save as image

For most cases (especially when working with Rise 360), I like to use the slide as my entire image. So I build what I need and then save the slide as image rather than PPTX. While there are a number of image options, like above, I stick with .PNG.

PowerPoint tip save slide as image

PowerPoint Tip: Create Custom Slide Sizes

The default PowerPoint slide is 16 x 9 aspect ratio. In most cases that is fine. It works great for Rise 360. However, there may be times when you want a custom slide. For example, if you want a square image, you need to change the slide size. I usually use 10 inches by 10 inches which gives me an image that is close to 1000 x 1000 pixels (give or take).

Go to the Design Tab and select Slide Size to change the settings.

PowerPoint tip slide size

PowerPoint Tips: Install Studio 360

Many of you are you are using Articulate 360 which comes with Rise 360 and Storyline 360. Those are obviously the go-to apps for building courses. Because of this, many people ignore Studio 360 which comes with Articulate 360.

PowerPoint tip Characters

Even if you don’t use Studio 360 to build courses (why would you when you have Rise 360), it’s still a good idea to install it. The main reason is that you get access to all of the assets including the characters from Content Library 360. And when you build graphics for your e-learning courses, especially as I did in Rise 360, it helps to have all of the characters in PowerPoint.

If you aren’t using a graphics editor or don’t know how, then PowerPoint is a really easy way to build graphics for you e-learning courses.

Download the fully revised, free 63-page ebook: The Insider’s Guide to Becoming a Rapid E-Learning Pro

Upcoming E-Learning Events

April 10 (Madrid). E-Learning Workshop: workshop covers general e-learning topics and not tool-specific. Register now.
April 12 (Milan). Digital Learning Tour: workshop will be in English. You can sign up for just my session if you don’t want the entire package.
May 19-22 (Washington DC). ATD International Conference & Expo.
June 3 & 4 (Toronto). Articulate Roadshow: sign up for one day or two. Learn more and register here (early bird ends April 30).
June 6 (Halifax). Articulate Roadshow. Register today (early bird ends April 30).
July 24 & 25 (Minneapolis). Articulate Roadshow: Learn more and register here (early bird ends May 17).
August 14 & 15 (Seattle). Articulate Roadshow: Learn more and register here (early bird ends May 31).
November 4 (Manchester, UK). Articulate Roadshow: Learn more and register here (early bird ends October 4).
November 5 & 6 (London, UK). Articulate Roadshow: Learn more and register here (early bird ends October 4).
November 8 (Edinburgh, UK). Articulate Roadshow. Details coming soon.
We’re currently working on additional locations and dates for 2019.

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

Get your free PowerPoint templates and free graphics & stock images.	Lots of cool elearning examples to check out and find inspiration.	Getting Started? This elearning 101 series and the free e-books will help.

# Distance learning