There’s a lot of promise to artificial intelligence (AI) for image generation. However, as it currently works it’s not as simple as prompting an image and getting something perfect to download and use. AI can generate a lot of nice results quickly. However, using the images for production work can be a challenge.

My key objective is to create viable (not necessarily perfect) characters that I can use in online training programs or PowerPoint presentations. I am not a professional illustrator or Photoshop pro, so I want some steps that are simple and not too time consuming.

Here are some previous posts where we looked at some ideas:

• What I Learned Creating AI Images for E-Learning
• Simple Tips on Creating Your Own Illustrations with AI
• How to Quickly Create Illustrated Characters with AI

I’ve been playing around with some AI image generators to get a better feel for how they work and how I can use them when I create e-learning courses. I narrowed it down to a few basic steps that seem to work for me:

• Create the character(s) using prompts in AI
• Edit it to fix artefacts
• Crop to isolate the character
• Upscale for better quality
• Remove background
• Convert to vector

The Reality of Working with AI Illustrated Characters

AI generates a lot of weirdness with illustrated characters between the twisted hands, distorted faces, missing eyes, odd poses, and missing limbs and fingers. I don’t always find the same issue with photographic characters probably because there are more models from which to learn.

Consistency is the other issue. Getting one good character isn’t too hard but getting that same character in multiple poses is a challenge. Or getting different characters with the same style. It takes a little practice and willingness to settle for close enough.

Quick Microlearning Course for Creating AI Illustrated Characters

I used Rise 360 to put together a simple course that shows the process I go through to create the free illustrated characters I’ve been sharing. You’ll notice that my editing skills in Photoshop are basic, so hopefully you’ll be inspired to try creating characters yourself.

Click here to view the course.

I also added a quick survey if you want to share character ideas with me. I’ll use the results to test things out.

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.

I see the promise of AI generated assets for e-learning. I’m not an illustrator. I have limited Photoshop skills. Because of this, my options for custom illustrations are slim. However, with AI I can find a balance of creating viable illustrated characters with minimal skills.

In previous posts we looked at:

• What I Learned Creating AI Images for E-Learning
• Simple Tips on Creating Your Own Illustrations with AI

Today, I’ll show some of the basic steps I use to create the illustrated characters I’ve shared in LinkedIn recently. In these three tutorials, I’ll give an overview on how to create simple, viable illustrated characters using AI. I am working with a few objectives: quick, simple, and minimal editing. I am willing to live with some imperfections.

Getting Started with AI Tip

I am using Midjourney to create my AI illustrations. You can use whatever you want. The process is very similar regardless of application. I will add that not all tools offer the same quality. For example, here are two images using the same text prompt. The good example on the right comes from Midjourney. The other from one of the many of the tools that are out there trying to make money quickly from the AI gold rush. Buyer beware!

Step 1: How to Create a Character

I only cover the basics in the tutorials below and show some differences when you change the settings, but the secret with AI prompting is knowing how to adjust parameters such as style, seeding, and quality. The more you use those parameters the better control you have over your results. I will add that I find using fewer words is better.

There are a lot of videos on YouTube and elsewhere on getting consistent characters. I’m not going to get into the weeds on this. Here is a useful source for Midjourney users: John Walter: he has a good series on creating a consistent character.

• Set up your prompt. I use character, action, style, and white background (so I can clean the image up after I download it).
• Make parameter selections for style, etc.
• Once you have a character style you like, change the character descriptions. This is where you can mitigate the bias that is built-into the AI model.

The video below walks through some of these tips, and we look at options in terms of unique styles and characters.

Click here to view the video tutorial on YouTube.

Step 2: Create a Quick Character Set from a Single Panel

This is easy and will give you five characters that are similar.

• Generate a character.
• Select a character to upscale.
• Do another version (minimal variance) which will provide four more similar characters.
• Download the characters and clean them up.

Click here to view the video tutorial on YouTube.

Step 3: Create a Character with Multiple Poses

A prompt with multiple poses will give you the same character but slightly different. You can play around with the number of poses, but three poses are a sweet spot. At a minimum you get three similar characters. Assuming the iterative characters are similar enough, you end up with fifteen similar characters.

• Generate a character and include the number of poses.
• Select a character panel to upscale.
• Do another version (minimal variance) which will provide four more similar characters.
• Download the characters and clean them up.

Click here to view the video tutorial on YouTube.

Step 4: Don’t Expect Perfection

This approach isn’t a perfect way to create characters. It’s a quick way to create good enough characters. My goal is to create viable characters quickly. So, I am willing to live with some imperfections.

• The hands and faces are problematic. That’s OK. With multiple characters you’ll get enough parts you can mix and match to get some good characters.
• You don’t need to use every character you get.
• Once you edit the characters, you will fix some of the issues that AI instigates. I’ll cover that in the next post.

Hopefully, these tips help and be sure to download the free characters in 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.

I’ve been messing around with different generative AI apps, just like many of you. I’m trying to figure out how I can use them in my job and also get really good at using the various AI tools. Because I create online courses, I’ve been working on making my own illustrations that work well.

In a previous post, I shared some tips based on things I’ve learning using AI. I am using Midjourney for my examples, but there are a lot of tools out there for your initial experimentation.

Here are some tips I’ve picked up and how I make those free illustrated characters that I share on LinkedIn.

It Starts with Prompts

The secret to getting the right images is based on the prompting. The challenge with AI is that you never know what you’ll get and when you get something that you really like, you may not get it again.

• I start simple and don’t try to overstate or be too descriptive initially. And then I work from there.
• I also look at what images people share in the AI community and when I find something I like, I try their prompts to see what I get.
• For prompts, I mostly use a character, an action, and then the style. Depending on what I need, I may add a location or something to provide more visual context.

The Character

There is a lot of bias built into the AI language models. For example, if I type in businessman, 99% of the time it will be a white businessman in a suit. Why white? Why a suit? That’s something you need to account for as you create characters.

Regardless of the bias, I start with something generic like businessman. That usually gives me a white guy in a suit. But that’s OK to start. Once I get the right look, I modify the descriptor. Some tips to get better initial characters:

• Instead of just “businessman,” use an age to see what you get. I find 40-year-old is a good addition.
• It doesn’t matter what you get, the main point is to see if you can come up with something consistent.
• There are a lot of good videos now on how to write prompts. The more you practice and play around, the better you get.
• At some point, I call it good and move on. My goal is to find a simple way to get a good enough image. Playing around in AI for hours (or days…which will happen) is fun, but not something I can afford to do for long.

As you can see in the images below, you get some pretty decent initial images to start. I can work with these.

The Action

Describing the action is where you get the pose you want and can use. I keep it simple.

• I like to insert “gesturing” as part of the prompt. It gives me more varied arm positions.
• Add an emotion or state-of-being such as “confused” or “angry.”
• I also change the pose and may use “arms crossed” or “hands on hips.”
• Play around and see what you get.

You’ll notice how the images change based on a few simple words.

As you review the images above, you’ll notice that the styles change quite a bit. You’ll also notice that you may not get the pose you expect. For example, “hands on hips” includes arms crossed. “Arms crossed” aren’t full body poses. That’s something you have to live with.

As you practice and get to know how to write prompts you will be able to design more consistent styles.

The Style

As mentioned above, getting a consistent style can be tough. A lot of it will come down to how you write prompts and the feel you get for them as you practice.

• For illustrated characters, I want a similar style and no background so it’s easy to clean up.
• My default prompt style is “flat vector illustration” because that works well for a lot of e-learning course design.
• It also works consistently most of the time. And even if the illustrated characters aren’t the same, they often are close enough to use together.
• I do play around with unique style descriptions. For example, I will state “in the style of [add descriptor].”

As you review the images above, you’ll notice that adding a style description to the “flat vector illustration” starts to provide a more specific style that gets closer to consistency.

Bonus Style Tip: Getting Rid of the Background

The AI image is just the starting point. Often you may have to do some edits to hands, faces, etc. One of the main things is getting a transparent background so that I can place the image where I want it.

To get as clean a background as possible, I add the prompt: “white background.” That works 90% of the time. The image below is the same “hands on hips” prompt as above with the addition of “white background” in the prompt.

Overcoming Bias with AI

As I noted above, there’s built-in bias which can include things like gender and race, but also style of clothes. You can mitigate some of that by changing the descriptor. Once I get an image style I like, I will start to add additional descriptions to get more diverse characters. In no time at all, I have a diverse set of characters from which to build.

One thing to consider is your own bias. For example, I may look for a specific image and then assume that it works because of how “I see” that character and what it should represent.

Those are some of the basic tips to get started creating your own characters with AI. In a follow up post, I’ll share my secret sauce and what I do to speed things up and how I edit the characters.

Don’t forget to download the characters I’ve already added. I’ll be adding more, so keep your eyes peeled.

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.

There are a lot of really cool things you can do with 360° images in e-learning. You can see some examples here.

However, I’ve chatted with a lot of people and the single biggest challenge for them is getting usable images.

In most cases, 360° image interactions are exploratory and based on real-world context. In those case, stock imagery doesn’t work. This requires that the course author have a camera or other means to craft the images. However, it doesn’t mean you can’t create an interaction using stock 360° images.

Here is a cool site that creates stock 360° images using AI. The steps are simple:

• Add a prompt and the site creates the imagery.
• Download the image.
• Insert into your course.
• Build the interaction.

Here’s a simple example where I used the AI generated images and inserted them into Storyline 360.

Click to view the example.

And here’s an example, recently shared in the community by Julie Bigot for the challenge we had on using AI in e-learning.

Click here to view the example.

Working with AI

A few key tips working with AI:

• The power is in the prompt. There’s a lot of trial an error in figuring out how to get the right imagery. Although, now AI can also help you craft the right prompts for your images.
• Craft a prompt and then use it to create complimentary spaces. In the examples below, I kept the prompt simple: modern business office. The first image produced a very distinct black and white office.

• I wanted similar looking rooms that may look like they were part of the same office so I appended “modern business office” with other words such as meeting room and cafeteria. Surprisingly, as you can see from the images below, the rooms are very similar and usable. Normally, the prompts have to be more descriptive.

• Sometimes you may get artifacts in the 360° images. You’ll notice my image below had some gibberish text on the wall. Those can be edited in an image editor. Here’s a tutorial that explains some options.

If you need to create 360° images for your e-learning interaction, this is a cool site to explore. Hope it helps.

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.

Copying text from images comes in handy especially when updating old e-learning courses. Sometimes you may not have the source file and have to work for older published content. In those cases, do a screen grab of the course and then extract the text from the image. Then copy and paste the text into the application you use to build your e-learning courses.

How to Copy Text from Images

You may already have some applications that can extract the image. Here are a couple of common ones:

• Microsoft OneNote
• Snag-it

If you don’t have either of those applications, that’s OK. I recommend using Microsoft PowerToys. It’s free and easy to use.

How to Copy Text from Images with Microsoft PowerToys

The steps for this are pretty simple. No need to do screen shots.

• Install Microsoft PowerToys.
• Locate the text you want to extract.
• Press Windows+Shift+T to activate the Text Extractor.
• Select the text.
• Paste into a document.

Here’s a quick video to show the process.

Click here to view the tutorial on YouTube.

As you can see, it’s pretty simple to copy and paste the text. So if you run into an issue where you have old courses but not the original source file, keep this tip in mind.

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.

A guest post by Elizabeth Pawlicki, Senior Manager, Training Programs at Articulate.

Like many of you, we have a ton of zoom meetings and often I’m tasked with presenting information or training sessions. My initial inclination was to build something in PowerPoint or Google slides, but I switched to Rise 360 and haven’t looked back.

I find that even though Rise 360 is designed to be more of a traditional e-learning course authoring tool, it really does lend itself as a great presentation tool.

Let me tell you how I am using it and why.

Creating the presentation in Rise 360 is just as fast as creating a slide.

With Rise 360, I spend less time constructing the layout because I’m not starting with an empty slide. However, I can still make something that’s visually appealing, chunked into distinct sections, and still control what’s on the screen and when.

In the example above you can see how easy it is to add all sorts of presentation content such as text, media, and interactivity.

Chunking content is easy and can be creative.

I like to use to use the Continue Divider block to chunk the content similar to how I may have it in a PowerPoint slide. And then to advance my presentation, I click the divider to reveal more.

Also, I will convert what should have been bullet points to simple interactions like the the accordion or tabs. This allows me to keep people focused on what we’re discussing. The flashcard block is a great way to talk through things, ask a question, and then reveal content when clicked.

Augment the presentation with embedded content.

Embedding content from other sources can make the live presentation more engaging or add extra capability. For example, often in our conversations, I present a timed activity.

This is where I use the embed block in Rise 360 and add a timer from vclock using their embed code. You can also embed maps and all sorts of extra media using that block. Basically, if you can find it online you can add it to your presentation.

Skipping unnecessary content is super easy.

Often during the presentations I find the attendees already have a good grasp of the information. In those cases I like to skip to something else. That’s where the sidebar menu comes in handy where I can jump to specific content that I’ve chunked into lessons.

Keeping the sidebar visible is a great way to let the people know where we’re at and where we’re going. So sometimes I keep it open. But it’s easy enough to collapse the sidebar and only show it when I have to.

The course works well as a leave-behind resource.

One of my favorite things is that I can just share the presentation as is. I don’t need to save a PDF of slides or email them a copy of my PPT presentation.

I publish the Rise 360 presentation to Review 360 and then provide the group with the review link. For example, here’s a presentation that I created for the blog that you can access now.

Keep the conversation going.

An added benefit to using Review 360 is that since the Rise 360 presentation is published to Review 360 the attendees can leave comments. This is really great if we run out of time during an activity or discussion. We can continue to conversation in the published presentation.

Test it out. Go to the demo presentation and post a comment.

Keep the content updated.

I can always make updates to the presentation and then republish the new Rise 360 presentation over the old version knowing that everyone will have the same updated content. This is really important for things like sales training and presentations where the content is updated and changes often.

Articulate Rise 360 Presentation Example

I recorded a quick video to show how I use Rise 360 as a presentation tool. Check it out.

Click here to view the presentation on YouTube.

Have you used Rise 360 as a presentation tool? If so, what worked well? And if not, why haven’t you tried it yet?

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.

With Covid-19, QR codes made a comeback. They’re all over the place and scanning them with a phone is so easy. For a recent conference, we created a QR code to access the handouts and examples. They’re worth considering as one more way to share resources in your e-learning courses. Here’s a simple tip on how to create them for your training.

Why Create a Free QR Code for Training

Some training resources have really long links and make it difficult to share. I know that when presenting in a classroom, it’s not always easy seeing the URL on the projection screen. A QR removes this obstacle.

It’s also easy to put multiple QR codes together as a nice resource document. Check out the ones below.

How to Create Free QR Codes

I haven’t checked every browser, but in the Chrome and Edge browsers you can create the code quickly. The easiest way to create a QR code is to open the page in your browser, right click and select Create QR code.

The images below show the difference between the Chrome and Edge versions. I like the Chrome QR codes best because I can remove the dinosaur image and replace it with my own and easily create a branded QR code by adding a logo or other custom image.

As you can see, it’s pretty easy to create and download a free QR code. And then it’s just a matter of making the code available.

While I have your attention, here’s a warning about QR codes and how some people are being scammed.

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.

I am a simple person and usually try to explain things in three steps. They’re easy to remember and share. Here is a round up of all previous posts that share three steps to do something to improve your course design and development.

General E-Learning Course Design Tips

• A Successful Training Program Answers These Three Questions
• Three Ways to Motivate Your Online Learners
• Three Ways to Save Time & Money in E-learning
• Three Ways to Create Engaging Courses that Aren’t Boring
• Three Ways to Make Your E-Learning Content Meaningful
• 3 Reasons Why We Have Interactive E-Learning
• Are You Using These 3 Ways to Identify the Objectives of Your Online Training Program?
• 3 Things to Consider When Building Interactive E-Learning
• 3 Reasons Why Linear E-Learning May Be the Best Solution
• 3 Things to Consider When Building Your E-Learning Courses
• The 3 Essential Questions Every Learner Wants Answered

Production Tips for E-Learning Course Design

• Three Ways to Use Theme Colors in E-Learning Courses
• Three Things to Do Before Building Your E-Learning Course
• 3 E-learning Tips Before You Start Your E-Learning Project?
• Three E-Learning Tips to Help Build Better Courses
• Three Ways to Use Hotspots in Your E-Learning Courses
• Three Ways to Guide Learners Through Your Course
• How to Avoid These Three Pain Points for Online Learning
• Build Branched E-Learning Scenarios in Three Simple Steps
• 3 Things to Know When Getting Started with E-Learning
• 3 Reasons to Use Animated GIFs in E-learning
• 3 Super Easy Ways to Build E-Learning Templates
• 3 Rules When Selecting Fonts for Your Online Training Course
• 3 Graphic Design Principles for Instructional Design Success
• These 3 Tips Can Change Your Compliance E-learning Forever

PowerPoint Tips for E-Learning

• 3 Tips When Converting PowerPoint to E-Learning
• Here are 3 Free PowerPoint Templates for Online Training Courses
• 3 PowerPoint Shortcuts I Always Have at My Finger Tips
• 3 Tutorials to Help You Get More Out of PowerPoint’s Image Editing

Professional Development

• A Three-Step Process for Becoming an E-Learning Pro
• Three Good E-Learning Books to Finish Off the Summer
• A Three-Step Process to Build Your Skills the Right Way
• A Three-Step Process to Create Hand Drawn Custom Characters
• Three Common E-Learning Design Issues & How to Avoid Them
• 3 Ways to Make Static Content Interactive
• 3 Production Tips for E-learning Developers
• 3 Ways to Save Your Training Job
• 3 Ways to Improve Your E-learning Design Skills

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.

As a general rule, it’s good practice to edit files on your local drive and not a network drive (or online storage like Google Drive or Dropbox). For example, when I work with a .story file that’s on Dropbox, I’ll sometimes get some sort of syncing error or a series of duplicated or conflicted files. This makes sense because the drive is constantly monitoring changes in the file and updating the file. One tip for Dropbox is to pause syncing if you’re working from a Dropbox folder.

However, I like to move files from the network drive to my local drive to do production work and make the edits. However, that means what’s on the desktop is the most current and not backed up. If my computer crashed, I’d lose everything. Thus, I need to move things back to the storage drive when I’m done. The challenge is remembering to do that.

I’ve had times where I work on a file and then go to eat and come back to find my computer crashed or maybe the app closed. Or every once in a while, there’s the quick power outage. Whatever it is, there’s always the chance you lose your work and because it wasn’t backed up, you can’t access the most recent one from your storage drive.

To avoid these issues, I use SyncToy, a free application from Microsoft to back-up my files at night. Here are the basic steps:

• I work from an “active projects” folder on my desktop.
• I create a duplicate folder on Dropbox (or any storage/network drive).
• I set my folder on the desktop to automatically sync with the duplicate folder. This overwrites what’s in the storage drive folder, thus any changes I made during the day are preserved. An added benefit with some of the services like Dropbox is that there’s some versioning control, so that comes in handy, as well.

Using SyncToy

I wrote about this solution almost ten years ago. It’s still viable. Unfortunately, Microsoft doesn’t promote the application anymore, but you can still download SyncToy from here. I am on Windows 11 and as you see in the tutorials below, it still works fine.

You select a “Left” and “Right” folder to sync, and then determine how and when you want to sync them.

The left folder is my “active projects” folder on the desktop. The right folder is my storage drive folder. I set it to sync every night at 8:00 PM. Here’s a tutorial that shows how to set up and sync two folders using Microsoft SyncToy.

To sync the folders, open SyncToy and select “Run.” Of course, that requires you remembering to do so, but that’s where the next step comes in.

View the SyncToy tutorial on YouTube.

Task Scheduler

Your Windows computer has a task scheduler that lets you schedule tasks to run at specific times. That’s why it has that fancy name.

In this case, I want to create a task to run SyncToy at 8:00 PM daily. The tutorial below walks through the basic steps of creating a new task and when to run it.

What I am showing you is relatively simple. There’s a lot you can do with Task Scheduler and I’m sure you can find a ton of information on the Microsoft site or on YouTube.

Let’s review the process:

• Create a folder on your local computer to manage your e-learning projects.
• Create a duplicate folder on your storage drive.
• Set up a folder pair to sync the two folders.
• Create a task with Task Scheduler to automate syncing the two folders at a specified time.

View the Task Scheduler tutorial on YouTube.

Too bad SyncToy isn’t going to be around forever and perhaps one of you have a comparable solution to offer. In the meantime, you can still download the application and it’s still a viable process.

What do you do to manage files between your local and network drives?

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.

I do a lot of presentations live and online. I also record a ton of tutorials. During those presentations I’m usually showing how to do something and attendees need to see the mouse movement and where it’s at. Here are a few simple tips to highlight your mouse when presenting or recording your tutorial.

Here’s a video tutorial that walks through the tips below if you want more detail.

Click here to view the tutorial on YouTube.

Make the Mouse Pointer Extra Large

In a presentation or tutorial you are trying to direct the viewer’s eye. This is especially true for software demos where it’s easy to lose track of what’s going on and where the mouse is moving, more so if the viewer isn’t familiar with the user interface.

Go into the mouse properties and change the mouse point to extra large.

Use Keyboard Shortcut to Show Mouse Location

I use this quite a bit. In the Pointer Options of the mouse properties, set the mouse to show location when pressing the control key. Whenever you move the mouse to somewhere else, press the control key and you can direct the viewer to that part of the screen.

Create a Spotlight Effect to Show Mouse Location

Microsoft PowerToys are little applications that add more functionality to Windows. In a previous post, we looked at how to install a simple color picker. That’s not all that comes with the PowerToys. There are three mouse related features that could come in handy. In fact, I use the spotlight effect instead of the control button feature above.

Install PowerToys and then select the mouse features you want to enable. Play around with the settings and see what works best for you.

Highlight Onscreen Left and Right Clicks

If you want to show where the mouse is when you click, set the left and right click to different colors and as you click it’s easy to see where the mouse is and you’re doing. Press Windows+Shift+H and that activates the mouse click highlighter.

Highlight the Mouse Click with Crosshairs

Press Control+Alt+P and that activates the crosshairs. Personally, I don’t find this one as useful, but it is an option. I’m kind curious who would use this type of highlighter and when. Feel free to share in the comments.

The PowerToys are nice. I use the spotlight effect all the time. It looks elegant and easy on the eyes. I always found the mouse options with the control click circles to be a bit old looking and kind of herky jerky.

Hope these tips come in handy when you do your next webinar, presentation, or screencast 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.

I’ve written about the Microsoft PowerToys in the past. They come with some handy applications. There’s an application that allows you to preview .SVG files. This is more important today than it was even a year ago as more and more courses are using .SVG. There’s also a feature to rename your files. This comes in handy if you want to convert a folder of images to match a project’s title.

I was looking at the updated PowerToys and thought I’d highlight the new color picker and how it has real practical value.

Color Picker for E-Learning

I use a color picker multiple times during the day. Many apps like Storyline and PowerPoint have color picking tools. However, they tend to be confined to working in the application. There are browser extensions for color picking websites. I use them sometimes when I work in Rise 360. I also use Color Cop (another free app).

However…

I think I’ve been able to consolidate all of my color picking needs in a single tool via the Color Picker in PowerToys. Three things I really like:

• It’s simple and elegant.
• I can pick colors from anywhere on my computer without being constrained by an app or browser.
• I can edit the colors or get quick derivatives. For example, I could pick a fill color and use one of the derivatives for a border.

Select Windows+Shift+C and it opens the color picker. From there you can pick any color. Using your mouse wheel to zoom in. And once you’re in the editor, you get the hex code and a range of tones within the color as an easy way to create a secondary color derivative.

Here’s a quick tutorial to show a little more detail.

Click to view the tutorial on YouTube.

If you need a color picker, you can’t beat the PowerToys. It works great and its price can’t be beat. 🙂

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.

Visually branding your e-learning courses is a common requirement. A great way to figure out how to brand the course is by mimicking what’s available publicly from the organization’s website (and intranet).

These sites tend to have all sorts of media assets that are already vetted to fit the organization’s brand and often work well for e-learning content. The challenge is how to get access to those assets.

Connect with the Marketing Team

Before you spend time scraping your sites for images, connect with the marketing (or web) team. In the past, I’ve found that the marketing team usually had access to more media assets than other teams.  Connect with that team (or the team that manages the website) and share what you want to do. Often, they can provide some guidance and give you access to the resources available to them.

Be prepared to dialogue about compliance to the company’s branding requirements. 🙂

Download Images from the Website

One option is to locate an image on the website, right-click and save to a folder.

That’s an easy and effective way. However, it’s also a bit cumbersome. And sometimes the sites are set up to not allow this.

Download Images via the Browser’s Site Inspection

Another way to access the images on your site is via the browser’s ability to inspect the site.

• Right-click on the page and select inspect
• Click on the Sources tab
• Locate the media in one of the folders
• Access the source file and save it to your folder

Download Images by Extracting from Your Website

I covered this in a previous post, you can use a browser extension or this website to extract images. Basically, they isolate and just show the images on the site. I like using the Image Extractor site because I can do a batch download of images which saves some time.

As with anything like this, be sure to properly credit sources.

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.