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