How To Create Vox-Style Explainers Videos
Vox videos are captivating explainers known for their clean, engaging style. They combine simple animation, bold graphics, and clear narration to make complex topics digestible. If you’re looking to create explainer videos with a similar vibe, this post is your roadmap! We’ll delve into the key elements and assets you can build in After Effects and Photoshop to achieve the signature Vox look.
Building the Foundation: Design in Photoshop
Color Palette:
Vox videos typically use a limited color palette, often featuring a bright base and a contrasting accent. This creates a focused and visually appealing look. Explore tools like Adobe Color to find complementary color schemes.
Flat Icons & Illustrations:
Vox relies heavily on flat vector icons and illustrations to represent concepts. You can create these in Photoshop using the pen tool and shape tools. Consider using a grid system to ensure consistency in size and spacing.
Text & Fonts:
Vox employs clear and concise text. Choose fonts that are readable at various sizes, like Open Sans or Helvetica Neue. Experiment with bolding headlines and using contrasting colors for emphasis.
-
Textures & Patterns:
Subtle textures and patterns can add depth and visual interest to your backgrounds. Explore options like halftone patterns, paper textures, or geometric shapes.
Bringing it to Life: Animation in After Effects
Basic Animations:
Vox animations are known for their simplicity. Keyframe movements like scaling, rotating, or translating objects to create a sense of dynamism. You can also use opacity changes for subtle reveals and disappearances.
Character Rigs:
Vox occasionally uses simple character rigs for added personality. These can be built using After Effects’ puppet tool, allowing for basic movements like head turns and arm raises.
Text Animations:
Text animations are a great way to grab attention. Use keyframes to animate text entry, color changes, or subtle scaling for emphasis. Explore After Effects’ built-in presets or create custom animations.
Transitions:
Smooth transitions between scenes are crucial for maintaining flow. Use simple cuts, dissolves, or wipes to connect your elements seamlessly.
Adding Polish: Effects & Enhancements
Drop Shadows & Outlines:
Add subtle drop shadows and outlines to your graphics to give them depth and separation from the background. This can be achieved using After Effects’ built-in effects.
Noise & Grain:
A touch of noise or grain can add a hand-drawn aesthetic, making your animations feel more organic. Experiment with different levels of noise to achieve the desired effect.
Sound Design & Music:
Well-chosen sound effects and music are essential for elevating your video. Vox often uses playful sound effects and upbeat music to enhance the viewing experience. Utilize royalty-free sound libraries or create your own simple sound effects.
Beyond the Basics: Tips & Tricks
Storyboarding:
Before diving into After Effects, sketch out your video using a storyboard. This helps visualize the flow of your explainer and ensures a cohesive narrative.
Pre-Comps:
Break down your animations into smaller, reusable pre-compositions. This makes your project more manageable and allows for easier customization later.