Understanding Wave Wraps — After Effects (Part 1)
Courtesy of @trupsfolio
Wave Wrap gives very dynamic movement to the images, vectors, and masks. There are multiple wave wraps, a total of 9 beautiful effects you can try today.
You can simply apply them, they do not need any keyframes, it can be just a movement to your images suggesting a beautiful movement rather than static images.
What is a wave wrap?
The Wave Warp effect produces the appearance of a wave traveling across an image. You can produce various wave shapes, including square, circular, and sine waves. The Wave Warp effect is automatically animated at a constant speed across the time range (without keyframes or expressions).
Remember to vary speeds, we have to set keyframes or expressions.
These are the following waves:
Understanding Sine Wave
The shape of the wave. There are 9 types of the waves.
We are starting with Since wave. This wave is almost like water waves.
Understanding Square Wave
It looks like the image is cut off into square parts and it looks like a glitch created in the image loading.
Understanding Triangle Wave
It looks like a tug of war between the three sides of the image, i.e push and pulls, creating a wiggle effect.
Understanding Sawtooth Wave
Looks like multiple linear wipes, applied together to create and disappearance and appearance of a portion.
Understanding Circle Wave
Similar to the sine wave, but circle wave has a larger movement for the same settings.
Part 2(coming soon)
- UnCircle Wave
- Semi Circle Wave
- Noise Wave
- Smooth Noise Wave
I have used one image, and kept the best settings, to showcase the difference in the waves
Bonus — 8 useful tools for everyday usage:
Emailoctopus — an email marketing service for users of the cloud-based email-sending service Amazon SES. Its features include app integrations, blog automation, responsive templates, real-time analytics, and more.
Manychat — visual bot builder for Facebook Messenger with broadcasts, analytics, scheduled posting and many other features!
Crello — a free graphic design editor that helps create images for social media, print, and other web-based graphics.
Funnelytics — the best funnel mapping software available to marketers and entrepreneurs today.
Kinsta — Premium WordPress Hosting for Everyone. Kinsta’s managed WordPress hosting service helps you take care of all your website needs.
Integromat — is a powerful automation tool that connects your apps and services to work smarter, not harder.
Webflow — all-in-one web design tool that allows users to design, build, and launch responsive websites visually.
FlowKit — allows designers to create frighteningly fast user flows within Sketch and Figma.