PATCH_FALL

Brief

The goal of this project for Audio Patchworks was to transform a static, stylized 2D logo into a visceral, tactile, 3D event. It wasn’t as simple as just animating vertex positions and scale in After Effects; this required building custom physics simulations to mimic the effect of falling paper and ensuring that everything landed perfectly in place. By treating each piece of the logo as a separate object with its own size and weight, the project quickly turned into a complex experiment in physics simulation, where every micro-adjustment drastically changed the final landing position of the patches. The challenge was making sure every movement felt intentional, while still enforcing the natural, chaotic nature of falling paper.

To achieve this, I made thousands of adjustments, experimenting with different physics effectors and altering the initial positions and rotations by nanoscopic amounts (0.00001) to get the papers to land as close as possible to their final positions. I then employed a state transition, where I swapped from simulating physics to manually controlling the position with keyframes. This required a keen understanding of timing, physics, and core animation principles to keep the patches from just snapping into place. The resulting animation successfully anchors chaotic simulation to a unified visual flow, creating a reveal where every tumble and rotation feels intentional rather than accidental, grounding the digital logo in a believable, physical reality.

Challenges

Mimicking Realistic Paper Falling Physics

The Challenge:

This was one of the core challenges of this project. The way that paper falls naturally where it “swoops” up and then falls down in a repetitive motion requires advanced air density, aerodynamics and weight calculations. True aerodynamics simulations felt excessive and chaotic for a short 3-4 second fall. Spending dozens of hours meticulously animating every vertex to make the movement look natural also wasn’t viable. I needed something procedural and physics based that wasn’t going to cause the heat-death of my CPU.

The Solution:

I utilized a Harmonic Field to anchor the objects to a specific point in space, combined with a fine-tuned cloth simulation on low-weight planes. By aligning the initial rotation with the field’s outer radius, I created a pendulum-like oscillation that mimicked the rise and fall of paper.

To break the objects out of this orbital lock and prepare for the reveal, I implemented a two-stage physics handoff:

Step 1: The Gravity Spike: To break the patches out of their orbital lock, I implemented an invisible plane with a high negative force field. At a precise frame, I toggled the Harmonic Field off and the negative force on, pulling the patches out of their orbit and slamming them into the ground.
Step 2: The State Transition: Rather than swapping on the frame of impact, I allowed the physics simulation to run until the patches fully stabilized and lost their kinetic energy. Once the movement had settled, I duplicated the geometry, applied the modifier to lock its shape, then used a visibility toggle to swap the simulated patches with their manually positioned counterparts. This ensured the final logo was perfectly aligned while retaining the believable weight of the material. By keyframing the transition from their rest positions into the logo’s final alignment, I was able to maintain the tactile weight of the fall while ensuring pixel-perfect accuracy.

The Stitching Path

The Challenge

Another challenge was figuring out how the stitching should come in. I was provided with a vector graphics file that already had the stitches on separate layers from the rest of the logo, which made things easier, but in order to have each stitch come in independently and sequentially, I would have to isolate each one.

The Solution

I aligned the stitching with the final position of the logo in AE and moved it into a precomposition. I counted every primary stitch on the logo (30) and duplicated the stitching graphic that many times. I created masks for every stitch and aligned the anchor point to the centers of each one using the pan-behind tool.

The “Human Macro”: I animated the scale from 0% to 100% on the first stitch over a few frames. To avoid a mechanical feel, I implemented a one-frame overlap, triggering the next stitch before the previous one finished. To streamline the workflow, I developed a rhythmic hotkey sequence to navigate the timeline, switch layers, and paste keyframes essentially creating a manual macro that eliminated the need for doing everything with the mouse.
The Secondary Anchor: For the two secondary stitches, I wanted a different energy. They needed to act as Anchor Stitches and solidify the weight the composition. Instead of scaling up, I scaled them down from outside the frame so it looked like they were flying in.
Anticipation & Impact: Scaling them down by itself didn’t have the right impact that I was imagining. To fix this, I added a subtle anticipation scale on the entire logo, expanding it slightly to “catch” the incoming stitches as they flew in before letting the entire structure settle back into place. This gave the moment a tangible sense of impact and helped anchor the final reveal.

Procedural Border Generation

The Challenge

To give the patches physical thickness and a high-quality finished edge, I needed a black border around the perimeter. However, I couldn’t simply extrude the mesh; adding geometry directly to the planes would have recalculated the physics of the cloth simulation, destroying the “swoop and fall” I had already perfected. I needed a way to generate a border that followed the simulation without becoming part of the physics calculation.

The Solution

I implemented a Geometry Nodes modifier stack. This allowed me to procedurally generate a secondary mesh that “clings” to the edges of the plane in real-time. By treating the border as a procedural overlay, I achieved the look of heavy embroidery without adding weight to the physics solve.

The Node Logic:

Edge Selection via Topology: To ensure the border only appeared on the perimeter, I used an Edge Neighbors node set to Equal (1). This isolated only the edges touching a single face—the “naked” outer boundary—and ignored the internal wireframe.
Non-Destructive Profiling: By piping the selection into a Mesh to Curve node, I converted the perimeter into a vector path. I then used a Curve to Mesh node with a Curve Circle as the profile.
Physicality: This generated a closed 3D “tube” around the patch. Because this was a modifier, it followed every frame of the cloth simulation with zero lag, providing the visual thickness of a real embroidered patch while keeping the underlying simulation mesh lightweight.

Breakdown

Simulation Engine: Blender Cloth Physics utilizing Harmonic Fields and Negative Force Effectors for the “Gravity Spike” transition.
Procedural Toolset: Custom Geometry Nodes stack for non-destructive perimeter generation (Edge Neighboring & Curve-to-Mesh profiling).
Asset Density: 30+ unique vector layers individually masked and sequenced manually in After Effects.
Precision Offset: 0.00001 coordinate tuning on initial transforms to solve for deterministic physics landing positions.
Motion Pipeline: Multi-stage handoff from Procedural Simulation to Manual Keyframing and output to AE for pixel-perfect brand alignment.

Deliverables

_{16:9 Master | HD (H.264) | 4K w alpha (ProRes 4444 and Cineform) 9:16 Social Cut | HD (H.264) | 4K w alpha (ProRes 4444 and Cineform) 16:9 No Fall |4K w alpha (ProRes 4444 and Cineform)}

BACK TO HOME