Coconote
AI notes
AI voice & video notes
Export note
Try for free
How to Make a Vox Style Video
Jul 11, 2024
How to Make a Vox Style Video
Introduction
Focus: Recreating Motion Graphics and Techniques in Vox-style videos
Elements Covered: Map animation, text, and circles
Project Setup
Canvas: 1920 x 1080, 24fps
Match settings to your source video
Creating a Map Animation
Pre-composing the Map
Import map asset and pre-compose it
Keep full resolution for added details
Outline Animation
Use Pen Tool with white stroke of 3 pixels to draw an outline
Animate using Trim Paths:
Keyframe 'end' at 1.5 seconds
Move 'end' from 0 to 100%
Add easing for smoother animation
Consider using presets for easing
Adding Text
Choose stylistically appropriate font (e.g., Times New Roman)
Color matching for cohesion
Animate text position and add easing
Create a mask for simple text appearance
Adding Circle Highlight
Draw a red circle highlight
Animate scale and opacity
Set layer mode to Multiply
Add turbulence and transform effects for added texture
Enhancing Map Animation
Add Deep Glow effect to outline
Adjust opacity blending mode
Keyframe scale and position within the main composition
Adding Adjustment Layers for Extra Effects
Fast Box Blur
Add and keyframe for camera focus simulation
Posterize Time
Set frame rate to 12
Camera Shake
Add transform effects with slight wiggle
Set scale to 101% to avoid cutting corners
Creating Parallax Effect for Photos
Use Photoshop to separate people from the background
Re-import layers to After Effects
Animate position of people and background layers
Add false blur to create depth
Enhancing Visuals with Text and Outlines
Outline significant features (e.g., water towers)
Add and animate text and bounding boxes
Use trim paths for outlines
Copy and paste effects from previous elements
Adding Articles and Highlights
Import and pre-comp article assets
Highlight important text
Apply turbulence effect to highlights
Create trim paths for animation
Background and Grid Effects
Add off-black solid background
Add and animate a grid pattern
Apply turbulence effects to grid for subtle animation
Creating Transitions Between Scenes
Use null objects for easier position animation
Create match cuts to transition between scenes smoothly
Conclusion
Key Elements: Simplicity, Purpose, Contextualization
Ready to create your own projects
Final Notes
Ensure consistent theme and color scheme
Adjust and fine-tune keyframes for smooth animations
Each element should serve the story being told
📄
Full transcript