How to create a Doodle Dissolve transition with RoughAnimator
We challenged ourselves to find a way to use color to transition between two totally different clips. By connecting the clips with doodles, the end result is a powerful and playful visual.
By drawing on the actual video with a pencil the transition became all about the creative approach to the connection – resulting in a showreel where energy and color literally flow from one clip to the next.
Working in an app called RoughAnimator (on an iPad), the workflow is super intuitive compared to Adobe After Effects or any software out there, because you draw on the actual video with a pencil, which makes it disappear into the background and you can just focus on the creative approach.
What you need
Adobe After Effects (or other video editing software)
Apple iPad (preferably an iPad that is compatible with an Apple Pencil)
RoughAnimator app (available on the AppStore for iPad)
1. Creating a base video (for you to draw on later)
Edit your original (or Dissolve) footage into a base video in After Effects (this can be done in Premiere or any other video editing software as well). At this stage you’re really preparing the base for your animation layer to sit on, so now is the time to focus on the clips you envision transitioning between, pacing, etc.
2. Getting the video onto your iPad
Transfer the base video onto your iPad using AirDrop.
3. Create a new project in RoughAnimator
Create a new project in RoughAnimator (the current max resolution is 1080p), and import the base video. After it loads all the frames into the timeline, create a new layer for your doodles.
4. Frame by frame doodling!
Now it’s all up to you and your creativity (and a lot of patience)!
Find the frame you want to draw on (making sure you have the animation layer selected), and start drawing! When you want to draw on the next frame, simply click the “next frame” button, and repeat.
Create the next frame by copying the current one by tapping on ‘Add drawing’ and selecting ‘Duplicate after’.
Pro tip: If you need to repeat any number of frames over and over, just select ‘Make cycle’ at the top and then stretch out the cycle to any number of frames by changing the ‘Drawing duration’.
5. Exporting the animation layer
After you finish the animation process, you can easily export a .MOV file from RoughAnimator and get a finished composite video (but unfortunately that video won’t have any sound).
We exported the animation layers out as individual .PNG images, so we could import them into After Effects and control how they sat on top of our base video.
To do this, you need to turn the opacity of the original footage layer down to 0, and make sure “Include alpha channel” is turned on in the export window.
Transfer the file to your computer using AirDrop, and import it into After Effects as a PNG sequence (with the matching frame rate as your base video). By doing it this way, you preserve the original quality of the footage in your base video, and it also gives you extra control over the animation layer for added effects or color corrections etc.
6. Render out your final video
Render out your final video as you normally would from After Effects!
People No Longer Need Sound To Consume Video Content
How many times do you look around and everyone is on their phones? The 21st century is full of people consuming content, whether it’s on the subway, at work, or in schools. In this post we explore the topic of sound in media, which people have been choosing to live without. Ditching The Sound […] Read more
Filmmaking: 6 Things You Need to Know Before Filming a Music Video
The sky is the limit when directing and filming a music video. As it happens, there are no direct and strict rules when creating one. However, there is a template. And this template has been found to be very useful in recent times. While the common template has become the most apparent outline that most […] Read more
6 Creative Ways Marketers Can Use Stock Videos
Video is now a critical component that forward-thinking brands use. According to Content Marketing Institute’s annual Benchmarks, Budgets and Trends report, brands have produced more video content than text and image content. This also helped marketers deliver 34% higher conversion rates. But there’s more than just the competition fueling the demand for more video. People […] Read more