My html 5 video intro

adobe, captivate, elearning, elearning samples, html5, instructional design, video

The idea

If you’ve seen a movie or watched t.v. in the last twenty years you’ll be familiar with the production or channel video intro’s before the actual viewing.

The Creation/ Inspiration

I’ve been playing around with html5 animations recently to put in my e-learning courses. Then the idea came to me about creating my own intro video. The movie Trainspotting has a great intro sequence made to look like your stood in an underground tube station as a train whizzes by. THAT’s the look I was after

The Result

Once I was happy with the html5 animation I had to find some music to put to it the excellent http://www.freesfx site has a good selection of piano snippets to choose from but one stood out.

Check out my efforts below

 

Advertisements

E-learning showing conversation

adobe, captivate, elearning, elearning samples, instructional design

E-learning Heroes Challenge #105

This week’s challenge was to find creative ways to show dialogue in e-learning. Which lit my creative side

The idea

I had plenty of ideas for this challenge but I had to whittle it down to one.

Ticker Tape – scrolling dialogue at the bottom of the screen

Translation – Two sentences in different languages

Subtext – Speech bubble for dialogue. Loose text for the thought.

But the winner was

Subtitles- The type you see on T.V. for the hard of hearing.

bbc subtitles

The Design

I set myself an extra challenge which was to shrink the working area by using a mobile phone template. With space at a premium the dialogue had to be snappy. A busy workplace setting sprang to mind. I used text and audio to set the scene.

wordpress promo subtitle

The Result

I coloured the text for each character to help the reader identify who is saying what and used left and right placement to reinforce this.

Having the text pop-up also helped with identification and reading.

Click the image below to view the sample

wordpress promo

 

Reusing Powerpoint animations in elearning

captivate, elearning

Re-using Powerpoint slides when creating elearning can be a valuable way of saving time and reducing costs, especially when you’re on a deadline. This is especially true if your course requires some animation or motion paths to liven up your content (and which Instructional Designer doesn’t want to do that!). I also think this is a particular handy way of setting common themes for modules within an elearning course. The learner gets used to seeing the animation but is not bored by it as it has changed.

I’ve done a short screen capture explaining how quickly animations and Motion Paths can be changed for reuse.

reuse wordpress

Click to see You Tube video