Viewing entries tagged
web-animasjon

Added two new 2018 projects

Comment

Added two new 2018 projects

 

Happy New Year!

2018 were a really interesting year in business. I had a lot of different kinds of projects and I want to update the site though out January (hopefully if I have time, but who knows).

I made my first book for large scale printing. It’s a handbook about art. Take a look at the page.

 
meat+timles+kitsch.jpg

I made more web-animation. This time a singing symbol for the app Voisey.

Cover_00121.jpg

Comment

Motion Design, the future of web

Comment

Motion Design, the future of web

See this great interview with Rich Fulcher a thought full speaker with lots of great tips to any designer.

I'm not really a huge fan of Material Design or Google design decisions in general. It's never flawless and to many visible mistakes. Hard to pinpoint a good example, but there's a lot (why isn't there a google image search for iPad?). I know they user test a lot, but hmm, still there's some strange over locked stuff.

Anyway, I like his conclusion, that I also can stand by, is that animation, or motion design is the future on web forward. Still lifeless slides is about to end.

I'm working on new ways of using animation and there will be some work presented in the future. But for now I have two great examples: https://www.filmskolen.no (scroll down and up and look at the logo) and Vibble app intro: https://www.vibble.co (Just download the app and see :)

Comment

Lottie - The new way of doing web and app animation

Comment

Lottie - The new way of doing web and app animation

 

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.

 

Comment