Back to Browse

Image Shader Manipulation in Cavalry

1.7K views
Mar 22, 2026
18:12

In this tutorial, I’m going to show you how to create a procedural "image push" effect in Cavalry. This technique, inspired by the work of Mario De Meyer, allows you to push images and shapes around your composition based on a mask or target. I’ll walk you through the entire process of setting up the rig, from using image shaders and asset arrays to creating a responsive mask that interacts with your duplicators in real-time. The best part about this workflow is how procedural it is—once we’ve built the core logic using index contexts and sub-meshes, you can easily swap out images or adjust the math to get completely different looks. 🛸 *Extra details on my blog:* https://www.kamilk.co.uk/2026/03/image-shader-manipulation-in-cavalry/ 🚀 *Project Files Available Here:* https://kmotiontutorials.gumroad.com/l/mjfvp 💻 *Tools I use:* *Set Pivot* https://app.lava.top/products/ed23208a-8318-48c9-9be6-69157c9c812f *Attribute Tools* https://app.lava.top/products/dfe09a60-fa4f-4587-a228-a240c9460e83 *Quiver* https://github.com/phillip-motion/quiver *Curves* https://scenery.io/scripts/curves-42xvUYqCpvY/ *Kaleidoscopter, Mosaik and Kolorama Filters* https://kmotiontutorials.gumroad.com/l/rosor 🌐 *Social Links* Mario De Meyer Instagram: https://www.instagram.com/mariodemeyer_motion/?hl=en https://www.instagram.com/kamilk_mograph/?hl=en 📷 *Unsplash Images Used:* https://unsplash.com/photos/man-in-black-t-shirt-and-hat-playing-guitar-7WfcHibcR3Y https://unsplash.com/photos/woman-in-white-shirt-and-blue-denim-jeans-sitting-on-chair-IeTLKtzbLNo https://unsplash.com/photos/a-musician-in-a-white-shirt-on-stage-with-white-and-red-lights-breaking-through-the-smoke-behind-his-back-SLUeuL-mrRg https://unsplash.com/photos/woman-in-black-tank-top-singing-x3bS-vszl5Y https://unsplash.com/photos/man-playing-guitar-lFdMky1WMSk 🎬 *Chapters:* 00:00 - Examples 00:48 - Tutorial Stars Here 02:12 - Image Shader Explained 02:53 - Creating a Mask 03:38 - Setting up Duplicators 04:52 - Mask Rig 06:32 - Image Mosaic Rig 08:09 - Image Shader Offset 11:01 - Get Sub-Mesh and Index Context Explained 12:21 - Get Vector Position 15:11 - Small Adjustement to Mask Gaps 15:59 - Animating Target with Noise 17:15 - Final Tweaks and Examples 📖 *Tags:* Cavalry app, Cavalry tutorial, image push effect, procedural animation, motion design, Cavalry duplicator, image shader, asset array, index context, sub-mesh, motion graphics tutorial, Cavalry rig, procedural mosaic, noise animation, creative coding, Cavalry workflow

Download

0 formats

No download links available.

Image Shader Manipulation in Cavalry | NatokHD