Save Time and Money with Style Frames in Animation

When investing in animation, a single static frame can save you significant time and money. While creating an animated explainer video for the Wyoming Arts Council, we needed to visualize how various scenes from the script and storyboard would appear in the final animation. This static preview of the final artwork is what we call a "Style Frame." Once the storyboard is approved, we create style frames for the key scenes in the story. The example shown here is an art classroom, demonstrating the characters, the artistic direction, and the concept of "stressed minds." Had I jumped straight into the artwork for the entire animation without approval, revisions could have become expensive and time-consuming. The client might have felt the scenes lacked cohesion, or perhaps the colors wouldn't have properly reflected their brand and the mood of the story. Most importantly, the way I portrayed a "stressed mind" might not have landed. All of this risk is minimized by using a static graphic as a preview. The next time you invest in animation, make sure style framing is in the pipeline. It allows you to: • Hit the target sooner with your messaging. • Save time by avoiding costly revisions. • Ensure consistency throughout the entire video. • Confirm ideas are clear in static form before they move. • Adjust a single image rather than an entire animated sequence. Whether your internal team designs the frame from a storyboard or your animation partner handles it, taking the time to create them provides a powerful blueprint for your story. — I’m Tony Elmore, Co-Founder and Creative Director of Fort Atelier. I help amplify brands through the power of animation and motion graphics. If you enjoy this content, let’s connect here on LinkedIn. I always enjoy making new friends!

Animation is too expensive. Animation takes too long. Animation is inefficient. Animation is too labour intensive. These are the most common complaints about traditional hand-drawn animation and they're not wrong. A professional in-betweener can produce roughly 20-30 frames a day. 73 frames of finished animation represents three to four days of skilled labour and thousands of dollars in production cost. We just did it in two minutes for less than a dollar. Introducing Flicker Flicker is an AI-powered in-betweening tool built specifically for hand-drawn and broader 2d animation. Feed it your keyframes of up to four and it generates everything in between. The opening and closing frames of the animation below were drawn by a human. The remaining 71 frames were generated by Flicker. This is not a replacement for the animator. It never will be. The keyframes, the heart of the animation, the poses, the performance, the decisions that make it feel alive, those are still drawn by hand. Flicker handles the labour between those moments, compressing weeks of in-betweening work into minutes. Built by animators, for animators. You can also give it a text prompt alongside your keyframes to guide the motion to keep creative control exactly where it belongs. With you. It has limitations. The number of keyframes, the complexity of motion it can handle, the scale of sequences — these are things we are actively developing. But what it does today, it does well enough to change how independent animators and small studios think about what they can afford to make. That's the point. Creative freedom. The opportunity for authenticity that isn't hindered by needs gated by what only major studios can access. Try it for free at flicker.bruceanimation.com See what we're building at bruceanimation.com #animation #ai #handdrawnanimation #2danimation #futureofanimation

9 Animation YouTube Channels 🎬Every filmmaker must know these channels! 1. Alan Becker ↳ This cool channel provides tutorials and insights into animation techniques. It’s for everyone who wants to learn animation! 2. Okay Samurai ↳ This channel is all about Adobe Character Animator, including cool tutorials about rigging and animation techniques 3. Stylus Rumble ↳ Here you have tutorials on Toon Boom Harmony and insights into the animation industry, making it a valuable resource for aspiring animators. 4. Nijat Ibrahimli ↳ This channel is about 2D animation, so you got tutorials on After Effects, Cinema 4D, and more - super crucial for sure! 5. TipTut ↳ This channel provides a mix of tutorials on Adobe Animate and After Effects - so it should be great for beginners and students! 6. Oli ↳ This channel is all about Animations, ToonBoom and Stopmotion! Very unique! 7. FlippedNormals ↳ This one is insane! 3D animations and modeling, inclusing tutorials from industry professionals, and tools like ZBrush and Blender 8. Purple Pie Studios ↳ This one is a must for animation in After Effects!! You will learn tons of cool After Effects techniques!! 9. The Animation Workshop ↳ This channel has tons of projects that highlight different animation techniques and styles - very cool! Which channel is your favorite?

I was asked recently about what I think when I see animation on 2s. And I don’t think my answer was quite what he was expecting. A lot of people like to talk about how cool it looks to use stepped keys in animation, and how revolutionary Spider-verse was in how they implemented them. And with all that I agree! It looks dope and Spider-verse IS revolutionary. But to me, using a frame rate slower than 24fps isn’t just about making the animation “snappier” or “hit different”. As someone that often is tasked with building a pipeline and the animation style for productions with an aggressive quota and a fast paced schedule, animating on 2s or 3s (or even in one production we’ve worked on recently, 5s), it’s a massive time and budget saver. Now of course it’s not a new thing for lean animation productions to pare things down to just 12 frames a second; TV and commercials have done this forever. But it seems the budgetary benefits of it have been lost as we moved into more computer animation, where we get a lot of frames for free. Now it certainly depends on the project and what’s being animated, but the reality is that those frames aren’t always free. For an animator, you’re responsible for every frame, and if I have to be responsible for only 12, or 8, or 6, for every second instead of 24, that’s a much lighter load! I’m sure there are plenty of other variables that go into a decision to animate on 2s, but I’m curious what you all think of this. Is this just my experience? Have you ever been on a production where animating on a lower frame rate actually ate more time and money?

✨ When Great Animation Makes You Forget the Design ✨ These scenes by James Baxter from The Hunchback of Notre Dame is one of those incredible moments in animation that stays with you forever. I’m still in awe of how an animator can take a character design that is intentionally awkward, complex, and unconventional… and somehow make that character feel beautiful, relatable, full of heart, and deeply human. That’s the magic of great animation. The audience stops seeing the “ugly” design because the performance, the emotion, the acting, and the sincerity completely take over. You connect with the soul of the character instead of the surface. This sequence has so much charm, expression, tenderness, and honesty in it that even today it feels timeless. It reminds me why hand drawn animation continues to matter so much. 2D animation was powerful back then… and it is still incredibly relevant today. Please like this video, follow my page, and share it with someone who loves animation as much as we do ❤️ 🎬 More than 30 years working in feature animation and character design 📌 Portfolio https://lnkd.in/eqNeYTRV 🎥 Animation Reel https://lnkd.in/e6u43i_W 📸 Instagram https://lnkd.in/epcr5-UN 💼 LinkedIn https://lnkd.in/em9wGNPS

2D or 3D animation? The right choice depends on what your audience needs to understand. 2D animation is often best for simplifying services, platforms, training, and abstract ideas. 3D animation is better when realism, product detail, movement, or spatial accuracy matters. This guide breaks down the business use cases, costs, timelines, and decision points for each style.

Here is how to turn a "nice" animation into a "memorable" one. Spoiler: it is 3 parameters. 90% of the GSAP animations I see in review are technically correct but emotionally flat. Same durations (0.5s), same easings (ease-out), same distances (20px). Three levers that flip an animation from "ok" to "noticed": 1. Duration longer than instinct dictates Instinct: 0.4s. Reality: 1.2s. Duration does not slow a site down, it gives it presence. A fast animation goes unnoticed. A slow animation becomes signature. 2. Easing with asymmetric acceleration "ease-out" classic is too even. Try "expo.out" or "power4.out". The object starts fast, ends slow. That is how objects move in real-world physics. That is what makes the motion feel "natural" without you knowing why. 3. Exaggerated starting distance Instead of translating 20px, do 80px. Instead of opacity 0.5, start at 0. The gap between start and end has to feel "too much". That is what creates the sense of "reveal". Invisible bonus: stagger. On a list of items, set a stagger between 0.06s and 0.1s. Too short is synchronized (flat). Too long is sluggish. This narrow window is where you find the "wow". GSAP technique is not the subject. Timing is. And timing is sensitivity, not code.

000/100 Buttons. What’s inside of a button? Even something small like a button can get quite complex. It does need: A hover animation. That hover animation should only be visible when you hover with your mouse on it. On mobile we don’t have a hover, only touch, so there shouldn’t be a hover animation. (at) → @ Hover devices:

(at)media (hover: hover) and (pointer: fine) {...} Touch devices: (at)media (hover: none) and (pointer: coarse) {...} This hover animation should play reduced when reduced motion is activated on your system. Reduced motion is active: (at)media (prefers-reduced-motion) {...} Reduced motion is not active: (at)media (prefers-reduced-motion: no-preference) {...} A focus state. The button should be highlighted when you focus it when using a keyboard (tab). It doesn’t need to be an outline, it just should be visible. The animation like on hover should also be played. An active state. When you click or tap the button you should get a visible feedback. A larger click area as the button is sometimes too small. The button should work as a link <a> and as a button <button>. If the button has duplicated content, it should use aria-hidden=”true” on that. Sometimes you need an Icon on it. Sometimes it should just be an icon. Sometimes you have longer or shorter text which can break the animation. Sometimes you need the same animation for a link. All in all, that makes a good button and this should be included in each resource when possible and when it makes sense. In the video we can see for example, a hover state, a focus state and a click effect. Using a slightly changed Osmo Button as an example. Crafting 100 Buttons with Osmo Supply ⏳ Total time: 6h

Full workflow breakdown: Grid animation with Seedance 2.0. I took an image and split it into individual panels using the "Split into Grid" function in FLORA. The result: a grid composition made up of equally sized individual images. Then a simple hack: a screenshot of all panels, upscaled and sharpened with Magnific. That screenshot, all panels combined in one image, I uploaded back into FLORA and animated it in Seedance 2.0. One of the prompts I tested: → show difference close-ups, animate each grid image separately and differently, step by step, tell a story, vfx effects, keep style, colors, lighting, character, sword consistent Animating each panel independently in a targeted way didn't really work. The overall result I still find fascinating. This wasn't planned. I stumbled across the function by accident, tried it out, and that's how the video idea came about. A lot of my new ideas and workflows come from exactly these kinds of experiments. Which leaves one question: Where would you use a grid animation like this?

8 𝐒𝐭𝐨𝐫𝐲𝐭𝐞𝐥𝐥𝐢𝐧𝐠 𝐓𝐞𝐜𝐡𝐧𝐢𝐪𝐮𝐞𝐬 𝐓𝐡𝐚𝐭 𝐌𝐚𝐤𝐞 𝐀𝐧𝐢𝐦𝐚𝐭𝐢𝐨𝐧𝐬 𝐅𝐞𝐞𝐥 𝐂𝐢𝐧𝐞𝐦𝐚𝐭𝐢𝐜 🎬 Ever watched an animation and felt something… even without dialogue? And then watched another one with perfect graphics — but felt nothing? That’s not a technical gap. That’s a storytelling gap. In animation, we’ve learned something very simple but powerful: 👉 People don’t remember how smooth the animation was. They remember how it made them feel. Here are 8 things that quietly change everything: 1. Lighting that feels like a mood, not just visibility 2. Camera moves that breathe, not just move 3. Timing that lets emotions land, not rush past 4. Depth that pulls you inside the world 5. Sound that carries emotion, not just effect 6. A clear emotional arc — even in 10 seconds 7. Composition that tells you where to look… without telling you 8. Tiny imperfections that make it feel alive At the end of the day, cinematic animation is not about adding more. It’s about removing everything that doesn’t serve the feeling. And honestly, that’s what separates “good animation” from something people pause and rewatch. We see this shift happening fast in the animation industry — clients don’t just want visuals anymore, they want emotion with visuals. Save this if you’re building animation that needs to be remembered, not just seen. What’s the one thing that makes YOU feel an animation is cinematic? #animation #motiondesign #3danimation #vfx #storytelling #filmmaking #cgi #creativeindustry #postproduction #digitalart #contentcreation #designthinking #visualstorytelling #animationstudio