Uploaded September 2026 | Updated September 2026, 4 days ago
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!
Shoutout to @collectorsforecast1132 for requesting this video! Sorry for the wait!
*⬇️ Download the project here*
(Pay What You Want, including free):
- Ko-Fi: ko-fi.com/s/9bded96ff8
*🎁 Bonus: Free step-by-step PDF:*
- Ko-Fi: ko-fi.com/s/db99f93472
@adobevideo
#AfterEffects #AeTutorial #MotionGraphics #AfterEffectsExpressions #VideoEditing
--------------------------------------------------------------------------------------
*🔖Chapters*
0:00 What we're makin'
0:51 Setting up the comp
2:26 Using Time Remapping and expressions
--------------------------------------------------------------------------------------
Get ShiveringCactus VFX as phone cases, T-shirts, mugs: redbubble.com/people/ShiveringCactus/shop
Or buy me a coffee: ko-fi.com/shiveringcactus
I'm an Adobe Community Expert - which means you can find me on the Adobe forums if you need any help. community.adobe.com/t5/after-effects/ct-p/ct-after-effects?page=1&sort=latest_replies&lang=all&tabid=all
#AdobeCommunityExperts
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!
Shoutout to @collectorsforecast1132 for requesting this video! Sorry for the wait!
*⬇️ Download the project here*
(Pay What You Want, including free):
- Ko-Fi: ko-fi.com/s/9bded96ff8
*🎁 Bonus: Free step-by-step PDF:*
- Ko-Fi: ko-fi.com/s/db99f93472
@adobevideo
#AfterEffects #AeTutorial #MotionGraphics #AfterEffectsExpressions #VideoEditing
--------------------------------------------------------------------------------------
*🔖Chapters*
0:00 What we're makin'
0:51 Setting up the comp
2:26 Using Time Remapping and expressions
--------------------------------------------------------------------------------------
Get ShiveringCactus VFX as phone cases, T-shirts, mugs: redbubble.com/people/ShiveringCactus/shop
Or buy me a coffee: ko-fi.com/shiveringcactus
I'm an Adobe Community Expert - which means you can find me on the Adobe forums if you need any help. community.adobe.com/t5/after-effects/ct-p/ct-after-effects?page=1&sort=latest_replies&lang=all&tabid=all
#AdobeCommunityExperts

![Recreating the Genesis Effect from Star Trek II: the Wrath of Khan
An Adobe After Effects tutorial
KHAAAAAAAAAN!
In this video, I look at how to recreate the iconic Genesis Effect as simulated by some of the very first CGI in movies. Star Trek II : The Wrath of Khan (1982) used a Cray supercomputer to render the minute long sequence. The shot was reused in both Star Trek III : The Search for Spock and Star Trek IV : The Voyage Home, so you know it must have been good. In the sequence, a torpedo is fired into dead moon, which is quickly covered in fiery particles. Then the surface glow fades to see greenery and water appear on the surface before pulling back to reveal an M-class world with clouds.
It’s an awesome sequence and the hardest part turned out to be the camera move, which I had to give up on, still I think I capture the feeling of it. The tutorial only uses the included effects and one plug-in, the free Orb effect from @VideoCopilot. It’s a long tutorial and I have focussed more on the techniques involved rather than trying to match everything exactly.
#aftereffects #tutorial #statrek
Project download: https://www.dropbox.com/s/zat5aghc24wrlxx/Genesis.zip?dl=1
Links mentioned:
Video Copilot Orb: https://www.videocopilot.net/orb/
Mercury: https://solarsystem.nasa.gov/resources/531/enhanced-color-mercury-map/
Normal Map online: http://cpetry.github.io/NormalMap-Online/
Expressions:
Position X:
x=thisComp.layer(Planet NULL).transform.position[0]-thisComp.width/2;
x/thisComp.width;
Position Y:
y=thisComp.layer(Planet NULL).transform.position[1]-thisComp.height/2;
y/thisComp.width;
Position Z:
z=thisComp.layer(Planet NULL).transform.position[2];
z/thisComp.width;
Chapters
0:00 What were making
1:01 Explainer
2:05 Creating a planet
3:54 Pointing the sun
4:34 Trying to be clever
6:54 Easy fire
10:29 Genesis Particle Wave
16:55 Life from lifelessness
20:01 Andrew Kramers atmosphere recipe
Get ShiveringCactus VFX as phone cases, T-shirts, mugs:
https://shiveringcactus.redbubble.com/
Or buy me a coffee: https://ko-fi.com/shiveringcactus
Im an Adobe Community Expert - which means you can find me on the Adobe forums if you need any help. https://community.adobe.com/t5/after-effects/ct-p/ct-after-effects?page=1&sort=latest_replies&lang=all&tabid=all
#AdobeCommunityExperts Recreating the Genesis Effect from Star Trek II: the Wrath of Khan](https://i.ytimg.com/vi/aDPpRVIPknM/mqdefault.jpg)








