The network for creativity
Join 1.25M professional creatives like you
Connect with clients, get discovered, and run your business 100% commission-free
Creatives on Contra have earned over $150M and we are just getting started
The network for creativity
Join 1.25M professional creatives like you
Connect with clients, get discovered, and run your business 100% commission-free
Creatives on Contra have earned over $150M and we are just getting started
Related posts
With the pluging you can do animations like these with just chatgpt and a prompt (and an svgator account)
It seems I'm finally getting some recognition, we got included in the Xerj corpus, our chatgpt svgator plugin specifically. You can check it out here and give...
Online Course Video
I worked on this online course video from the raw green screen footage through to the final edited lesson. I first removed the original background from the presenter and cleaned up the edges around the subject so the replacement background looked natural and professional rather than like a simple background removal.
After the visual cleanup, I worked on the presenter’s voice to improve the overall sound quality and make the lesson easier to listen to. I then edited the footage around the course content, adding three custom animated sections to give the lesson more visual variety and help keep the viewer engaged.
For the animation work, I used Adobe After Effects and Blender to create the more advanced visual elements. I then brought those elements into Adobe Premiere Pro, where I handled the main video editing, timing, audio, transitions, and final assembly.
The process involved combining green screen editing, audio enhancement, motion graphics, 3D animation, and video editing into one finished course video that feels more polished and engaging than the original raw footage.
The voice cleanup deserves as much attention as the green screen in a lesson; learners need to follow the explanation before the animation can help. I’d tie each animated section to one concept and leave a short pause afterward for it to land, especially when someone is watching on a phone.
The Goal:
Show how Poe works in 20 seconds: too many AIs and too many tabs, and one place where you chat with any model, compare answers and explore bots.
My Role:
Concept, storyboard, script, UI design, motion design, voiceover and sound design.
The Process:
Script and storyboard: a problem-to-solution intro, then one scene for each core feature (chat, compare, explore), ending on the brand.
UI build: I rebuilt Poe's key screens as fully layered designs, with each card, text line and icon as its own layer, so everything could be animated.
Motion: a 3D card stack with camera moves, motion blur and neon glow, plus kinetic typography with animated bracket frames.
Sound: voiceover timed to every scene, with sound design.
Final compositing and export at 1920x1080 in After Effects.
The Result:
A 20-second promo with voiceover that explains the product's whole idea in four beats: the problem, the solution, how it works and the call to action.
Tools:
After Effects & Premiere Pro.
This is a concept project and is not affiliated with Poe.
#UIAnimation #MotionGraphics #MotionDesign #UserInterface #MicroInteractions #AppAnimation #InterfaceAnimation #KineticTypography #UIUXDesign #SaaSAnimation #DigitalInterface #2DMotion
Great work on the animation!