Загрузка видео...

Не удалось загрузить видео

На главную

Hair~ Animation by Martin (Martin) Source in the comments fb: keyframes.f ig: keyframes.ig x: keyframes_x yt: keyframes #keyframes #animation #2danimation #hairanimation

keyframes_x's profile picture

keyframes

16,919 subscribers

234,442 просмотров • 1 месяц назад •via X (Twitter)

Искусство#keyframes#animation#2danimation#hairanimation
LIVE

Anya Rossi• Live Now

Private livecam show

Комментарии: 0

Нет доступных комментариев

Здесь появятся комментарии из оригинального поста

Похожие видео

Can't get enough of the mear frames! Animation by Shio (塩) Source in the comments fb: keyframes.f ig: keyframes.ig x: keyframes_x yt: keyframes #keyframes #animation #2danimation #handdrawn
0:24

Can't get enough of the mear frames! Animation by Shio (塩) Source in the comments fb: keyframes.f ig: keyframes.ig x: keyframes_x yt: keyframes #keyframes #animation #2danimation #handdrawn

keyframes

24,356 просмотров • 3 месяцев назад

Cute and intense at the same time~ Animation by Ahmed Abougabal Source in the comments fb: keyframes.f ig: keyframes.ig x: keyframes_x yt: keyframes #keyframes #animation #characteranimation #creatureanimation
0:30

Cute and intense at the same time~ Animation by Ahmed Abougabal Source in the comments fb: keyframes.f ig: keyframes.ig x: keyframes_x yt: keyframes #keyframes #animation #characteranimation #creatureanimation

keyframes

63,588 просмотров • 2 месяцев назад

Nice work using the peacock reference. Animation by Susmit Mishra Source in the comments fb: keyframes.f ig: keyframes.ig x: keyframes_x yt: keyframes #keyframes #animation #characteranimation #animationreference
0:36

Nice work using the peacock reference. Animation by Susmit Mishra Source in the comments fb: keyframes.f ig: keyframes.ig x: keyframes_x yt: keyframes #keyframes #animation #characteranimation #animationreference

keyframes

29,614 просмотров • 3 месяцев назад

That's crazy good! Animation by 旋风博文 (旋风博文（真）) Source in the comments fb: keyframes.f ig: keyframes.ig x: keyframes_x yt: keyframes #keyframes #animation #2danimation #sakuga
0:34

That's crazy good! Animation by 旋风博文 (旋风博文（真）) Source in the comments fb: keyframes.f ig: keyframes.ig x: keyframes_x yt: keyframes #keyframes #animation #2danimation #sakuga

keyframes

228,559 просмотров • 1 месяц назад

Love the animation tests from animator Benoit Bargeton for Intermarche commercial Mal-Aime. Animator: Benoit Bargeton Source: #characteranimation #behindthescenes #animationtest #intermarche #keyframes
0:58

Love the animation tests from animator Benoit Bargeton for Intermarche commercial Mal-Aime. Animator: Benoit Bargeton Source: #characteranimation #behindthescenes #animationtest #intermarche #keyframes

keyframes

51,146 просмотров • 4 месяцев назад

tool iteration 👨‍🍳 drag source/destination to refine responsive CSS motion path timings ⚡ .p { animation: x .8s var(--x-time), y .8s var(--y-time); animation-composition: accumulate; } @​keyframes x { to { translate: var(--x) 0 } @​keyframes y { to { translate: 0 var(--y) }
0:28

tool iteration 👨‍🍳 drag source/destination to refine responsive CSS motion path timings ⚡ .p { animation: x .8s var(--x-time), y .8s var(--y-time); animation-composition: accumulate; } @​keyframes x { to { translate: var(--x) 0 } @​keyframes y { to { translate: 0 var(--y) }

jhey ʕ•ᴥ•ʔ

58,449 просмотров • 9 месяцев назад

Just 2 keyframes. AI did the rest. That’s the power of inbetweening in Cascadeur – The Future of Animation
0:38

Just 2 keyframes. AI did the rest. That’s the power of inbetweening in Cascadeur – The Future of Animation

Cascadeur – The Future of Animation

1,174,382 просмотров • 6 месяцев назад

2022 - Q1 2025 animation reel pt.2 in the comments. Full video: #2danimation #animation
2:18

2022 - Q1 2025 animation reel pt.2 in the comments. Full video: #2danimation #animation

sans

26,348 просмотров • 1 год назад

progressively enhanced css scroll-driven parallax animation 👨‍🍳 3 columns use the same @​keyframes driven by container position + calc() to keep things responsive
0:21

progressively enhanced css scroll-driven parallax animation 👨‍🍳 3 columns use the same @​keyframes driven by container position + calc() to keep things responsive

jhey ʕ•ᴥ•ʔ

14,929 просмотров • 2 месяцев назад

you can create this dynamic mask using a progressive CSS scroll-driven animation 🧑‍🍳 the gist 👇 input { animation: in; animation-timeline: scroll(self inline); animation-range: 0 6ch; mask-position: 0 0; } @​keyframes in { 0% { mask-position: -6ch 0; }}
0:39

you can create this dynamic mask using a progressive CSS scroll-driven animation 🧑‍🍳 the gist 👇 input { animation: in; animation-timeline: scroll(self inline); animation-range: 0 6ch; mask-position: 0 0; } @​keyframes in { 0% { mask-position: -6ch 0; }}

jhey ʕ•ᴥ•ʔ

126,068 просмотров • 1 год назад

This is absolutely MIND-BLOWING! 🤯✨ TWO keyframes and Cascadeur – The Future of Animation did the rest? A walk cycle in 20 SECONDS including learning time?! Cascadeur just demolished the animation learning curve! 🔥
0:46

This is absolutely MIND-BLOWING! 🤯✨ TWO keyframes and Cascadeur – The Future of Animation did the rest? A walk cycle in 20 SECONDS including learning time?! Cascadeur just demolished the animation learning curve! 🔥

3DxDEV

97,858 просмотров • 8 месяцев назад

The CSS trick here is using custom properties to drive your CSS animation behavior 🤙 Doesn't have to be a scroll animation li:nth-of-type(odd) { --x: -4ch; } li:nth-of-type(even) { --x: 4ch; } @​keyframes shift {50% { translate: var(--x) 0; }} Updates at runtime 🚀
0:38

The CSS trick here is using custom properties to drive your CSS animation behavior 🤙 Doesn't have to be a scroll animation li:nth-of-type(odd) { --x: -4ch; } li:nth-of-type(even) { --x: 4ch; } @​keyframes shift {50% { translate: var(--x) 0; }} Updates at runtime 🚀

jhey ʕ•ᴥ•ʔ

239,989 просмотров • 2 лет назад

Traditional animation combined with Runway has been flying under the radar, but it's actually a common use case for keyframes in Runway. Basically, you can use it to automate the inbetweening process in a 2D animation pipeline. The middle keyframe feature was a major breakthrough that made this process easier. Pete Williams (Pete Williams) is making a solo 2D animated movie and discovered how keyframes help with tweening. If you work in animation, this is worth watching.
2:03

Traditional animation combined with Runway has been flying under the radar, but it's actually a common use case for keyframes in Runway. Basically, you can use it to automate the inbetweening process in a 2D animation pipeline. The middle keyframe feature was a major breakthrough that made this process easier. Pete Williams (Pete Williams) is making a solo 2D animated movie and discovered how keyframes help with tweening. If you work in animation, this is worth watching.

Cristóbal Valenzuela

14,660 просмотров • 1 год назад

Triggering text animation properties with bezier curves in After Effects opens up a playful way to manipulate text. In this setup, the only keyframes are for animating the path itself, while the path's length drives everything else. #AfterEffects #Animation #MotionDesign
0:32

Triggering text animation properties with bezier curves in After Effects opens up a playful way to manipulate text. In this setup, the only keyframes are for animating the path itself, while the path's length drives everything else. #AfterEffects #Animation #MotionDesign

François Lefebvre

23,281 просмотров • 2 лет назад

here are the two things i made for Jax toy! I made the keyframes for Ragatha's animation in the disclaimer and the falling paper animation And this shot of Jax and pomni! jake did the cleanup/in betweens for both of these! I loved working on this! #JaxToy #TADC #animation
0:47

here are the two things i made for Jax toy! I made the keyframes for Ragatha's animation in the disclaimer and the falling paper animation And this shot of Jax and pomni! jake did the cleanup/in betweens for both of these! I loved working on this! #JaxToy #TADC #animation

Erick Animations

24,541 просмотров • 11 месяцев назад

North Korean animation Animation outsourcing is, quite interestingly, an important source of forex income of North Korea They usually receive these jobs from Chinese companies, who themselves are usually not animation studios but contractors A few years ago someone managed to gain access to an unprotected server in North Korea and found keyframes of Invincible
0:30

North Korean animation Animation outsourcing is, quite interestingly, an important source of forex income of North Korea They usually receive these jobs from Chinese companies, who themselves are usually not animation studios but contractors A few years ago someone managed to gain access to an unprotected server in North Korea and found keyframes of Invincible

恶堕机械球FallenSphere

15,876 просмотров • 4 месяцев назад

This is absolutely MIND-BLOWING! 🤯✨ TWO keyframes and Cascadeur – The Future of Animation did the rest? A walk cycle in 20 SECONDS including learning time?! Cascadeur just demolished the animation learning curve! 🔥 #AIAnimation #3DAnimation #Cascadeur #GameDev #AnimationTips #IndieGameDev
0:46

This is absolutely MIND-BLOWING! 🤯✨ TWO keyframes and Cascadeur – The Future of Animation did the rest? A walk cycle in 20 SECONDS including learning time?! Cascadeur just demolished the animation learning curve! 🔥 #AIAnimation #3DAnimation #Cascadeur #GameDev #AnimationTips #IndieGameDev

3Dgamedev

25,464 просмотров • 2 месяцев назад

Our third 80 Level course, Introduction to Geometry Nodes in Blender, is now live. Led by CGMatter, this 5+ hour course breaks down the fundamentals of proceduralism – from fractals and fields to animation without keyframes. Enroll:
1:06

Our third 80 Level course, Introduction to Geometry Nodes in Blender, is now live. Led by CGMatter, this 5+ hour course breaks down the fundamentals of proceduralism – from fractals and fields to animation without keyframes. Enroll:

80 LEVEL

43,059 просмотров • 10 месяцев назад

Animation reel!! i am looking for animation work, everything in the reel is created by me. Thank you #rkgk #indie_anime #2danimation
1:51

Animation reel!! i am looking for animation work, everything in the reel is created by me. Thank you #rkgk #indie_anime #2danimation

Bon

12,372 просмотров • 4 дней назад

CSS Tip! 📜 You can create scroll-driven micro-interactions with animation-timeline and custom properties 🔥 .search { animation: shrink; animation-timeline: scroll(); animation-range: 0 calc(var(--header-height) * 0.5); } @​keyframes shrink { to { width: calc(100% - var(--button-size); } } The --header-height is being used to dictate the container height for the header. You can use that for the animation-range used across different scroll animations 🤙 For another example, you can animate the box-shadow reveal on the header once the search has stuck 🍡 header { animation: shadow; animation-timeline: scroll(); animation-range: var(--header-height) calc(var(--header-height) * 1.5); } @​keyframes shadow { to { box-shadow: 0 5px 10px hsl(0 0% 0%); } } Then you have the little extras! 🧸🎈 Everything powered by the scroll() animation-timeline which hooks into the page scroll. And then using the --header-height in the different animation-range ✨ Give it a try! ⭐️ CodePen.IO link below! 👇
0:36

CSS Tip! 📜 You can create scroll-driven micro-interactions with animation-timeline and custom properties 🔥 .search { animation: shrink; animation-timeline: scroll(); animation-range: 0 calc(var(--header-height) * 0.5); } @​keyframes shrink { to { width: calc(100% - var(--button-size); } } The --header-height is being used to dictate the container height for the header. You can use that for the animation-range used across different scroll animations 🤙 For another example, you can animate the box-shadow reveal on the header once the search has stuck 🍡 header { animation: shadow; animation-timeline: scroll(); animation-range: var(--header-height) calc(var(--header-height) * 1.5); } @​keyframes shadow { to { box-shadow: 0 5px 10px hsl(0 0% 0%); } } Then you have the little extras! 🧸🎈 Everything powered by the scroll() animation-timeline which hooks into the page scroll. And then using the --header-height in the different animation-range ✨ Give it a try! ⭐️ CodePen.IO link below! 👇

jhey ʕ•ᴥ•ʔ

495,860 просмотров • 2 лет назад