The Rapid Elearning Blog

Archive for the ‘PowerPoint’ Category


Articulate Rapid E-Learning Blog - free onboarding and employee orientation

I’m working on some practice content for an upcoming workshop and decided to share the template that is part of the workshop activities. It starts with a main image that has five distinct sections. Each section links to a series of slides with a few different layouts.

Articulate Rapid E-Learning Blog - free onboarding and employee orientation template

Because the main image looks like an organizational overview, I think the template works great for a new hire orientation module. But you’re free to do with it as you wish.

In the template you’ll also find some extra slides with the people images and some props that I gleaned from the main image. Feel free to copy and paste them to create your own slides and scenarios.

Articulate Rapid E-Learning Blog - free onboarding and employee orientation template assets

Here’s a quick mock-up I created using the new hire orientation template so you can see some of the layouts and perhaps get some ideas of how to add interactive elements to make the modules more interactive and engaging.

See the New Hire Orientation Template in Action

Articulate Rapid E-Learning Blog - free onboarding and employee orientation template example

Click here to view the elearning example.

Download the Free New Hire Orientation Template

Click here to download the new hire orientation template.

If you use the template let me know. I’d love to see what you create.

Events

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 e-learning, instructional design, and training jobs

Participate in the weekly e-learning challenges to sharpen your skills

Get your free PowerPoint templates and free graphics & stock images.

Lots of cool e-learning examples to check out and find inspiration.

Getting Started? This e-learning 101 series and the free e-books will help.





Top PowerPoint Tips

December 9th, 2014

Articulate Rapid E-Learning Blog - top PowerPoint tips

PowerPoint is probably the single best multimedia application available because of its versatility. You can create presentations, rapid elearning courses, illustrations, videos, mobile learning and even books for publishing.

PowerPoint also offers ease of entry. That means someone with no experience can open the application and get started. And the person with lots of experience is given all sorts of capability.

The main challenge with PowerPoint is that many people don’t fully understand the features and usually do very basic work with PowerPoint. And of course a lot of the negativity surrounding PowerPoint comes not from the tool, but instead from sitting through tedious PowerPoint-driven lectures and presentations.

I was asked recently about my favorite PowerPoint tips and tricks. I have a lot that I like, but here are a few of the ones I use quite a bit and find the most valuable.

PowerPoint Tip 1: Step Away from the PowerPoint Template

Templates are good, especially for new developers and those who want to save time. However, your project should guide the template and not the opposite. Unfortunately most people tend to start with the default PowerPoint templates and layouts. So everything has a distinct PowerPoint look.

Articulate Rapid E-Learning Blog - top PowerPoint tips avoid template

My advice? Put the bullet points down and step away from the template. Start with a blank screen and be intentional about what you build. If you do build a template, build it specific to your project’s needs.

PowerPoint Tip 2: Control Layers with the Selection Pane

The selection pane displays the objects on the slide. Here is what you can do with the selection pane:

  • Name objects
  • Change the stacking order
  • Show and hide objects

Articulate Rapid E-Learning Blog - top PowerPoint tips use selection pane

PowerPoint Tip 3: Combine Shapes to Create Custom Shapes

Starting with PowerPoint 2010 you can combine shapes to create custom shapes. Most of the time I use this feature to create custom callouts. I also use it to punch out parts of a shape I don’t need. Combine that with the edit points feature and you can create any shape you want. You can also use the fragment feature to convert text and wingding type into vector images which we looked at earlier. This is perfect for creating your own icons.

Articulate Rapid E-Learning Blog - top PowerPoint tips combine shapes

PowerPoint Tip 4: Layering Objects to Create Custom Graphics

We can stack objects in PowerPoint and control them with the selection pane. We can also make objects transparent. That means we can stack transparent objects to create custom images. Group the objects, right click, and save as an image file. I usually save as .png to retain transparency.

Articulate Rapid E-Learning Blog - top PowerPoint tips create custom graphics

PowerPoint Tip 5: Customizing Clip Art & Vector Graphics

I have a ton of posts on this, which you can find below. Essentially most clip art in PowerPoint is .wmf or .emf. That means they are comprised of grouped vector shapes which can be ungrouped and modified and then regrouped.

Articulate Rapid E-Learning Blog - top PowerPoint tips combine clip art

Unfortunately, Microsoft is dumping the Office.com and clip art site. So I’m not sure how much longer you’ll have to work with these types of files without buying your own. But in the meantime, take advantage of the free resources and create your own graphics.

PowerPoint Tip 7: Apply Custom Formatting with the Format Painter

The format painter is an underutilized feature in PowerPoint. Essentially any object’s formatting can be applied to another. I use it create quick styles for the objects in my courses. Then I can apply that to the other objects on the slide.

Articulate Rapid E-Learning Blog - top PowerPoint tips use format painter

This comes in handy when you get one of those junky PowerPoint files from a subject matter expert where there’s no rhyme or reason to the visual design. Create a quick style guide and then use the format painter to apply it.

PowerPoint Tip 8: Apply Animations to Multiple Objects Using the Animation Painter

The animation painter is very similar to the format painter. The only difference is that instead of applying an object’s format you apply the object’s animations. This comes in really handy if you have an object with multiple animations and need to duplicate those animations to other objects. In the past, you had the tedious process of rebuilding the animations onto each object. Today, that can be done in seconds using the animation painter.

Here’s a quick video that shows how it works.

Articulate Rapid E-Learning Blog - top PowerPoint tips use animation painter

Click here to view the YouTube video.

PowerPoint Tip 9: Save PowerPoint Presentations as Video

This is one of my favorite features because anything you build in PowerPoint with animations, narration, and multiple slides can be saved as a single video file.

Here’s a PowerPoint presentation that was saved as an .mp4 video and then inserted into the Storyline player. Try to create something similar with a video editing application. Trust me, it’s not that easy (especially without more advanced skills). But it’s really easy to do in PowerPoint.

Articulate Rapid E-Learning Blog - top PowerPoint tips save as video

Click here to play video.

In PowerPoint 2010 files are saved as .wmv and need to be converted to .mp4. I like to use Handbrake because they have pre-determined settings. In PowerPoint 2013 you can save as .mp4 so that saves a few steps.

The videos you create can be combined with your other elearning development. Here’s a good example where the sidebar video was created in PowerPoint and then inserted into a rapid elearning course.

Articulate Rapid E-Learning Blog - top PowerPoint tips example of video

Click here to view the PowerPoint video demo.

PowerPoint Tip 10: Remove Image Backgrounds

One of the most common reasons elearning developers use image editors like Paint.net and Photoshop Elements is to remove backgrounds from stock images. And they work fine for that. But you can do the same thing in PowerPoint starting with PowerPoint 2010.

Articulate Rapid E-Learning Blog - top PowerPoint tips remove backgrounds

It’s real easy to do. Double-click on your image and select remove background. Then determine what you want to keep and what you want to remove. Easy as that.

Bonus tip: Use PowerPoint to Create Interactive E-Learning Courses

PowerPoint is a tool most people have and as you can see, is a very capable application. Combine that with Articulate Studio and you have a very easy way to create interactive elearning.

What you build in PowerPoint is converted to Flash or HTML5 to meet your elearning needs. While applications like Storyline add more interactive capabilities, PowerPoint is still an easy entry point for the person just getting started with elearning design.

Articulate Rapid E-Learning Blog - top PowerPoint tips elearning examples

Here are some simple examples of PowerPoint-based interactions:

Other PowerPoint Tips & Tricks

There are literally hundreds of PowerPoint tips and tutorials in the blog. Here are some links from previous posts:

So those are some of my favorite PowerPoint tips. If you could add one tip, what would it be?

Events

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 e-learning, instructional design, and training jobs

Participate in the weekly e-learning challenges to sharpen your skills

Get your free PowerPoint templates and free graphics & stock images.

Lots of cool e-learning examples to check out and find inspiration.

Getting Started? This e-learning 101 series and the free e-books will help.





PowerPoint custom shapes

In today’s post we’ll look at a few ways to create custom shapes in PowerPoint.

I’ve shown this tip a few times in the past such as how to create custom callouts and chat bubbles. In PowerPoint 2010, you had to find the features I am showing today and then create your own ribbon tab to display them. But in PowerPoint 2013, they added the features to the format toolbar and included a new option to fragment the shapes.

How to Create Custom Shapes in PowerPoint

Here’s a quick tutorial that walks through the process of creating custom shapes. We’ll build a simple callout but you’ll learn how the feature works. Once you understand it, you can modify any shape and basically create whatever you want. This makes PowerPoint a great illustration tool.

Click here to view the tutorial.

How to Convert Text into Custom Shapes in PowerPoint

A side benefit of creating custom shapes is that when you include a text box in the process and use fragment you can convert the text into a vector shape that you can fill and size to meet your needs. I like to pull elements out of the various type faces.

This is also great if you want to create your own icons in PowerPoint. There are all sorts of facefonts, wingdings, and dingbat fonts you can use to do this. Make sure you have commercial right, though. Not all fonts are available for commercial use.

Click here to view the tutorial.

Events

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 e-learning, instructional design, and training jobs

Participate in the weekly e-learning challenges to sharpen your skills

Get your free PowerPoint templates and free graphics & stock images.

Lots of cool e-learning examples to check out and find inspiration.

Getting Started? This e-learning 101 series and the free e-books will help.





Articulate Rapid E-Learning Blog - how to create illustrated characters in PowerPoint

PowerPoint is a versatile application. You can use it for all sorts of things from presentations to online training programs. In previous posts I’ve shown you how to customize clip art and create your own graphics.

Today’s tip comes courtesy of blog reader, Daniel Albarrán. He sent me an email stating that once he understood the versatility of PowerPoint it opened his eyes to all sorts of possibilities—one of them being the ability to create illustrated characters.

How to Create Illustrated Characters in PowerPoint

Here are some of the graphics he created in PowerPoint.

Articulate Rapid E-Learning Blog - examples of illustrated characters created in PowerPoint

Articulate Rapid E-Learning Blog - more examples of illustrated characters created in PowerPoint

As you can see, PowerPoint’s a capable application. Pretty cool, huh?

Tips When Creating Illustrated Characters in PowerPoint

Want to create your own illustrated characters? I created a couple of more tutorials with a few extra tips to add to what Daniel started. You can view the tutorials below.

Part 1: Working with PowerPoint’s curve shape.

Click here to watch the PowerPoint tutorial.

Part 2: Working with the custom shapes.

Click here to watch the PowerPoint tutorial.

Here’s a roundup of the PowerPoint tips:

  • Practice using the Curve tool so that you can control the curve and not create too many points. The fewer the points, the easier it is to edit.
  • Edit the shape. Right click on the shape to access the Edit Points feature. From there you can move the points and make adjustments and small tweaks.
  • Show & hide shapes using the Selection Pane.
  • Name the shapes in the Selection Pane for easier management of the image.
  • Use the Shape Union feature to merge the shapes. You can also group them if you want editing control in the future.
  • Right click to save the image. Select .png format to retain the transparency.
  • Don’t worry about being perfect. Also, the less detail the easier it is.
  • Practice, practice, practice. Once you get the hang of it, you’ll never want for the right image. Play around with the gradients and layered objects to create more texture and richness.

Articulate Rapid E-Learning Blog - an illustrated character created in PowerPoint

Here’s the character I created for the tutorials and the one Daniel shared with me. Feel free to look at how they were created.

Now it’s up to you. Do a practice character and see how it goes.

Events

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 e-learning, instructional design, and training jobs

Participate in the weekly e-learning challenges to sharpen your skills

Get your free PowerPoint templates and free graphics & stock images.

Lots of cool e-learning examples to check out and find inspiration.

Getting Started? This e-learning 101 series and the free e-books will help.





Articulate Rapid E-Learning Blog - create interactive stories with simple pictures and comic-book like panels

The other day I was doing a search for business meeting images and ran into this collage image. It kind of looks like a comic book layout. I played around with some ways to use this image in an elearning course.

Articulate Rapid E-Learning Blog - create an interactive story with this collage image

Here’s a quick demo of the image converted into an interactive slide. I just added some place holder content since the images are not contextual. But in your case, you’d create a collage where the images work together to tell a story.

Articulate Rapid E-Learning Blog - example of an interactive story to replace bullet points

Click here to view the interactive story demo.

Tips & Tricks for Creating an Interactive Story

Here are a few ideas on how you could approach this type of interaction:

  • Create a story. Many courses tend to be heavy on the information and light on relevant context. Rework your content and frame it like a mini story or scenario. In this case, it’s not about a long branched interaction. It’s more like a quick scenario where the course content is framed in a relevant context. People love stories so why not build a story around your information? Plus, the comic-book style layout is kind of popular.
  • Get rid of bullet points. A lot of elearning is linear and the screens are loaded with bullet points. Get rid of those bullet points! Why not use a panel for each bullet point? I’d use the large panel to represent the essential point of the slide. And the smaller panels would represent the bullet points or supporting information.
  • Feel free to take your own photos. You don’t need to be a pro to create your own stock photos. Besides many of the smart phones have those cool filters that convert your images and give them a pro feel. So outline a story and then storyboard the photos you’d need to support that story.
  • Create a few panel layouts so that you can rotate through your screens and make them visually a bit different. This post on comic book layouts will help come up with some ideas.

This is a simple technique but and an easy way to convert bullet point slides into something a bit more visually engaging. And with a little effort you can frame the information into something more story-like and interactive. It’s a step away from a content dump and a step into meaningful content.

What do you think? Would this work with any of your elearning courses?

Events

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 e-learning, instructional design, and training jobs

Participate in the weekly e-learning challenges to sharpen your skills

Get your free PowerPoint templates and free graphics & stock images.

Lots of cool e-learning examples to check out and find inspiration.

Getting Started? This e-learning 101 series and the free e-books will help.





Articulate Rapid E-Learning Blog - create free callouts in PowerPoint

In an earlier post I shared over 100 free callouts for you to use with your online training courses. Who doesn’t like free?

There are plenty of free callouts from which to choose. However sometimes the free ones just don’t work and you’ll need to create your own. So today I am going to show you how to create your own callouts.

How to Create Your Own Free Callouts in PowerPoint

One of my favorite features in PowerPoint 2010 is combining shapes. In fact, I have it as a tab in my PowerPoint ribbon so I always have quick access to that feature. Being able to create shapes in PowerPoint means I can create my own callouts. Here’s how:

  • What is a callout? The callout is made of the body where we add text. And then it has the tail that points in the direction of the talking character. So it’s basically just two shapes. We’ll combine those in PowerPoint.

Articulate Rapid E-Learning Blog - the anatomy of a callout

  • Add a shape to the slide. I like rounded rectangles because they’re a bit more organic. Ovals are nice, too.
  • Add a tail shape. I like to use the lightning bolt. Some people use the crescent or triangles. It really doesn’t matter as long as you can get the look you want.
  • Position the callout so that it aligns with the speaker. This is where creating your own comes in handy. You can position the body and tail before creating the final shape.

Articulate Rapid E-Learning Blog - example of a callout in PowerPoint

  • Combine shapes in PowerPoint to create a single shape.
  • Edit points to create more customization. If you want to get fancy, use the Bezier curve. Right click on the shape and select edit points to access this feature.

Articulate Rapid E-Learning Blog - edit points in PowerPoint shapes

Tutorial: How to Create Callouts in PowerPoint

Here’s a quick video to show how to create your own callouts using PowerPoint.

Click here to view the video.

Tutorial: How to Create a Callout Template

This tutorial shows you how to create a template for callouts that you can use to quickly change the shape of the callouts you create.

Click here to view the tutorial.

A Dozen Free Callouts

To help you out, I created a few callouts. But I encourage you to create your own.

Articulate Rapid E-Learning Blog - free callout graphics

Click here to download the free callout graphics.

Take advantage of the free downloads. But also learn to build your own callouts. That way you’ll always have what you need when you need it.

If you do create some and want to share them, send me an email and I’ll make them available to the rest of the community.

Events

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 e-learning, instructional design, and training jobs

Participate in the weekly e-learning challenges to sharpen your skills

Get your free PowerPoint templates and free graphics & stock images.

Lots of cool e-learning examples to check out and find inspiration.

Getting Started? This e-learning 101 series and the free e-books will help.





Articulate Rapid E-Learning Blog - hundreds of free PowerPoint tips and tricks

I’ve been doing this PowerPoint stuff for so long that I often think the tips I share are common knowledge and everyone knows them. But every time I do a workshop, I’m reminded that what may be old to me is often new to others.

Over the years I’ve shared all sorts of PowerPoint tips and tricks. But with the blog approaching 100,000 subscribers that means there’s a lot of people who probably didn’t see many of the previous PowerPoint posts.

So in today’s post, I’ve included a list with every single PowerPoint tip shared in the blog up to this point. They include tips on creating custom graphics, assembly of interactive elearning, and getting more out PowerPoint’s features.

If you’re looking for a good resource on PowerPoint tips, this is a post worth bookmarking.

Tips on Creating Rapid E-Learning Courses in PowerPoint

Building an elearning course with PowerPoint is not the same as building a presentation. Many of the production techniques are different. This list of posts offers some good tips on building your rapid elearning courses in PowerPoint.

Articulate Rapid E-Learning Blog - PowerPoint and rapid elearning rocks, especially with Articulate Studio

Use PowerPoint for Graphic & Visual Design

PowerPoint is a versatile application that lets you build your own graphics and illustrations. This list of posts walks through all sorts of graphic design and illustration tips.

Articulate Rapid E-Learning Blog - a bunch of tutorials on creating graphics in PowerPoint

Get More Out of PowerPoint Using These Tips

Most of us probably use a small fraction of PowerPoint’s features. However, it is a very capable application. And onc
e you understand what you can do with it, it’s like having a brand new tool. The following posts dig through various PowerPoint features so that you can build rapid elearning courses and get more out of PowerPoint’s capabilities.

Articulate Rapid E-Learning Blog - free tutorials that show how to get more out of PowerPoint's features

Never-ending PowerPoint Tips

The elearning community is active in sharing tips and tricks. Many in the community create how-to tutorials in Screenr. We try to capture all of the PowerPoint tutorials we find in the community.

This link is updated every time we bookmark a new PowerPoint tutorial.

So there you have it, a career’s worth of PowerPoint tips and tricks. Of all of the PowerPoint tips I’ve shared, which is your favorite or is the most eye-opening? I’d love to know. Share it via the comments link.

Events

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 e-learning, instructional design, and training jobs

Participate in the weekly e-learning challenges to sharpen your skills

Get your free PowerPoint templates and free graphics & stock images.

Lots of cool e-learning examples to check out and find inspiration.

Getting Started? This e-learning 101 series and the free e-books will help.





The Rapid E-Learning Blog - did the Avengers skip their safety compliance training?

Comic book layouts are pretty popular. And they work well for elearning courses. For one, they look different. It’s that type of contrast that can hook your learners who might be bored with the standard-looking corporate elearning.

On top of that a comic-like layout breaks the content into panels which allows you to control the pacing and flow of information as each panel progressively reveals more. It’s a great way to still have the simplicity of a linear course, but make it seem more engaging.

A while back I shared how to be inspired by others and included links to two comic-style elearning courses. Based on the feedback, the examples were a hit. I got quite a few emails asking how to build a similar type of course.

The Rapid E-Learning Blog - examples of comic book style elearning

In today’s post I’m going to show three ways to build a comic-style layout for your courses. To keep it simple we’ll use PowerPoint, but the ideas should work regardless of the tool you use.

Choose a Layout

Layouts are the key distinguishing feature for the comic book look. Typically they follow some sort of grid. The good thing is that there’s really no right or wrong way to create the grid. Some comics use straight lines and even sized panels. And some use an assortment of panel sizes.

The Rapid E-Learning Blog - layouts for comic book style elearning

If you’re looking for layout ideas, the first place to look is at comic books. You could attend a comic book convention, but you’ll probably have to wear a goofy costume. A better solution is to go to one of those comic creation sites and see what types of layouts they offer. Here are a couple of good sites:

You can also create your own layouts with existing clip art. Here’s an example I shared in this blog post on using Clip Art to create your elearning template. This also lets you build a layout that has that hand-drawn look.

The Rapid E-Learning Blog - build your own comic style elearning using PowerPoint clip art

For this demo, we’ll use a few simple layouts. I created them as shapes in PowerPoint. As you can see below, creating the layout’s pretty simple. Feel free to create as many layouts as you want.

Keep in mind that too many choices can be overwhelming. Instead of building 200 possible layouts, stick with 5-10 common layouts.

The Rapid E-Learning Blog - comic style elearning layouts built in PowerPoint

Another consideration with layouts is determining how you’ll present the content. Review the two elearning examples above and notice how the layouts follow a consistent pattern. For example, you may have one type of layout for information, another for decision-making, and another for feedback.

Deciding how to use the layouts will help you best determine which types of layouts you need.

One last point, the more panels you add to the layouts, the less space you get. If you have too many panels the content make look cluttered and seem confusing. I’d err on the side of fewer panels.

Option 1: Create Master Slide Panels & Layouts

Use PowerPoint’s master slides to create the layouts. You can have as many masters as you like so the best bet is to create all of the possible layouts that you’d use in a single file. And then when you’re ready to go, select a layout for the slide and add your content.

The Rapid E-Learning Blog - build as many layouts in PowerPoint master template as you like

Two ways to work with the master layouts:

  • Create the entire panel look on the slide master. Then apply it to a slide and add content within the panel.
  • Create watermarked panels on the master slide and use them as guides to control placement of your content. The benefit to this is that you have the general layout mapped, but you’re not confined by the panels if your content doesn’t fit perfectly.

The Rapid E-Learning Blog - create two types of layouts

A few tips when working with these types of layouts:

  • Use thick lines and determine how colorful you want the panels to be. Think loud and in your face.
  • Not all of your content will fit perfectly in the panels. That’s OK. Build your content on the panel and get it to fit the best you can. Then copy and paste it as an image. Use the crop feature to perfectly crop it to the panel.
  • Tutorial: this tutorial walks through the template and shows a few production tips.

Option 2: Create Custom-Sized Slides for Each Panel

Instead of building the layouts on the master template, build them on the slides. This gives you more control over the panels because you have direct access to them since they’re not buried in the masters.

Build a master PowerPoint file that has all of the layouts you’d use. Then start with that file when you want to build a comic-inspired course. Make sure to save it with a different name. Duplicate the layouts you want and then add your content.

How to add content to the panels:

  • Instead of creating your panel shapes on the master slide, create them on the slide. This lets you manipulate the shape at the slide level. Add content on top of the panel shape.
  • Create panel shapes with thick lines and no fill color. Then place them on top of the content. The thick lines will cover up anything that doesn’t fit perfectly.
  • Fill the panel shapes with an image. I like this approach because the panels and content will always align perfectly. The only thing that changes is the fill image for the shape.

Bonus tips:

Option 3: Create a Master Panel Image

This is probably the easiest way to create a comic layout. Instead of messing with a bunch of images and trying to get everything laid out perfectly, just create a series of layout images that you place on top of your content.

Essentially, you have one image of the entire page. Then you cut a hole out of the page for each panel. All of the content sits underneath the page image and can only peak through the holes. This guarantees that everything is perfectly aligned inside the panel.

I like this approach because you can move each object in the panel and the overlaid master image masks any overflow to create the illusion of panels.

Extra tips:

  • Add your page images to the master slides so that you have a layout. This will act as a general guide. Your slide for each layout you provide should consist of a master slide with the same page layout and the page layout image on the actual slide that acts as the cover.
  • Be sure to use the selection pane in PowerPoint (starting with PowerPoint 2007). Hide the page image and add your content using the master as a guide. Then unhide the page layout on the slide when you’re ready to publish. Make sure the cover image is always on top in the selection pane.
  • Tutorial: How to create layout mask images to use as panel covers.

To help you out, I created a starter PowerPoint template pack. You can download it in the elearning community. It includes folders for each type of template. You can use them as they are or build your own.

The Rapid E-Learning Blog - example of the free PowerPoint template demo

Comic strip layouts are popular and a nice way to make your courses look a bit different. The trick is to determine the type of layout you want and how to get the content into the panels with the least amount of work.

There are many ways to layout the comic panels. Once you decide the type of layout you want, then you need to determine how you will get the content into the panels.

Events

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 e-learning, instructional design, and training jobs

Participate in the weekly e-learning challenges to sharpen your skills

Get your free PowerPoint templates and free graphics & stock images.

Lots of cool e-learning examples to check out and find inspiration.

Getting Started? This e-learning 101 series and the free e-books will help.





The Rapid E-Learning Blog - 3 PowerPoint tutorials

I know it’s hard to believe, but apparently, there are many people who don’t like PowerPoint. Obviously, there are a lot of bad presentations created with PowerPoint, but it seems to me the blame rests on the shoulders of the presenter and not the tool. Besides, PowerPoint’s a versatile tool that’s used for more than bad presentations.

Personally, I think PowerPoint’s one of the single best multimedia applications. The secret is to look at PowerPoint in a different way. And once you do that you’ll see that it offers an assortment of capabilities.

I just returned from the Training 2012 Conference in Atlanta where I presented on some PowerPoint tips and tricks. For those of you who couldn’t attend, I’ve included links to PowerPoint resources that I’ve shared in previous sessions.

The Rapid E-Learning Blog - free PowerPoint resources and tutorials.

Recently, I was sharing how PowerPoint makes a good image editor. After the session, someone asked about this video where you learn to create a stickout effect that lets the image stick outside the box. It’s a basic cropping technique that allows you to open up the page and add more visual interest to the screen. The person wanted to know how to do that in PowerPoint.

The Rapid E-Learning Blog - the stickout cropping technique

I like this question for a few reasons. It lets me demonstrate how PowerPoint can be used to edit images. And it helps teach more about the features and capabilities of PowerPoint in general. Even if you don’t use PowerPoint to do this on a regular basis, practicing this technique is an excellent way to learn more about PowerPoint’s features.

So let’s look at a few ways to create the “stickout” effect in PowerPoint.

PowerPoint Tutorial 1

The Rapid E-Learning Blog - edit images in PowerPoint tutorial

Click here to view tutorial 1.

PowerPoint 2010 has a background removal feature. However, if you’re using older versions of PowerPoint you can still get the stickout effect. This tutorial shows how.

PowerPoint Tutorial 2

The Rapid E-Learning Blog - edit images in PowerPoint tutorial

Click here to view tutorial 2.

In this tutorial you learn to use PowerPoint 2010’s background removal feature to create the stickout effect.

PowerPoint Tutorial 3

The Rapid E-Learning Blog - edit images in PowerPoint tutorial

Click here to view tutorial3.

This tutorial combines the background removal feature with a duplicate image. Learning to work with layers and multiple images is definitely going to open possibilities when editing images in PowerPoint.

Consolidated PowerPoint Tutorials

I know some of you can’t access the YouTube tutorials at work, so I downloaded the video files and used them to test a drag and drop video player idea in Articulate Storyline. You drag the DVD icon to the orange box and it loads the video. The cool thing is that it only took a few minutes to build the functionality.

The Rapid E-Learning Blog - PowerPoint tutorial videos in Articulate Storyline drag and drop elearning

Click here to view the three PowerPoint tutorials.

You may never need to use this specific image editing technique in PowerPoint, but going through these tutorials will help you learn more about PowerPoint’s features and develop a greater appreciation for the application’s capabilities.

Events

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 e-learning, instructional design, and training jobs

Participate in the weekly e-learning challenges to sharpen your skills

Get your free PowerPoint templates and free graphics & stock images.

Lots of cool e-learning examples to check out and find inspiration.

Getting Started? This e-learning 101 series and the free e-books will help.





sizzle.gif

You’re building an elearning course and have assembled 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. Your images are feeling a bit dull and flat. You know they can look better, but you’re just not sure how to make them pop.

Today, we’ll look at three sure-fire ways to move your graphics up a notch and really add some sizzle!

Make Sure You Have the Right Tools

The first thing you’ll need is a graphics editing program. I usually use Photoshop or Fireworks. The good news for those on a limited budget is that there are a number of free alternatives. I’ve listed some of them at the end of this post.

While I use Photoshop, the techniques that I cover are independent of the application you use. Most of them have similar features to do what I am suggesting. If you want more advanced help for your graphics application, just do a search online. You’ll find all types of good information and resources.

Make Them Pop Off the Screen

Today, I’m going to give you some simple tips that are fairly easy to learn. The secret to all three of these tips is to make the images pop off the screen. You do this by creating depth. It makes the image more interesting and offers creative ways that you can present the information in your courses.

Technique #1: Instead of the whole picture, just use cut outs

  • Find an image you like and cut out the parts you want.
  • The first step is to cut the image from the background. Many of the graphics programs have easy-to-use processes to help you do this. Learn how to do this with Photoshop.
  • When you edit the image, make sure to leave the background transparent. A transparent background allows you to overlap other images and blend with the screen background.

Here are before and after images.

Before example PowerPoint

before.gif

after example PowerPoint

after.gif

As you can see, I cut the guy out of the original picture (which was a little boring). By doing this, I got rid of a lot of the distracting clutter, like the whiteboard and all of the lines and angles running back and forth. Those lines cause the learner to look all over the place. The cut out image looks nicer and I have control over what the user sees.

Another advantage of removing the background and clutter is that I can put the character anywhere I want. He can be in an office, a warehouse, or even on a lifeboat pleading not to be thrown to the sharks.

diverse examples PowerPoint

Technique #2: Modify the image using effects

Notice how the two right-most images of the lady below seem to have more depth? All I did was add a drop shadow.

customized images in PowerPoint

Here is clip art I modified. First, I created a custom version using the tips from the previous post. Then, I added a bevel and drop shadow to give the image more dimension and pull it from the screen.

example of edited images in PowerPoint

The technique to do this is fairly easy to learn. Here’s what I did for the clip art:

  • Create the clip art image you want in PowerPoint using the tips from this post.
  • Copy the image and paste it in a photo editing program.
  • Apply a slight drop shadow to create some separation from the screen.
  • Add an inner bevel to give the image a little depth.

You can also do some edits to the shape of the image. In the picture below, I used the eraser and brush tools to get rid of the business suit and changed the shape of the feet. This makes the image more generic and allows it to be used on screens that are less business-focused.

another example of edited images in PowerPoint

Here’s another example. In the first image, I just added a bevel and shadow. In the second image, I also changed his attire and added some color. By getting rid of the black suit, I created an image that I can use in a variety of screens.

ways to make your image look different in PowerPoint

It really doesn’t matter what types of modifications you do. The key is that you know you can take the clip art into another program, like Photoshop, and make changes that will jazz up your image and give it some polish.

Technique #3: Add depth by changing the image’s perspective

Another simple technique to add complexity to your graphics and make them a little more interesting is to change their perspective. Most graphics applications have a feature to do this. For example, in Photoshop it’s called “perspective.”

Here are a couple of screen shots from a training project where we didn’t use flat images. Instead, we changed the image perspective to add some depth and make the screen a little more interesting.

different example

ehs3.jpg

350×20_white.gif

In this post you discovered simple image modifications that can really dress up your elearning courses. The good news is that you don’t have to be an expert to do them because they don’t require advanced editing skills. However, these techniques do produce nice results. If you do know your way around a program like Photoshop, then that’s a bonus because there are a lot of creative things you can do.

If you have your own blog, do like Zaid did. He linked to this series and showed some before and after images. It’s also a great way to share your own tips and tricks.

zaid.jpg

For those of you on a limited budget, here are a few cost effective alternatives to programs like Photoshop:

Events

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 e-learning, instructional design, and training jobs

Participate in the weekly e-learning challenges to sharpen your skills

Get your free PowerPoint templates and free graphics & stock images.

Lots of cool e-learning examples to check out and find inspiration.

Getting Started? This e-learning 101 series and the free e-books will help.





customize free vector images and clip art with PowerPoint

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 PowerPoint

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.

Ungroup Free Vector Images

Microsoft stopped providing clip art but you can still use the same ideas by ungrouping vector images in PowerPoint.

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. 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 PowerPoint

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 PowerPoint

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 PowerPoint

The Rapid E-Learning Blog: before and after example PowerPoint

The image below is a combination of the same style. 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 PowerPoint

When you use the same style, it is easy to create images that meet your specific needs and look like they belong together. I
t’ll make your project look that much more polished and professional.

Here is a quick makeover of the first image above. 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 and free vector images PowerPoint

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.

Events

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 e-learning, instructional design, and training jobs

Participate in the weekly e-learning challenges to sharpen your skills

Get your free PowerPoint templates and free graphics & stock images.

Lots of cool e-learning examples to check out and find inspiration.

Getting Started? This e-learning 101 series and the free e-books will help.





PowerPoint 101

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 PowerPoint

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.

[Note: Microsoft stopped providing clip art but you can still use the same ideas by ungrouping vector images in PowerPoint.]

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

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 PowerPoint

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 PowerPoint

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 PowerPoint

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.

[Note: Microsoft stopped providing clip art but you can still use the same ideas by ungrouping vector images in PowerPoint.]

  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 PowerPoint

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 PowerPoint

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.

Events

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 e-learning, instructional design, and training jobs

Participate in the weekly e-learning challenges to sharpen your skills

Get your free PowerPoint templates and free graphics & stock images.

Lots of cool e-learning examples to check out and find inspiration.

Getting Started? This e-learning 101 series and the free e-books will help.