I came across this series with highly effective animated shorts about color. Every transition is a joy to see and the content magnificent.
And read about the subject over at CNN
Take a look at learn a lot!
Viewing entries tagged
I've been working with Neue on several projects this year and now a new part of my work has been released. It's logo web-animation to the site Den Norske Filmskolen (DNF).
This project I needed extra reinforcement because it needed java scripting, and my buddy Ola Marvin Leier were up to the task. I made the animation of the DNF logo and he did the scripting trickery to make the logo move and behave as we wanted it. When you scroll it activates the animated sequence, and to add some randomness if you reload or explore the site the animation have different states. And maybe the best part the size are tiny, for the animation around 18 KB.
This is a relative new way of creating flexible and tiny sized animations for the web using After Effects, bodymovin and java scripting.
See the logo animation in action here, and remember to explore the site:
Sometimes you get to try a technique that changes the way you ser new possibilities.
This time it's Lottie. A converter tool created by Airbnb. Yes, that Airbnb.
You can create your animations in After Effects, and by keeping it to simple shapes, masks and keyframes for the animation (no effects supported).
It uses the Json creator tool called Bodymovin that are pluged into After Effects, and Lottie is on the other end handling the app part.
I used it on the Vibble app opening animation. A simple logo reveal for the easy DJing app.
The system have some huge limitations that I've came across . Like inverted mask. That's a no go.
In the logo reveal case I needed subtracting forms, but that didn't work, and I ended making tinytiny bridges that connects the different part, and create one single form. This isn't noticeable for the viewer, but adds an extra step to the process. If possible use layered shapes that are overlapping with it's own fill.
So it's early days, but it's new possibilities on the horizon. And the file sizes are tiiiiny. Like 9 kb for this animation.
You can get the Vibble app in the iOS app store.