December 15th, 2009
0comments
If you’ve been reading this blog for a while you’ll know that I recommend looking at web design sites and at other media-related industries for inspiration. This is a good way to learn about different screen layouts and color schemes. And then consider how they might work in your elearning courses.
It’s also a great way to learn to use PowerPoint’s graphic features; because a lot of your rapid elearning success depends on how well you can get around PowerPoint. These types of exercises will only enhance your skills as a rapid elearning author.
The other day I ran across this site, Things That Are Brown, by Matt Brown, a Seattle-based web designer. I like the colors he uses and the general layout. So I played around with some ideas on how this could work in an elearning course.
The Original Site
Here is an image of Matt’s site. I like the clean lines and earthiness. It’s so brown. Being from the northwest, I’m kind of fond of brown. Reminds me of good coffee, chocolate brownies, and the heavy, hand-knit wool sweaters I have to wear while strolling the beaches in the summer. 🙂
By using the darker color scheme in the template, any color or contrast on the site really pops and draws your attention. That’s something to keep in mind when you consider the visual design of your own courses. Remember, part of your visual design is how to direct the learner’s eye.
The Mock Up
Here’s a published version of my mock up. As you can see in the demo, I kept the general layout and then created pieces of paper as the focal point. I like the way the white contrasts with the brown. The paper is where I’d put the course content.
Click here to view the demo.
Once I created the general layout, I used Pixie to grab the colors. Then I played with ways I could add the paper to the screen. You can see some of them below.
If I were to use this in a real course, I’d probably animate the pages coming in and out. That would have a nice effect. Another idea is to have a new piece of paper load on each slide. Then it would look like you’re adding to the pile of papers. You could also make smaller versions of the papers and use those as icons that link to sections in the course. It’s just a matter of playing around with some layout ideas.
How I Built the Template in PowerPoint
Again, the goal in these exercises is to experiment with ideas and learn more about PowerPoint. As you become more comfortable working with the slides and graphic features, you’ll become more efficient using the tools. In this example, all of the design elements in the template were created in PowerPoint.
Here’s a quick tutorial on the approach I take when doing these exercises and how I created this template.
Click here to view the tutorial.
Here’s an additional tutorial on how to create the paper images. As a habit, I’ll create these types of assets in PowerPoint and then save them as graphic files rather than keeping them as PowerPoint objects. It’s what I discussed in a previous post on rapid elearning essentials.
Click here to view the paper tutorial.
Some of the key things to focus on when doing these exercises:
- Learn to create shadows. PowerPoint 2007 makes it easy because it has a built-in shadow feature. But you can also create your own shadows as you can see in this tutorial on creating a page curl effect.
- Leverage the master slides. What’s persistent across all of the slides? Put that on the master. It’ll save you time and makes it easier to edits down the road.
- Play around with color schemes. Use Pixie to pick one color and then apply that color to a color scheme. See what interesting types of colors combinations you can create. You can get ideas from sites like Color Scheme Designer and Kuler.
- Save you objects as graphics. Get in the habit of saving the objects you create as separate graphic files. They’ll be easier to work with and improve your publishing time.
In summary, you’re not going to improve your PowerPoint skills without some practice. These exercises will help you get the practice and give you some ideas about visual design and screen layouts.
Here’s a link to download this PowerPoint template. I created one for PowerPoint 2007 and one for 2003.
Got any tips and tricks you’d like to share when building rapid elearning courses in PowerPoint? Share them by clicking on the comments link.
More Free PowerPoint Templates
If you liked this post, you’ll probably like these, too. And you get seven more free PowerPoint templates:
(1 template)
The Secret to Creating Your Own PowerPoint Templates for E-Learning (3 templates)
Here’s How I Built That PowerPoint E-Learning Template (2 templates)
Your 10 Most Popular Posts (1 template)
Events
- Everyday. Check out the weekly training webinars to learn more about Rise, Storyline, and instructional design.
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 . | Lots of cool e-learning examples to check outand find inspiration. | Getting Started? This e-learning 101 series and the free e-books will help. |
You might also like:
Why PowerPoint Isn't the Right Choice for Interactive E-Learning
Here Are 12 E-Learning Books to Read This Year
Best E-Learning Posts of 2015
Consistency in Production: Naming Variables for E-Learning
Here's a Visual Design Tip to Make Your Slides Look Great
40 responses to “How To Design Custom PowerPoint Templates for E-Learning (Plus 8 Free Templates)”
December 15th, 2009
great content! thank you!
Scott
December 15th, 2009
Hi Tom, enjoyed (again) reading your latest….However, none of the demos on Screenr are working for me (they don’t do anything when Play is clicked) and they used to, is Screenr having problems??? Thanks.
Linda Lor
December 15th, 2009
If you have Photoshop, you can use that to sample colours instead of Pixie. Use your eyedropper tool on a new or open document in Photoshop than hold down the alt/option key, move the eyedropper out of the program to whatever you want to sample.
December 15th, 2009
Hi Tom,
this is another inspiring tutorial for using powerpoint in a creative way. Thank you so much for sharing with us! I like the stacks of paper on the dark background and the shadows are an excellent idea, too.
Sigi
December 15th, 2009
Okay, Tom:
How do you find those unique videos? LOL
@jenisecook
December 15th, 2009
Hi Tom,
I met your briefly last year online (no dating service 🙂 ) last year when you were seeking designers; anyway, I would have finally landed some projects, and I wanted to get your input on LMS. So far I am look at using Moodle or Sakai. I would be grateful to any suggestions.
Sam
Making a new custom header for your blog « Another Blog!
December 16th, 2009
[…] reading the post, (How To Design Custom PowerPoint Templates for E-Learning (Plus 8 Free Templates) as usual, I tried making a pile of papers using PowerPoint. After making two or three paper piles […]
December 16th, 2009
Tom, your stress-busting video worked for me!
Happy New Year.
Tess
December 16th, 2009
Tom,
First of all, many thanks for your wonderful elearning tips – they are super informative! One thing I learned after publishing my last elearning that I had never thought about…I used a background that was a light gray grid, similar to graph paper, and was told that looking at this type of background can trigger migraines in some indivduals. Just thought I’d pass this along…thanks again for a great resource!
Viral Notebook | Michael M. Grant, Ph.D.
December 16th, 2009
[…] How To Design Custom PowerPoint Templates for E-Learning (Plus 8 Free Templates) » The Rapid e… – Tom Kuhlmann offers up more Powerpoint templates and a how to for using a Web site for inspiration. […]
A Boatload of Free PowerPoint Templates|How to PowerPoint
December 20th, 2009
[…] out How To Design Custom PowerPoint Templates for E-Learning (Plus 8 Free Templates) via the Rapid E-Learning […]
December 21st, 2009
Tom – as always you have given us a gem! Other people give away freebies that are worth… well… virtually nothing. But you always deliver the goods! This is great information. You are giving us excellent value sir and I certainly appreciate it (as I’m sure all the other viewers do as well). You da man Tom! Thank you!
How Fonts Take a Starring Role in Your E-Learning Courses » The Rapid eLearning Blog
January 12th, 2010
[…] on a page or web site. Try some of those ideas in your elearning courses. When I see an interesting layout or design, I create a screenshot and then save it for future […]
Vivian Horak
January 12th, 2010
Again, thank you for a wonderful tutorial and inspiration. I have learned so much from you.
Here’s a Quick Way to Create Your Next E-Learning Template in PowerPoint » The Rapid eLearning Blog
January 19th, 2010
[…] a previous post, I showed you how to design your own PowerPoint templates. In other posts, I’ve talked about how to use PowerPoint’s drawing features to build the […]
February 24th, 2010
all i have to say is, i love you. so perfect, thank you.
tom
February 24th, 2010
@Sherree: thanks for the enthusiastic comment
May 27th, 2010
This is my first time visiting this blog. I enjoyed the tutorial and made e-course background. Thanks for the amazing article. I can’t wait to learn more.
Как создать собственные шаблоны для e-learning в PowerPoint
August 9th, 2010
[…] […]
eLearning Inspiration | informaticstuff.com
September 6th, 2010
[…] of the things Tom suggests is browsing web pages in order to get a feel for web designers’ use of color, font, and design elements. If you take […]
Ajit Mishra
October 20th, 2010
got to know tips on elearning
Jim Lombardo
October 22nd, 2010
Any guidance on a good PC mic for under $50 USD.
Thanks much.
Jim
tom
October 22nd, 2010
@Jim: I really like my Samson Go mic. I got it at Amazon for about $50. It’s compact and the audio quality is really good. Here’s a demo I did a while back.
tom
October 22nd, 2010
Over 75 Free Rapid E-Learning Resources » The Rapid eLearning Blog
November 9th, 2010
[…] shared some of the tools that I use for color schemes in previous posts like this one on creating your own rapid elearning PowerPoint template. I start by picking a color from the he image using Pixie. And then I take that color […]
Peter Mogensen
November 17th, 2010
Great post Tom! Also, check out this site, a great source for e-learning powerpoint templates!
/ Peter
Come progettare un corso elearning in base al budget «
December 21st, 2010
[…] ispirazione. E poi applica al design del corso il marchio e i colori della tua azienda. Ecco un post che ho fatto un po’ di tempo fa che ti spiega come fare. Inoltre puoi scaricare un po’ di […]
Lessons Learned: Designing e-Learning : HRVoice.org
March 11th, 2011
[…] […]
Stacey Lee
June 10th, 2011
You have some really great ideas! I really appreciate you sharing your knowledge!
Is there a way to download your video so I can watch it whenever. Besides, I like to keep it in a folder along with the other materials that you provided.
Thanks!
tom
June 13th, 2011
@Stacey Lee: currently I don’t have the bandwidth to email individual videos to blog readers. You can do a search for rapid elearning blog videos on Youtube and download them from there.
Here’s a Noteworthy PowerPoint Template (and It’s Free!) » The Rapid eLearning Blog
June 14th, 2011
[…] earlier posts I’ve discussed how you can get around this by finding inspiration from other sources. I like to find inspiration at some of the template websites like template monster. What I look for […]
Un template per PowerPoint degno di nota (gratis) «
June 16th, 2011
[…] post realizzati in precedenza ti ho mostrato come puoi risolvere questi problemi cercando ispirazione da altre risorse. Mi piace trarre ispirazione per i template anche su siti come Template monster. Ciò che cerco […]
November 7th, 2011
Any chance of getting a 2011 template update?
tom
November 7th, 2011
@Paul: I’ll do a recap at the end of the year.
December 8th, 2011
Hi Tom,
Thank You for all the valuable information. I am looking for the post where you talked about having dummy power point layouts that you use when you have to design power point slides from scratch.
Thanks in advance 🙂
Regards,
Yvonne
Tutorials by slarts - Pearltrees
January 8th, 2012
[…] The other day I ran across this site, Things That Are Brown , by Matt Brown, a Seattle-based web designer. I like the colors he uses and the general layout. So I played around with some ideas on how this could work in an elearning course. The Original Site It’s also a great way to learn to use PowerPoint’s graphic features; because a lot of your rapid elearning success depends on how well you can get around PowerPoint. These types of exercises will only enhance your skills as a rapid elearning author. How To Design Custom PowerPoint Templates for E-Learning (Plus 8 Free Templates) » The Rapid eLearn… […]
5 Free PowerPoint E-Learning Templates » The Rapid eLearning Blog
July 17th, 2012
[…] How To Design Custom PowerPoint Templates for E-Learning […]
Free Storyboard Templates for e-Learning ...» Talented HR
August 6th, 2012
[…] How To Design Custom PowerPoint Templates for E-Learning(Plus 8 Free […]
August 15th, 2012
[…] How To Design Custom PowerPoint Templates for E-Learning (Plus 8 Free Templates) <b>6. Asigna un mínimo de palabras por entrada </b> Si la escritura en el blog es parte de la <b> calificación final </b>, es normal que exijas un mínimo (y/o un máximo); por ejemplo, 200 palabras por entrada serían adecuadas para publicar un vídeo con un (pequeño) comentario crítico y reflexivo en Bachillerato <b>7. […]
Arrières plans et création modèles | Pearltrees
August 18th, 2012
[…] Pearltrees Create custom shapes filled with transparent textures CSS Background Generator How To Design Custom PowerPoint Templates for E-Learning (Plus 8 Free Templates) If you’ve been reading this blog for a while you’ll know that I recommend looking at web […]