Shadow Puppeteer shadow cat animation

Animating the Shadow Cat

Today’s post is by Marianne and Philip and will be about 2D animations in Shadow Puppeteer. Animation is essential in Shadow Puppeteer. Part of the reason why Philip was brought onto the team in the first place was because of his 2D animation skills.

Idea
When we talk about 2D in Shadow Puppeteer we’re almost always talking about the shadows. While real shadows have shapes similar to their objects, we wanted to create weird- looking and unnatural shadows in our world. Since the shadows have come alive we wanted the world to feel unfamiliar and strange.

This is perhaps most evident in the shadow monsters, like the cat.

Process
When we had the character design for the cat we explored movement. Being a shadow we believed it would not be restricted anatomically in the same way as a real cat. After all, it doesn’t really have a skeleton and muscles. So we played around with how the shapes in the cat would shift and change. Exaggeration is a core principle in animation; with the cat we wanted to see just how far we could go with this. In this way there would be a great contrast between the cat and the more «normal» shaped boy.

Anatomy comparison. Shows how the anatomy of the Shadow Cat is completely unrealistic.

Anatomy comparison. Shows how the anatomy of the Shadow Cat is completely unrealistic.

Examining the design of the cat we found a ball-shaped mass in his stomach, and decided that this would be a crucial visual element for us to play with. Animating the «ball» to express weight gave the cat a surreal, and slightly comical look.

Frames from the "run" animation. The ball shape is highlighted in blue.

Frames from the “run” animation. The ball shape is highlighted in blue.

Of course, there was the element of fun. The cat is dangerous, but we wanted him to also have a distinct personality that would be expressed through his movement. We made a decision to not try and make his movements cat- like. If you look at it, it’s more like a mentally (and somewhat physically) challenged dog. And we wanted this to contribute to the cat’s strangeness.

Different expressions of the Shadow Cat's personality

Different expressions of the Shadow Cat’s personality

Technique

Creating the animations we worked in Adob Flash. Starting with quick roughs to try out shapes and movement in different key poses, before refining and making the inbetweens.

The layering option is key, and with quick sketch-like strokes philip created the ragged outline that you see in the finished animation.

Showing several frames at once with Flash's "onion skin" option.

Showing several frames at once with Flash’s “onion skin” option.

Philip made a decision when making the «transformation» for the cat, to not use reglar key fram animations. In stead he wanted to surprise himself and animated straight ahead, starting with frame #1 and continuing chronologically.

Frames from the Shadow Cat's transformation.

Frames from the Shadow Cat’s transformation.

 

 

Shadow Puppeteer available on Steam

1,014 thoughts on “Animating the Shadow Cat

  1. Nice art! The frames which you used in animation to make that art was good. I think you should go with the 3D animation now. Because now a days, the 2D animation won’t work with visual effects and motion graphics. But in 3D animation you can try 3D motion graphics and visual effects in New York.

  2. Thank you so much for giving everyone such a memorable possiblity to read critical reviews from this blog. It’s always very awesome and as well , jam-packed with a lot of fun for me and my office friends to visit your site a minimum of thrice in one week to read through the fresh guides you have got. Not to mention, I’m also certainly astounded concerning the staggering things you serve. Selected 2 ideas in this posting are without a doubt the most effective I’ve had.

  3. GlucoBerry is one of the biggest all-natural dietary and biggest scientific breakthrough formulas ever in the health industry today. This is all because of its amazing high-quality cutting-edge formula that helps treat high blood sugar levels very naturally and effectively. https://glucoberrybuynow.us/

  4. Illuderma is a serum designed to deeply nourish, clear, and hydrate the skin. The goal of this solution began with dark spots, which were previously thought to be a natural symptom of ageing. The creators of Illuderma were certain that blue modern radiation is the source of dark spots after conducting extensive research. https://illudermabuynow.us/

  5. pgslot รวมโปรสล็อต PG โปรโมชั่นดีๆสุดพิเศษและก็ร้อนแรงมาเสนอแนะสำหรับคุณ สำหรับสาวกสล็อตตัวจริงต้องห้ามพลาดกับโปรโมชั่นที่พวกเราเตรียมความพร้อมมายกให้คุณทุกวัน

  6. 📯Online website, direct website that is easy to use Whether you are a newbie or an old hand. You will receive the rewards easily. There is a professional and comprehensive design team. Use modern technology, easy to play, no interruptions, and have excellent customer service.🌠บาคาร่า

  7. Hi there, I found your web site via Google while searching for a related topic, your web site came up, it looks great. I have bookmarked it in my google bookmarks.

  8. The insight and depth you bring to your posts are remarkable. Every time I read your work, I come away with a newfound understanding and appreciation for the topic. Your ability to engage and inform is a rare talent. Thank you for your valuable contributions.

  9. Hello just wanted to give you a quick heads up. The words in your content
    seem to be running off the screen in Safari. I’m not
    sure if this is a format issue or something to do with web browser compatibility but I thought I’d post to let you know.

    The design and style look great though! Hope you get the problem solved soon.
    Thanks

  10. Ev Taşıma | Müşteri memnuniyetinin ev taşıma sektöründe ne kadar önemli olduğunu bu makalede çok iyi anlatmışsınız. Kozcuoğlu Ev Taşıma olarak, memnuniyeti her zaman en üst düzeyde tutmak için çalışıyoruz.

  11. plise perde | Plise perdelerin otel ve konaklama tesislerinde nasıl kullanıldığı üzerine yazılan bu derinlemesine makale, ticari mekanlarda plise perdelerin estetik ve işlevsel avantajlarını gözler önüne seriyor. Konukların konforu ve mahremiyeti için ideal çözümler sunuyor.

  12. <a href=”https://remont-kondicionerov-wik.ru”>надежный сервис ремонта кондиционеров</a>

  13. Hey there! I just wanted to ask if you ever have any trouble with hackers?
    My last blog (wordpress) was hacked and I ended up losing months of hard work due to no data backup.

    Do you have any solutions to stop hackers?

  14. Spot on with this write-up, I truly think this web site needs a great deal more attention. I’ll probably be
    back again to read through more, thanks for the advice!

  15. I just could not leave your site before suggesting that I
    actually loved the usual information an individual supply to your
    guests? Is gonna be back steadily to check up on new posts

  16. I’m not sure exactly why but this site is loading extremely slow for me.

    Is anyone else having this problem or is it
    a issue on my end? I’ll check back later and see if the problem
    still exists.

  17. Remarkable issues here. I’m very satisfied to see your article.
    Thanks a lot and I’m taking a look forward to touch you.
    Will you kindly drop me a e-mail?

Leave a Reply

Your email address will not be published. Required fields are marked *