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

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

this model is so f*cking good for animations less... hallucinations than gemini and it takes like 20 seconds to generate full clip + 1 min video costs only like ~$7 prompt that i used: Create a 15-second cinematic 3D animated product advertisement for supportive shoe insoles. Use a polished, high-end stylized 3D animation aesthetic with expressive but natural characters, soft cinematic lighting, realistic materials, believable anatomy, and subtle facial expressions. The scene takes place in a modern apartment hallway in the early morning. Warm sunlight enters through a large window, creating soft golden reflections on the wooden floor. A few pairs of shoes are scattered near the entrance, with a small bench and coat rack in the background. A completely different male character appears: a slim-to-average build man in his early 30s with short slightly messy brown hair, light stubble, casual gray hoodie, dark joggers, and white sneakers. He should look like an ordinary everyday person, not a fitness model. Preserve his face, hairstyle, clothing, body proportions, and overall appearance consistently throughout the entire animation. The advertisement should feel like a natural short-form social media ad, with the character speaking directly and casually rather than acting like a professional commercial presenter. [0–3 seconds] Begin with a medium-wide cinematic shot. The man walks into the apartment after spending several hours on his feet. He takes two steps, suddenly slows down, and looks uncomfortable. He takes off one sneaker and sits on the bench, rubbing the bottom of his foot with a slightly frustrated expression. He looks toward the camera and says naturally: "Man, my feet used to kill me after a long day." His delivery should feel conversational and believable, with natural lip movement and subtle facial animation. [3–7 seconds] Cut to a closer shot as he picks up the original factory insole from inside his sneaker and looks at it skeptically. He says: "Then I realized it wasn't even my shoes." He pulls the old insole out and places it beside the shoe. The camera gently pushes closer as he reaches for a new supportive shoe insole lying on the bench. Make the insole clearly visible and easy to understand as the hero product, with realistic cushioning, ergonomic shape, and premium material details. [7–11 seconds] Show him placing the new insole inside his sneaker. Use a smooth close-up of his hands fitting the insole naturally into the shoe. Show the insole sitting correctly inside the shoe with believable proportions and physical interaction. He puts the sneaker back on, stands up, and takes several comfortable steps across the hallway. His posture immediately looks more relaxed. He smiles slightly and says: "These made such a difference." Keep the acting subtle and realistic. Do not make the effect exaggerated or magical. [11–15 seconds] Move into a slightly closer cinematic shot as he walks confidently toward the apartment door, then turns back toward the camera. He briefly lifts one foot, showing the sneaker, and says with a relaxed smile: "Honestly, I wish I'd tried them sooner." Finish with a clean product-focused composition: the pair of supportive insoles is visible on the bench next to the sneakers while the man walks naturally into the background. Hold the final frame for a moment. Camera: Smooth cinematic dolly movement, subtle handheld-style realism, natural perspective, gentle push-ins, no rapid camera movement, no dramatic orbiting, no abrupt zooms. Lighting: Warm morning sunlight mixed with soft ambient indoor light. Cinematic shadows, realistic reflections, soft highlights on the product, premium commercial look. Audio: Natural male voice dialogue, subtle apartment ambience, quiet footsteps on wooden floor, soft fabric movement, shoe sounds, and minimal understated background music. Voice: Young adult male, friendly, slightly casual, conversational delivery. No exaggerated commercial voiceover. Lip synchronization must be accurate to every spoken word. Product: The shoe insoles must remain physically consistent throughout the scene. They should look like premium supportive orthopedic-style insoles designed for everyday comfort. Show their shape and cushioning clearly without adding logos, text, or branding unless explicitly provided. Maintain: Realistic anatomy, stable facial identity, accurate hands and fingers, correct foot placement, natural walking mechanics, believable shoe deformation, physically accurate interaction between hands, shoes, and insoles, consistent lighting, consistent character proportions, and smooth temporal continuity. Avoid: Extra characters, unrelated locations, duplicated limbs, distorted hands, floating objects, sliding feet, broken anatomy, sudden costume changes, exaggerated reactions, magical transformations, unrealistic product effects, subtitles, captions, text, logos, watermarks, or cuts to unrelated scenes.show more