Animations and Screencasting:
The Perfect Marriage of Form & Function
In just 10 minutes, you can learn not only how to sex up your videos, but also to become a generally more productive human being.
I know that’s a pretty tall order for ten minutes of your time, but I’m absolutely serious.
You see, I had a problem on one my recent projects. We had just wrapped a series of videos on a productivity system called The Secret Weapon. But now we needed to top it with a quick introduction that not only provided a bird’s eye view of the system, but had just enough razzamatazz to compel the good folks to actually watch. The overview needed something, but it took a while for me to figure out what it was. Then it hit me:
Ninjas.
We merged traditional screencasting and ninja-tastic cartoon animation in touting The Secret Weapon. It shows just how effectively animation can work in “framing” your screencast material. Check out the video and see if you agree:
[jwplayer config=”ninja” mediaid=”1027″]
And there’s a side-benefit to tuning in. TSW is something you should be learning about, anyway. It’s a powerfully simple productivity workflow based on David Allen’s Getting Things Done methodology that can help you become more relaxed and efficient in your work than you ever thought possible. TSW uses your e-mail client and the free (and awesome) Evernote software to collect, organize, and accomplish everything you need to get done.
I use it myself. And I don’t make any money at all by suggesting you do so as well.
Adopting this process is simple, free, and altogether wonderful. Over the years, I tried to implement the Getting Things Done system at least three or four times, and this is the first time it actually “stuck.” It has transformed my entire professional workflow, and it can do the same for you. At no charge.
But this is only the first of an entire video series about TSW, all of which you can check out here: http://www.thesecretweapon.org/
As I said, this information is 100% free. They don’t even ask you for an e-mail signup.
At any rate, let’s get back to the animatin’…
So why complicate your screencasting with animation? Because it gets results. Human beings (and other animals) are genetically conditioned to pay attention to motion. It has helped us over milennia to track both predators and prey, and therefore keep us alive. Animated segments are much more likely to penetrate the skulls of your audience than are static images. Motion helps them retain that information.
Plus, animation is sexy as all get-out, and thus also more likely to get viewed in the first place.
But what if I can’t draw or animate to save my life?
Doesn’t matter. I can’t draw, either. But the world is bursting with starving artists who can, and whose talents can be had on the cheap. Peruse one of the freelancer sites like Fiverr.com or ODesk, or better yet, contact the art department of your local college or university. Artists are increasingly leveraging tech skills as a way to make money with their art.
Even if you don’t necessarily want to populate your video with the silent deadliness of the ninja, you can now animate content directly in the major screencasting tools, without having to turn to more complicated softwares like After Effects or Motion. Camtasia Studio or Screenflow will work just fine, even if you’re just working with a series of still images. If you look at some of the other TSW videos we did, you can see that we utilized these slideshow-style animation effects to very good effect. Just get yourself some stock photos, and you zoom, pan, slide, and spin content to your heart’s content.
Lila
August 5, 2012 @ 4:34 pm
I’m struggling rgierdang this topic in regard to how to show full screen screencast without significantly degrading the crispness of he original. You seem to have licked this problem. Your screencast looks it originated at 1024 x 768 or so, and scaled down well.For the screencast I’m doing, I’m showing off a web app, and my minimum browser size of the original that I need to show is 936 x 780. I’ve experimented with capturing the fixed area (986 x 780), and my high res display (1920 x 1200)My question, what screen resolution is the original that’s shown in this post? as best as I can tell the scaled display image is 487 x 405? It looks really good.I’ve been experimenting with some free capture tools. I tried using Jing (very good results, but problems scaling the output for rendering in a browser well, also tried uTIPu, also very good, but not completely satisfied with output display. Any would be appreciated.
danielrpark
August 8, 2012 @ 2:41 pm
Hi Lila. The screencast in question was created at 800 x 450, and presented in the browser at 640 x 360. The fact that it’s framed in a cartoon tend to help the scaling issues, as animation and real-world camera video scale much, much better than screencast footage. It also looks decent in HD because its original size, while significantly smaller than HD, is still “big enough” to avoid looking horrible. In short, the video is not displayed at 100% (which is the ideal) in neither the browser NOR in full-screen size.
BUT: There actually IS a way of doing what you’re after, specifically by leveraging JWPlayer, a popular web video player, and a plugin for it called HD Plugin. JWPlayer comes in both standalone and as a WordPress plugin. I have the WordPress version. Using these two in combination will let you select a standard res video file for display in the person’s browser, but then run a different file (the HD version of the video) when someone clicks the full-screen option button. You can see it at work here in our marketing video:
http://www.dappertext.com/business_video_art/vidonly/
For this to be successful, both versions have to be optimized for the sizes at which they’re produced. For example, you create an HD version where the zoom is predominantly set to 1280 x 720, and you also produce at that size. Then, you make another version where the zoom is predominantly set to 640 x 360, and you also produce at that size. In other words, no matter what the size of the video window, the CONTENT needs to display at 100% its original size.
Please let me how this works out for you. best, d.
danielrpark
August 8, 2012 @ 2:43 pm
I should also mention that non-commercial version of JWPlayer is free, and the commercial version of the player as well as the plugin are quite inexpensive.
Michele
August 19, 2012 @ 8:09 pm
Daniel, you *are* a ninja. You have excellent teaching skills. Glad I stumbled across your site. I was looking for a way to jazz up a tutorial series, and ding ding ding – animation! Thank you. You have an informative site, and I’ll be back.
danielrpark
August 20, 2012 @ 1:10 pm
Thanks so much! Lots more good stuff coming down the pipe…