Looping Animation


The first step to looping animation was a toy, called thomatrope which was a paper circle displayed a bird on the one side and a cage on the other. You should thread a string through the paper and when you spin it fast voilà - the bird got in the cage.

 Thomatrope - how you can put the bird into the cage? 

Thomatrope - how you can put the bird into the cage? 

Then came the zoetrope, which produced the illusion of motion by displaying a series of drawings showing phases of motion. So you had to spin this thing and look trough the tiny windows to see the magic. That was the first time when the human eye have seen moving drawings. To perform this motion, the same picture needs to be on the first and last frame of the device so that is why  we can consider them the very first looping animations.

 Zoetrope

Zoetrope

Once upon a time, the big animators drew the keyframes and when the deadline was approaching, they hired trainee designers to fill in the gaps. Their work was usually criticised by animators because the animations were not as they have imagined, as they were composing these motions with rhythm and speed in their minds.

Nowadays, After Effects helps us with drawing these keyframes, however, this is an enormous job which needs a lot of patience. We also need to synchronize these frames with the music and create a harmony between the adjustments. I love this part of animation, but let’s be honest, it really needs a lot of concentration and fortitude.

But back to looping animation! In After Effects, the first and last keyframe must match and what happens in between, that’s totally up to our imagination!
You have a lot of choices to choose from, for example, you can use a Loop Expression which can be assigned to the selected layers or if you want to make the Loop Expression even more appropriate, use The LoopMaker, which is a free script developed by Lloyd Alvarez. With just a few clicks, this script allows you to apply custom loops to multiple layers at the same time! Cool, isn’t it?
You can still use the classic copy & paste technique of course, but knowing that this script exists, why would you?😊

It’s brilliant that we can easily solve almost anything with these tools – if we want one specific motion to loop continuously (for example a plane’s propeller) but also another thing to happen in the background, it can be done in no time!


In my opinion, the animator’s humour or significant demonstration is what makes a looping animation engaging. What about you?

Colours and Inspiration

blog1.2.jpg

If I think about which design style was my greatest inspiration so far, I would say BAUHAUS, without any hesitation. When speaking of BAUHAUS, consider me a true fan of Johannes Itten’s work – I’m implementing his methods and work philosophy day by day.

After the colour wheel – big thanks for this brilliant and innovative invention of Isaac Newton – Itten’s work was a significant ascertainment in the world of colours. He stated that the tone of a colour can be warm or cold and explained how these contrasts interact with each other. As we now know, these colours have a massive effect on the psyche and they resonate with different, abstract concepts. This study has a huge impact on today’s digital world as well. Understanding these concepts brings harmony and balance in one’s life. I really encourage everyone to read Itten’s book and learn the principles. 😊
There are a lot of different tools to gather inspiration and generate ideas from the warm and cold colours and I’ll share three great tools with you below!

1. Colourhunt.co

blog2.jpg

This tool is brought to life by Gal Shir, an amazing designer, who was inspired by an everyday dilemma of all designers – the hunt for the perfect colour palette, which will corroborate with our project.

With his own words:

„I set some rules such as limiting the amount of colours in each palette to four and displaying the colours in each palette with a specific hierarchy I came up with. A ratio that gives each colour a different importance by displaying it in a different size.

After getting this simple web page ready, I decided to transform this personal collection into a public resource for the world. Then came the two following ideas: A) the like button that lets users save their favourite palettes, and B) the sorting menu that lets users change the order of the listed palettes based on their popularity, their age, or just random.”
Sheer brilliance!

2. Grabient.com

blog3.jpg

Gradient is a hit in 2018 too – I could spend hours playing around with colours and having fun on this website!

I believe that this movement is not just a fashionable trend that will disappear as it has a huge impact on artists around the world. It’s perfect for creating an atmosphere that’s not as abstract as we have created something around 4 years ago with flat-design-thinking.
Gradient will show you the tone that you see all around you – the colours of nature and the environment.
I’m also grateful that we use high-resolution devices every day because, without them, this tool wouldn’t be such a big hit!

3. On the go – Colour mate

blog4.jpg

This is a fantastic app on my iPhone that’s always with me when I need it on the go!
I usually use this app while I’m sitting on the train and thinking about my new projects – finding a totally random colour always makes me happy! When I get the perfect one, I just save it or convert it into RGB, HEX, CMYK or HSB formats.

So, these are my top 3 inspo tools, what are yours? 😊

Mentorship 1.0: Being a designer sister of the (best) designer brothers

Let’s start with an obvious fact: we were always close to each other and grew up as good siblings. We love each other for who we are and I’m grateful that we have found infinite trust and support within our sibling triangle while letting our ideas fly as high as the sky. Finding a mentor for your career/life can be difficult, and I’m happy to say that luck is on my side with these two fellas!

Aaron Kato – the brave explorer

Aaron was the first who chose the designer path and led the way for us. He was always the bravest explorer who is never afraid of anything – he knows that everything is possible with hard & smart work.
His friendly and confident personality allows him to practice his truly amazing ability to start and finish every work as an expert. Despite he is an honest critic, he always figures out how to transform and upgrade a project to a higher level (and this is equally true even if we’re just talking about a simple breakfast).

Janos Kato – the always curious fitter

I have learned that the decisions Janos makes are relying on well-deliberated theories and even if I don’t understand them at that moment, later it all comes together in my mind. His superpower: he opens brand new perspectives for me because he dares to think differently and I can often see him in the ocean of his thoughts standing solid as a rock.
Janos is going down some roads I didn’t even know that existed and his tireless concentration and dynamism towards the projects are astonishing me every time – and he’s doing this as it was the easiest thing in the world!

Lilla Kato – the source of ideas

Yes, I’m the youngest and the one who always has a new idea. I’m certain that I would not be living this creative, balanced and happy life without my two superheroes who are helping me through my career path and life. My brothers taught me not to be afraid to make mistakes and how to learn from them plus they have provided me with tonnes of advice and unconditional love – this is the way we’re mentoring and motivating each other.

So, this is our bomb trio – we have chosen this path together where we are exploring, understanding and altering the various and colourful universe of design, then creating a cool new thing together out of it.

Mentorship – the honourable guidance
Finding the perfect mentor means that one can develop unbelievable qualities with the speed of light and acquires knowledge that can’t be found in books. On the other hand, being somebody’s mentor is an honorific and super fun role -  looking back on the path we came up brings back valuable experience and memories. Passing on these gold wisdom and qualities is an indescribably good feeling. If we could implement this close mentorship in every designer’s life, not just the mentored person but the whole design community would be a big, happy family.
What are your thoughts on mentorship?

Behind the scenes of the Old People Stereotypes project

OPS3.jpg

We all know that getting an idea to realization is a very long journey with a lot of pitfalls, especially, when it’s a personal project. These plans can be usually found on the bottom of our to-do list.

That’s why I’m proud that my will power and love for animation has helped me through all the barriers that were present while working on this project.

The big idea

My new ideas are mostly just floating in my mind like the clouds in the sky and just the ones suitable enough come to realization. Behind every idea there’s an inspiration – for this one, it was an old lady’s honest manifestation. As I heard her words, the lightbulb in my head went on and in that moment, I already knew the whole script in and out – all I had to do was to sneak in some good old visual humour in the whole story. We can say that this project just fell into my lap from a casual everyday conversation.

Sometimes we just need an extra push

One time, I was attending an interveiw at Nutcracker and they have encouraged me to create a longer animation, where I can present my motion design knowledge as well. I am still truly grateful for this opportunity and they gave me the extra push with opening a whole new perspective for me.

Dream, Plan, Do – the bomb trio

When creating the storyboard of the project, I’ve individually adumbrated a voice effect plan for every scene and I dived into the work.

Illustration, the hunt for voice effects and music, making motions and transitions come to life in front of my own eyes – honestly, this is my favourite part of my work! When the illustrations were finished for the animation and after cutting out few a things and adding some others, everything has come together in after effects and my short animation was finally ready. When you’re working on a idea, everything that you know, understand and learned manifests in one given thing  and you realize that little part of you just came alive.

The very same thing happened to me when I finished my Old People Stereotypes project – a huge progress was made and I can proudly tell that I’m ready for the next challenge!