Loading video...

Video Failed to Load

There was a problem loading this video. This could be due to a temporary network issue or the video might be unavailable.

"OSWALD" concept artist David Perez ("Primos", Dreamworks Animation "Ruby Gillman, Teenage Kraken", Warner Bros Animation "DC Super Hero Girls") shared the card animations of the AR experience given to D23 attendees. The animation was done at The SPA Studios ("Klaus") #Oswald

DTVA News

71,443 subscribers

46,388 views • 1 month ago •via X (Twitter)

Anya Rossi• Live Now

Private livecam show

10 Comments

DTVA News1 month ago

"💙 I’m honestly so amazed how much love our little rabbit Oswald is getting. What a dream come true to be involved with the design of Oswald. To follow in Ub Iwerks shoes was such a feat." - Pereze #Oswald #OswaldTheLuckyRabbit

✒️✨InfinimationStudiosInc._official✨🖋️1 month ago

This is making me so happy, spreading Oswald’s story around the world to be more recognizable is a dream come true!✨

Victor Keene1 month ago

Epic Mickey music is always a win.

Peij1 month ago

What I wouldn't give for these cards 😭😩

K Terr1 month ago

Wow! That’s So Cool!

Silus Brown1 month ago

Amazing. Plus Ruby Gillman is my favourite film. Glad David Perez got to work on this new show.

ivy1 month ago

JDJFFDKDKG

David Krepps1 month ago

So cool.

scorbunnylover1 month ago

its a fact oswald is better than mickey

Stitch.6261 month ago

@Normandjunaidy cool

Related Videos

Disney Animation shared new Oswald the Lucky Rabbit animations in celebration of International Animation Day! ❤️

Disney Animation shared new Oswald the Lucky Rabbit animations in celebration of International Animation Day! ❤️

Drew Smith

29,612 views • 11 months ago

Walt Disney World shared clips of Josh Gad recording brand-new dialog for Olaf Draws!, coming to The Magic of Disney Animation at Disney’s Hollywood Studios! The experience will feature an Olaf Audio-Animatronics figure, as he learns how to draw from Disney Animation artists.

Drew Smith

41,348 views • 7 months ago

Before Batman: The Animated Series (1992) was approved, Bruce Timm and Paul Dini created a short proof of concept to show Warner Bros Animation the show's tone and style. This short helped get the series greenlit, and much of it was incorporated into the iconic opening intro.

Before Batman: The Animated Series (1992) was approved, Bruce Timm and Paul Dini created a short proof of concept to show Warner Bros Animation the show's tone and style. This short helped get the series greenlit, and much of it was incorporated into the iconic opening intro.

Movie Moments Analyst

444,229 views • 3 months ago

The wait for Batman: Knightfall Part 1 finally has an official release date. DC and Warner Bros. Animation have confirmed that the highly anticipated adaptation of the legendary Batman: Knightfall storyline arrives on Digital on August 25, followed by a 4K UHD, Blu-ray, and DVD release on September 8. The first chapter of the three-part animated event stars Anson Mount as Batman, Michael Mando as Bane, and Pablo Schreiber as Azrael, bringing one of the Dark Knight's most unforgettable battles to life. Parts 2 and 3 are scheduled to arrive later in 2026 and early 2027. Who's adding this to their watchlist the day it drops? Warner Bros. Entertainment Batman Warner Bros. Warner Bros. Animation

The wait for Batman: Knightfall Part 1 finally has an official release date. DC and Warner Bros. Animation have confirmed that the highly anticipated adaptation of the legendary Batman: Knightfall storyline arrives on Digital on August 25, followed by a 4K UHD, Blu-ray, and DVD release on September 8. The first chapter of the three-part animated event stars Anson Mount as Batman, Michael Mando as Bane, and Pablo Schreiber as Azrael, bringing one of the Dark Knight's most unforgettable battles to life. Parts 2 and 3 are scheduled to arrive later in 2026 and early 2027. Who's adding this to their watchlist the day it drops? Warner Bros. Entertainment Batman Warner Bros. Warner Bros. Animation

ComicBook.com

15,917 views • 2 months ago

NEW: Disney shared a new animatic look at the Monsters, Inc. Doors suspended coaster coming to Disney's Hollywood Studios. The new animation shows the ride mechanism and the load/unload area of the attraction.

NEW: Disney shared a new animatic look at the Monsters, Inc. Doors suspended coaster coming to Disney's Hollywood Studios. The new animation shows the ride mechanism and the load/unload area of the attraction.

Scott Gustin

2,022,750 views • 1 year ago

NEW: Walt Disney World shared a behind-the-scenes look at Olaf Draws!, coming to The Magic of Disney Animation in late summer at Disney’s Hollywood Studios. The experience will include an all-new Olaf Audio-Animatronics figure while Guests learn how to draw Disney characters.

NEW: Walt Disney World shared a behind-the-scenes look at Olaf Draws!, coming to The Magic of Disney Animation in late summer at Disney’s Hollywood Studios. The experience will include an all-new Olaf Audio-Animatronics figure while Guests learn how to draw Disney characters.

Drew Smith

20,398 views • 7 months ago

Early Team Fortress 2 character footage! Someone who used to work at Valve as an artist shared this video. It is of the Invasion design of TF2. This was shared by Moby Francke on their social media. With animation done by Miles Estes.

Early Team Fortress 2 character footage! Someone who used to work at Valve as an artist shared this video. It is of the Invasion design of TF2. This was shared by Moby Francke on their social media. With animation done by Miles Estes.

Half-Life Alyx NoVR

10,769 views • 5 months ago

Disney TVA's TikTok celebrates 10 years since the series finale of "WANDER OVER YONDER". Craig McCracken is busy with a potential "The Powerpuff Girls" movie for Warner Bros Pictures. Animation but let's hope someday he returns to this galaxy. #WanderOverYonder

Disney TVA's TikTok celebrates 10 years since the series finale of "WANDER OVER YONDER". Craig McCracken is busy with a potential "The Powerpuff Girls" movie for Warner Bros Pictures. Animation but let's hope someday he returns to this galaxy. #WanderOverYonder

DTVA News

16,202 views • 3 months ago

This is a test animation of the idea I have for an Arianna model, that's why the model looks bad ;o; but aha. I would like to upload more 3D animations in the future either on this account or another one. The animation was done in MMD. #hypnosis #mindcontrol #hypnokink

This is a test animation of the idea I have for an Arianna model, that's why the model looks bad ;o; but aha. I would like to upload more 3D animations in the future either on this account or another one. The animation was done in MMD. #hypnosis #mindcontrol #hypnokink

HypnoGurl💛 •OPEN COMMISSIONS•

33,253 views • 2 years ago

"RIGHT NOW KAPOW" premiered 10 years ago on Disney XD. The series was collaboration between Warner Bros Animation. It can only be purchased at digital store platforms as Disney no longer has the license to air the series or put it on their streaming platforms. #RightNowKapow

"RIGHT NOW KAPOW" premiered 10 years ago on Disney XD. The series was collaboration between Warner Bros Animation. It can only be purchased at digital store platforms as Disney no longer has the license to air the series or put it on their streaming platforms. #RightNowKapow

DTVA News

17,441 views • 17 days ago

Another great music video by Kirill Nong using Move AI Multi-Cam. 🔥 Our motion capture tech uses AI to make the creation of lifelike 3D animations super easy with absolutely amazing results. 🚀 Experience the magic of effortless animation today! ⚡️

Another great music video by Kirill Nong using Move AI Multi-Cam. 🔥 Our motion capture tech uses AI to make the creation of lifelike 3D animations super easy with absolutely amazing results. 🚀 Experience the magic of effortless animation today! ⚡️

Move AI

10,451 views • 2 years ago

Twenty five years ago today, The Iron Giant was released. Easily the best-animated film Warner Bros has ever put out, this film soars thanks to its great themes, amazing animation, well-written characters, and also one of the emotionally moving finales ever. A masterpiece.

Twenty five years ago today, The Iron Giant was released. Easily the best-animated film Warner Bros has ever put out, this film soars thanks to its great themes, amazing animation, well-written characters, and also one of the emotionally moving finales ever. A masterpiece.

Animated Antic

2,608,707 views • 2 years ago

🐰Lapins & Annecy are nothing new. But when one of the most famous rabbits in the world is behind our trailer, THAT'S the real deal! "Annecy is the highlight of our year." – Sam Register, Warner Bros. Animation. 👀 The trailer is here. What's next? 8th to 14th June at Annecy.

🐰Lapins & Annecy are nothing new. But when one of the most famous rabbits in the world is behind our trailer, THAT'S the real deal! "Annecy is the highlight of our year." – Sam Register, Warner Bros. Animation. 👀 The trailer is here. What's next? 8th to 14th June at Annecy.

Annecy Festival

88,503 views • 1 year ago

CSS Tip! 📜 You can use scroll-driven animations to progressively enhance collapsing a floating call to action 🤏 .cta { animation: shrink; animation-timeline: scroll(); animation-range: 0 100px; } @keyframes shrink { to { width: 48px; } } That's the gist of it. Use the body scroll position with animation-timeline: scroll(). Define the animation-range as when you have scrolled 100px. There's a little more though 🤓 That would "scrub" the width animation. Ideally, you want to trigger that animation. You could animate a custom property with steps() timing and use that to define the width ✨ @property --scrub { syntax: ' '; inherits: true; initial-value: 0; } body { animation: scrub both steps(1, end); animation-timeline: scroll(); animation-range: 0 100px; } Then transition the --scrub property on the CTA and use it for the width 🤙 .cta { transition: --scrub 0.2s; width: calc(48px + (120px * (1 - (var(--scrub) / 100)))); } Other animations are a matter of preference and timing. For example, you could then make the hand wave, scale down the size, and then slide a gradient across 😉 They have the same structure and technique as the original concept. Waving the hand? 👋 Run it twice, offset the transform-origin. .hand { animation: wave both linear 2; animation-timeline: scroll(); animation-range: 30vh 50vh; transform-origin: 65% 75%; } @keyframes wave { 50% { rotate: 20deg; } } How's it progressively enhanced? Wrap everything in a @supports query and a @media query. If there isn't support, users still get a good experience. It's a floating action button that's circular and already collapsed 🤙 @supports(animation-timeline: scroll()) { @media(prefers-reduced-motion: no-preference) {...} } Definitely have a play with the code. Amazing what we're going to be able to do with CSS alone! 🔥 CodePen.IO link below! 👇

CSS Tip! 📜 You can use scroll-driven animations to progressively enhance collapsing a floating call to action 🤏 .cta { animation: shrink; animation-timeline: scroll(); animation-range: 0 100px; } @keyframes shrink { to { width: 48px; } } That's the gist of it. Use the body scroll position with animation-timeline: scroll(). Define the animation-range as when you have scrolled 100px. There's a little more though 🤓 That would "scrub" the width animation. Ideally, you want to trigger that animation. You could animate a custom property with steps() timing and use that to define the width ✨ @property --scrub { syntax: ' '; inherits: true; initial-value: 0; } body { animation: scrub both steps(1, end); animation-timeline: scroll(); animation-range: 0 100px; } Then transition the --scrub property on the CTA and use it for the width 🤙 .cta { transition: --scrub 0.2s; width: calc(48px + (120px * (1 - (var(--scrub) / 100)))); } Other animations are a matter of preference and timing. For example, you could then make the hand wave, scale down the size, and then slide a gradient across 😉 They have the same structure and technique as the original concept. Waving the hand? 👋 Run it twice, offset the transform-origin. .hand { animation: wave both linear 2; animation-timeline: scroll(); animation-range: 30vh 50vh; transform-origin: 65% 75%; } @keyframes wave { 50% { rotate: 20deg; } } How's it progressively enhanced? Wrap everything in a @supports query and a @media query. If there isn't support, users still get a good experience. It's a floating action button that's circular and already collapsed 🤙 @supports(animation-timeline: scroll()) { @media(prefers-reduced-motion: no-preference) {...} } Definitely have a play with the code. Amazing what we're going to be able to do with CSS alone! 🔥 CodePen.IO link below! 👇

jhey ʕ•ᴥ•ʔ

177,985 views • 2 years ago

Gemini 3 is the best model at creating animations. It's not even close. Here are the prompts I used for creating these UI animations. You don't need animations everywhere, but there are key places where it can enhance your design: the hero intro, hover interactions, slow content reveal, background effects and navigation transitions. Gemini 3 relies heavily on good prompting, ideally with image or code. Intro + animation on scroll: "Animate when in view: fade in, slide in, blur in, element by element. Use 'both' instead of 'forwards'. Don't use opacity 0. Add a clip animation to the background, column by column using clip-path." Buttons: "Add a 1px border beam animation around the pill-shaped button on hover. " Text animation: "Add a vertical text clip slide down animation letter by letter" Logos looping: "Add a marquis infinite loop slow animation to the logos using alpha mask" Content switching: "Animate the big card to rotate between 3 cards in a loop. Add prev/next arrows to switch between cards." Flashlight on hover: "Add a subtle flashlight effect on hover/mouse position to both background and border of the cards." Testimonials looping: "Make the cards animate marquis in an infinite loop with alpha mask slowly."

Gemini 3 is the best model at creating animations. It's not even close. Here are the prompts I used for creating these UI animations. You don't need animations everywhere, but there are key places where it can enhance your design: the hero intro, hover interactions, slow content reveal, background effects and navigation transitions. Gemini 3 relies heavily on good prompting, ideally with image or code. Intro + animation on scroll: "Animate when in view: fade in, slide in, blur in, element by element. Use 'both' instead of 'forwards'. Don't use opacity 0. Add a clip animation to the background, column by column using clip-path." Buttons: "Add a 1px border beam animation around the pill-shaped button on hover. " Text animation: "Add a vertical text clip slide down animation letter by letter" Logos looping: "Add a marquis infinite loop slow animation to the logos using alpha mask" Content switching: "Animate the big card to rotate between 3 cards in a loop. Add prev/next arrows to switch between cards." Flashlight on hover: "Add a subtle flashlight effect on hover/mouse position to both background and border of the cards." Testimonials looping: "Make the cards animate marquis in an infinite loop with alpha mask slowly."

Meng To

200,148 views • 10 months ago