animation steps

Rapunzel Trending Dance Steps 🩷 #animation #AIart️️️️️️️️️️️️️️️️️️️️️️️️️️️️️️️️️️️️️️️️️️️️️️️️️️️

A bit of steps process to make this animation... 🌼😊 #2Danimation #MarioKartWorld #PrincessDaisyshow more

🔸Input Label Animation in 4 Simple Steps with CSS... 🔸 A Thread🧵⬇️show more

I deleted these so I'm just putting em back

I think I'm allowed to put this back up... since it had nothing at all to do with the movie and was just for fun.show more

Arknights Animation PV - Retracing Our Steps "Calamity befalls... Kjerag, under the biting white snow." New Side Story Event: Retracing Our Steps will be live on April 14, 2026, 08:00 (UTC-7)! HD version: #Arknights #Yostarshow more

2.5D rotation animation, made with Midjourney V8.1 and Seedance2... here's how I do this kind of videos in just 2 steps👇show more

Hi people a little gameplay animation breakdown over here🧵... I record all my steps of my last commission, I thought it may inspire someone or bring a little bit of light into gameplay animation. Retweets are a huge help 🙏 #indiegames #animation #UnrealEngine5show more

🎥 Do you wanna do character animation from zero... to 100?! -Starting a live course on character animation for beginers -The goal are create character animation performance -All the steps to create a clean up colored scene from a script In Clip studio paint EX, streams in my pageshow more

Gauss-Lucas theorem: derivative roots lie in convex hull of... P roots. Animation shows them pulling inward with each differentiation, hull shrinking. Degree-12 poly: roots converge to barycenter after 11 steps. Raw math visualization (insane).show more

🎙Crossover-limited SSR Hatsune Miku's Summoning Animation🎙 Soaring notes weave... a symphony, light steps rise with the wind. Follow the girl's clear song to a future of infinite possibilities! SSR Hatsune Miku will arrive in Heian-Kyo soon! #Onmyoji #HatsuneMikushow more

Here are the steps to create this animation: 1.... Design and model your own mech in Plasticity. 2. Import the model into the animation software 3ds Max. 3. Create the animation on your own. 4. Render and export the monochrome model animation. 5. Make the final render for reference. 6. Use Seedance 2 to re-render your monochrome model animation according to the reference render you provided. Summary: In this workflow, Seedance 2 acts as a renderer that saves you hours of rendering time. All other work has to be done manually by yourself. Don’t blindly believe that AI can fully produce mech animations for you — it simply cannot do that.show more

This viral Japanese outfit-board trend is taking over AI... videos 👀 I recreated it with a twist on PixPretty using GPT Image 2 and Seedance using simple steps. Here's exactly how I made it from image → animation → final video. PixPretty Thread and Prompt 🧵👇show more

It's tutorial time 🚨 A lot of people asked... me for a tutorial on the SVG path animation I created in Framer, so I thought I would do a full breakdown of all of the steps I took to get it working. Find out how below 👇🏻show more

anim scrap book page 9. I made a PowerPoint... for potential clients talking about factors that can affect the 'budget' of hand drawn animation. In this one, its the level of finish/steps necessary. when i talk about budget, I'm usually referring to time and/or labor.show more

Ok, I NEVER show my reference of myself, but... I have been asked what are my first steps in animation. I play the audio about a hundred times over and over and grab the best takes and edit them together. Please don't laugh at me. #C4D Polygoon TV Chicago C4Dshow more

Day 23 of how I vibe code my game... engine in Cursor: Unit Sprites Like I mentioned in my buildings post: units hit the same wall once the animation steps outside the sprite’s inner silhouette. That’s where the pain starts: pixel bleeding, halos, and PBR maps becoming impossible to mask properly because they must follow the whole sprite. I almost gave in and embraced the demon lords: 3D → 2.5D. But then I had an idea: What if every PBR map (normal/emission/etc) could inherit the exact same animation as the diffuse sprite? If the motion matches 1:1, we get the full 2.5D look without breaking the animation, and we can run it at whatever framerate we want. So I built a prototype and… it actually works. (check the vid) Pretty neat, right? Next step: streamline it in-engine and scale it to all 6 hex movement directions without turning it into a manual nightmare. Also investigating the remaining white aura issue — I might regenerate diffuse + normal + emission in a 2×3 grid on both white + black backgrounds and extract cleaner alpha. After that: compositing layered units (ex: tank + turret). More pain ahead. But it’s the fun kind!show more

004/100 Buttons. A bit of the process on building... an animation. When looking at a finished animation or in this example a finished button, it can look quite complex inside the CSS. But when building it, it’s more like a lot of simple steps, one after another. Here I had the idea to make some kind of text animation like the footer logo on the Osmo site. I try to add the base animation with no complex easing, for example transition: translate 0.4s ease. Starting with just moving the one text from bottom to top and the other text to top. Adding a stagger, play around with it. Searching for a way to make it more circular. On the research I found the sin() function inside CSS which can build a more smooth non linear curve for the stagger which creates this circular effect. And step by step adding more complexity like, different easing for hover/hover-out, opacity, 3D transform and more. I use also the sin() function to rotate the letters, so the middle ones are getting more rotated than the outer ones. Another thing which helps is to add a small delay on hover, for example 0.05s or 0.1s, you don’t really see the difference, but when you hover pretty fast on and out it doesn’t get that jumpy. I’m using here GSAP’s SplitText to split every char into spans. And then I’m adding a CSS index variable to every span, starting from the center. SplitText can provide CSS index variables, but you cannot tell it from which direction. For the sin() it’s also important to have a max length, so I add another CSS variable with the max char number on it. Crafting 100 Buttons with Osmo ⏳ Total time: 63hshow more

Claude "Puzzling" while GPT 5.6 on GOD-MODE just bade... a banger that's mindblowing. Here's the exact way to get a site like this, step by step: > open the desktop app, pick Sol, reasoning on High. taste work never goes to small models > drop it 3 sites with motion you love and one line: "reverse-engineer the art direction: mood, typography, pacing, and WHY each animation exists. save it as a style bible" > brief in one paragraph, goal not steps: "[your niche] site, cinematic scroll, every animation has a job. follow the bible" > house rules on top: no template hero, no stock gradients, nothing on the page moves without a reason > now the bar: "a motion designer can't tell this from an agency build." spin up a SECOND 5.6 with fresh context whose only job is to FAIL the build against that bar > /loop overnight: build, grade, close the biggest gap, again. you're asleep for all of it > when the verifier runs out of complaints: tag Sites. live URL, one click, zero hosting The deeper version of every step (the full contract, the house rules, the verifier trick, when Ultra is worth the bill) is in the article below. P.S. send the article to your GPT and tell it "we're doing this tonight".show more

Not every hero wears a cap. Some carry a... school bag. 🎒 Brought this cinematic animation to life with Seedance 2.0 on BudgetPixel AI Prompt 👇 Style: High-end 3D animated cartoon, cinematic Pixar-style lighting, expressive characters, shallow depth of field, dynamic motion blur, viral short-form pacing, 4K Scene 1 (0–3s) “Establish + Hook” Wide tracking shot from behind: a cartoon school boy walks alone on a quiet street, backpack bouncing slightly. Camera slowly pushes in (dolly-in). Subtle wind + soft suspense beat starts. Transition: quick whip pan left into next scene. Scene 2 (3–6s) “Threat Reveal” Snap zoom cut-in to a girl near a parked bike being threatened by two sneaky snatchers. One grabs her purse aggressively. Camera angle: low-angle wide shot to make snatchers look bigger and intense. Music intensifies sharply. Transition: fast heartbeat zoom blur into hero reaction. Scene 3 (6–9s) “Hero Moment Build” Close-up on the boy’s face determined expression, eyes reflecting light. He bends down (camera follows in slow-motion orbit shot) and picks up a small stone. Cinematic slow-motion throw with motion blur and dramatic lighting flare. Transition: impact cut (flash frame white) Scene 4 (9–11s) “Impact Chaos” Stone hits the bike with stylized spark FX + metallic clang sound vibe. Camera shakes slightly (handheld effect). Purse falls in slow motion. Snatchers react in exaggerated cartoon shock. Transition: speed ramp + forward push-in tracking shot Scene 5 (11–13s) “Action Resolution” The boy runs in smooth tracking side-shot (parallax motion), grabs the purse mid-motion. He steps in front of the girl protectively. Snatchers retreat in exaggerated cartoon panic (blurred background motion). Transition: soft stabilized slow fade motion Scene 6 (13–15s) “Hero Ending / Viral Hook Finish” Golden warm lighting. Medium close-up: boy returns purse gently. Girl smiles relieved. Camera slowly rotates around them (hero orbit shot). He puts on black sunglasses inslow-motion swag reveal. Soft romantic outro music fades. Final frame freezes for 0.5s (TikTok-style end lock).show more