• VFX History
  • Makin' FX
  • Solvin' FX
  • Makin' Space
  • Codin' FX
  • Makin' Planets
  • Makin' Wormholes
  • Makin' Social Media
  • Reviewin' FX
  • Unreal for After Effects
  • Blendin' After Effects
  • VFX Clinic
Contact
About
Search this site
Buy me a coffee
Merch on Fourthwall
Merch on Redbubble
ShiveringCactus
  • VFX History
  • Makin' FX
  • Solvin' FX
  • Makin' Space
  • Codin' FX
  • Makin' Planets
  • Makin' Wormholes
  • Makin' Social Media
  • Reviewin' FX
  • Unreal for After Effects
  • Blendin' After Effects
  • VFX Clinic
Contact
About
Search this site
Buy me a coffee
Merch on Fourthwall
Merch on Redbubble

Create a Dynamic Video Playbar via Expressions

An After Effects tutorial

Learn how to create an automated video playback bar in After Effects that perfectly matches your footage duration. And you won't need keyframes! 
In this tutorial, I'm building a smart, reusable playback bar that I'd use for a picture-in-picture media player. The whole thing works from a shape layer and trim paths, but it is automated using a couple of simple expressions, timeRemap and linear(). I walk you though all the code, so you'll learn what that does too!
Project Download (Zipped AEP)
Print Version (PDF)

You may also like

3D Text like Doctor Who Titles (2005) in After Effects
2022
Easy Teleport / Beam out in After Effects
2022
DNA Simulation in After Effects Made RIDICULOUSLY Easy!
2022
Realistic Fireworks - no plugins
2022
Animating characters (& dinosaurs) in Element 3D
2021
Recreating the Star Wars Hyperspace Tunnel with AE
2022
Flying through clouds with no plugins and AI images
2022
Animate AI Matte Paintings
2023
Recreate Predator / Thermal vision in After Effects
2022
Snow falling on text / objects in After Effects
2022
↑Back to Top



Powered by Adobe Portfolio

test

Hey, this is that annoying thing you have to click to get rid of, that asks if it’s ok to track you by putting a cookie on your computer. I am not personally tracking your progress through the site, but Adobe Portfolio might be.https://www.adobe.com/privacy.html Accept Decline