Well, there might be a day in your life where you have to make a product video with limited budget/time and skill or you might fall in love in with the TEDed videos like me and wanted to create one . Okay , now lets watch the video.
I sat down to find the best suite of tools for making a 2d short film( List of 2d animation software). I evaluated each one of them carefully based on its availability(free or otherwise) and learning curve it possesses . Finally, I settled with Synfig, but only after spending a day with it, I realized that it will work good with Linux distros and not in El Capitan(newer MacOSx). So , I iterated my skillset to find a combination that would help me. Finally, I came up with the list
Git + JS + CSS3 + ScreenRecorderHD + iMovie + SoundRecorder
git checkout master
git checkout -b narration-continuation
git checkout -b final-scene
.bubble {
width: 25px;
height: 25px;
position: relative;
bottom: 0px;
display: inline-block;
background-image:url('/public/images/blue-ball.png');
-webkit-animation-name: bubble_moving_up; /* Chrome, Safari, Opera */
-webkit-animation-iteration-count: infinite; /* Chrome, Safari, Opera */
animation-name: bubble_moving_up;
animation-iteration-count: infinite;
}
@keyframes bubble_moving_up {
0% {bottom: 0px; opacity:1;}
100% {bottom: 200px; opacity:0;}
}
/* Chrome, Safari, Opera */
@-webkit-keyframes bubble_moving_up {
0% {bottom: 0px; opacity:1;}
100% {bottom: 200px; opacity:0;}
}
window.onkeyup = function(e) {
var key = e.keyCode ? e.keyCode : e.which;
if (key == 38) {
//Move the scientist fish up
}else if (key == 40) {
//Move all the fish to the right
}
}
You need a HD screenrecorder to record whats going on the screen. Make sure you set your browser to full screen. The screen recorder is like cinematograper for your movie
Finally , you have to combine all the videos that was shot into a sequence of scences with narration and background music. You will need a video editor to do all this. iMovie (free for mac) is one of the best and has a small learning curve although .
Your movie is as good as your assets(images, css, sound), CSS3 animation and your patience. Thanks for stopping by