正在加载视频...

视频加载失败

14,125 次观看 • 1 年前 •via X (Twitter)

0 条评论

暂无评论

原始帖子的评论将显示在这里

相关视频

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: 63h

Eduard Bodak

166,023 次观看 • 4 个月前

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.

MAX

21,356 次观看 • 16 天前