What if your motion graphics could react to what's happening around them? I recreated this proxim...

What if your motion graphics could react to what's happening around them? I recreated this proxim...What if your motion graphics could react to what's happening around them? I recreated this proxim...

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

Back to feedPost

Sneha Agarwal

• 10h

What if your motion graphics could react to what's happening around them?

I recreated this proximity-based animation in After Effects, where a moving controller influences the characters around it.

The fun part was taking the basic idea further making the characters move, changing their facial expressions, making the eyes follow the controller, and even adding proximity-based lighting.

It’s a good example of how expressions can turn a simple animation into something much more interactive.

I’ve also recorded the complete tutorial and broken down how I built the effect step by step.

🎬 Full tutorial: https://youtu.be/Y7bM_JVxwXI?si=5iQ4vIM0A3eNRMUI

Inspired by the original tutorial by Olly (@oliviero_s) “Automatic Proximity Reactions in After Effects.”

#AfterEffects #MotionGraphics #MotionDesign #Animation #AfterEffectsTutorial #CreativeCoding

Adobe After Effects Motion Design Video Editing Animation

Sevki Sahinbas

pro

• 2h

Sneha, this is such a fun use of proximity controls. Love that you pushed it beyond just movement and gave the characters different reactions too. Makes the whole setup feel much more alive.

Moustafa Shaheen

• Aug 16

Animation exercises for the day

Blender animation 3d Animation

Sekinat Akinrinde

• Aug 18

Love the animation

Alex Prokhorov

max

• Aug 16

I wanted my next framer template's portfolio showcase to have a standout interaction, not another flat slider. That idea is now the hero: a carousel where every image bends on a cylinder as it moves. Perspective, velocity skew, a touch of chromatic distortion on the edges. It's raw WebGL with the cylinder math written from scratch, no libraries. I didn't write any of it. I described the motion to Framer's agent, one prompt with my art direction, and it built the code component, wired it into the canvas, and exposed the motion as sliders: tilt, curve, skew strength, distortion, chroma, parallax. My part was tuning those sliders until the motion felt right for the template, which took longer than the build itself. The gap between an effect I can imagine and a component I can ship used to be "someday". Now it's an afternoon. What's an effect you've wanted on your site but never built?