Moiré patterns / Study
Moiré is an optical effect that appears when two similar patterns overlap and create a new interference pattern.
It often shows up as ripples or distortions and is common in photography and digital imaging when capturing fine details
such as fabrics, grids, or screens.
It often shows up as ripples or distortions and is common in photography and digital imaging when capturing fine details
such as fabrics, grids, or screens.
In this project, I explore how moiré can be used intentionally in animation and what kind of motion appears when two line patterns interact.
One layer remains static, visible in the background, while the second layer moves horizontally at a constant speed.
As the patterns shift in and out of alignment, the image continuously changes.
As the patterns shift in and out of alignment, the image continuously changes.
Fun fact: you can change the Behance page zoom to interact with the pattern. Each zoom level changes how the moiré behaves.
How it works?
The moving layer, combined with an additional static layer that varies in each study, creates the illusion of more complex animation.
Pattern exploration
Sixteen directions you can explore with one static layer and a simple line pattern moving linearly.
Complex Directions
Instead of a simple linear horizontal movement, you can use more complex motion,
like a tilt, or a patterned animation for the moving layer.
like a tilt, or a patterned animation for the moving layer.
Examples
Especially interesting is combining an irregular pattern that moves horizontally with a static distorted line pattern.
By experimenting with different shapes through trial and error, you can land on some really compelling motion design.
By experimenting with different shapes through trial and error, you can land on some really compelling motion design.