I think this technique is really powerful, and can add a lot of character and personality. I’m using the term to talk about when artwork that animates to one thing, and then animates again to its final state. In traditional animation, “in-betweens” are the drawings between key poses that get filled in to create the illusion of smooth motion. The lock also has two states, but instead of shifting to keep things center, the hook hangs off to the side when it’s unlocked. As you can see, the alarm itself has to shift left and right to keep things centered. This Alarm, for example, has an on and off. But there are times when certain icons need to have a “before and after,” or an “on and off.” It is helpful to think of certain icons as sets that compliment each other, which may allow you to align things in a certain way since you know they are going to and from each other. Some artwork animates on from nothing, and then animates back off into nothing. Whenever there are multiple pieces you can add overlap and follow-through that really give extra dimension, weight, and personality. Even when I approached artwork that didn’t have parts intrinsically built in, such as the house on the right, I ended up breaking them up myself to create separation.
Not only does it make things easier from a technical standpoint, artwork that is designed with a handful of separate parts is undoubtedly the most fun to animate.įor example, the projector screen on the left has three, distinct parts and allowed for some fun pauses and separation of elements. For an animator, though, it’s best to have as many elements broken out into layers as possible. Fills, strokes, outlines, merged shapes - there’s no one way to do assemble the pieces. There are a million different ways to make artwork. But while animating the amazing artwork made by John Caserta, we learned a few lessons that could help designers make pieces specifically for animation, or, shall we say, “animation friendly.” The way in which any artwork is built depends on the personal preference of the artist. That’s why, throughout this article, you will see me using the word “artwork” instead of icon. And so we at Airbnb Design were thrilled at the opportunity to collaborate with The Noun Project and John Caserta to create this fun set of icons animated specifically for Lottie, our open-source animation tool.ĭesigning icons is an art. The headline on The Noun Project’s website reads, “Icons for everything.” But as an animator and motion designer, I read the headline: “ Animated icons for everything,” because whatever I download, I know I’m going to eventually make it move.
THE NOUN PROJECT GIFS DOWNLOAD
Download the animations and source files here. Modern Pictograms is a set of icons animated specifically for Lottie, made to inspire designers around the world to create artwork for animation on native platforms. The Noun Project and Airbnb Design have collaborated to bring “ Modern Pictograms” by John Caserta to life.
0 kommentar(er)
