Learning to Animate By Stealing Other People’s Work

I love being a part of the Dribbble community. There are so many amazing designers creating new concepts, products and aesthetics. Every day I get to see something fresh, something new, something interesting, but what I really like is when designers rebound other people’s work. A rebound is “a shot in response to another shot” they’re an awesome feature that have been around for about 10 years.

There are 3 main reasons I really like rebounds.

Rebound to Learn

The first, best reason to rebound is to learn. In this, I fully agree with Michael Abehsera’s great article: The Art of Stealing: How to Become a Master Designer. In it he breaks down how to think differently about being inspired by other people’s work:

He introduces a parallel between Github and Dribbble, and talks about how being inspired to recreate another designer’s work is like forking code.

He takes a broad look at rebounds in the Dribbble community, and uses 10 really interesting shots to support his position. In the end, he concludes:

Can you, as a designer, look at a static image and decompose it into the techniques, styles, and layers that you need to recreate it? For me, I really like to do this same practice but for animations.

Rebound to Homage

It often takes a lot to create a rebound because you’re analyzing a static image, looking at its various elements, picking apart the techniques and layering, then rebuilding it from your own perspective and experience. That’s a lot of dedication, so when you do this and repost your work, it’s like an homage to the original designer — a tip of the hat — a recognition of great originality — a desire to honour that creativity.

Here are few of my rebounds.

Gridlock

Here’s Gridlock, an animation with a cool visual effect, it looks like each of the squares makes its way around the design by sliding — right, down, left, up. It was based on one of the animations in Unusual Animated Loaders by Margarita IvanchikovaL, F, S. Her portfolio shows a really great breadth of style, and I really like a lot of her posts. So, I was compelled to recreate this piece. The neat thing about it is that there’s only 4 actual slides then everything repeats — so it’s a bit of a visual trick.

My rebound Gridlock (left). Original by Margarita Ivanchikova (right).

Stretch Around

Recreating Stretch Around required figuring out how to create the looping effect, as well as deciphering the layering that gives the aesthetic of a line stretching with a thick border. It was inspired by Loader XLVII, a micro animation experiment by Oleg FrolovW, T, I, G, B, L. Oleg’s work is a bastion of design ideas and creative experimentation, all grounded in cutting-edge aesthetics.

My rebound Stretch Around (left). Original by Oleg Frolov (right).

Can you see that each of the dots is actually 2 lines, and that there are 8 total shapes animating?

Reflect

This one, which I call Reflect, was more of an inspired idea than a direct rebound. Inspired by on one of the animations in Daily UI #76 by Namika HamasakiW, T, G, M, L. Namika’s style is elegant, to say the least. In her original piece, I saw the two circles overlapping and realized I wanted to create a similar effect using a masked layer to reveal the green, and I also wanted to create a bit of a pop mid-way through the animation.

My rebound Reflect (left). Original by Namika Hamasaki (right).

From time to time I’ll dive into an new category of animations, round up some awesome inspirations and see if I can unpack, rebuild, and recreate them. I like this process a lot because I learn, and I get really inspired by the amazing work that’s out there.

Rebound to Challenge

Challenges are a awesome way to engage with the community. Back in May, Loris F. AlessandriaW, I, B, V — shared an interesting design and threw down the Martini 🍸Animation Challenge! for people to animate it. In doing so he gave away his design file, and in return there were a bunch of people from all over the world who brought it to life.

The original illustration looks like this:

Loris F. Alessandria’s Martini 🍸Animation Challenge!

In the next week and a half, 5 designers from 5 different countries around the world rebounded original animations using Loris’ illustration.

Jeremy Cartwright (left). Niu (right)

This kind of thing is just awesome to see.

Steal, Own, Credit, Give Back

The rebound is probably one of Dribbble’s best features, and was really forward-thinking when it came out. I fully believe in using rebounds for learning, paying homage, and challenging other people to create beautiful work. I highly recommend you take up the practice, through which you will discover new aesthetics, learn new techniques, promote great work, and hopefully push others to do the same.

Own your creative expression, even if it’s riffing off of someone else’s original work.

Remember though, it’s all about crediting people for their originality, creativity, process and talent.

Don’t just steal. That’s a d*** move.

Originally published at https://createwithflow.com on November 3, 2020.

A new class of UI Animation software. Import from Sketch. Animate in Flow. Export production-ready code.

Get the Medium app

A button that says 'Download on the App Store', and if clicked it will lead you to the iOS App store
A button that says 'Get it on, Google Play', and if clicked it will lead you to the Google Play store