animation-principles---intermediate by dylantarre/animation-principles
npx skills add https://github.com/dylantarre/animation-principles --skill 'Animation Principles - Intermediate'你可以单独应用各项原则。现在学习如何将它们编织在一起,并理解它们之间的相互依存关系。
保持体积是关键。运动越快 = 拉伸越多。时间控制决定了程度。2帧的预备动作所需的挤压比6帧的要少。
它们是镜像关系。预备动作的幅度应大致匹配跟随动作。大幅度的预备 = 大幅度的收尾。它们为任何动作创造了有节奏的起始和结束。
次要动作必须支持演出布局,绝不能与之竞争。如果演出布局意在“看脸部”,那么手上的次要动作应将注意力引向那里,而不是引开。
弧线运动不是匀速的。沿着弧线路径应用缓动。间距应在弧线的起点/终点聚集,在中间扩散。
混合方法:先确定关键姿势(姿势对应),然后以连续动作方式为重叠元素制作动画。兼具两者优点:结构性与自发性并存。
过度预备: 当每个动作都有巨大的预备时,就没有任何动作感觉是自发的。将大幅度的预备留给有重大效果的动作。
次要动作相互竞争: 三个物体以不同方式运动会分散注意力。层次结构很重要——一个主导,其他辅助。
统一的时间控制: 每个动作都是12帧会感觉机械。变化你的时间控制:快速决策,缓慢领悟。
跟随动作中忽视弧线: 主要动作弧线优美,但附属部分却线性移动。所有事物都应遵循弧线。
物理性: 挤压/拉伸,时间控制,弧线运动,慢入慢出 清晰性: 演出布局,扎实的绘画,预备动作 趣味性: 次要动作,夸张,吸引力 技术性: 连续动作/姿势对应,跟随动作/重叠动作
为一个角色制作坐下动画:
广告位招租
在这里展示您的产品或服务
触达数万 AI 开发者,精准高效
一次叠加一个原则。先进行整体布局,然后针对每个原则类别进行细化处理。
每周安装次数
–
代码仓库
GitHub 星标数
20
首次出现
–
You can apply individual principles. Now learn to weave them together and understand their interdependencies.
Volume preservation is key. Faster motion = more stretch. The timing dictates the degree. A 2-frame anticipation needs less squash than a 6-frame one.
These are mirrors. Anticipation magnitude should roughly match follow through. Big wind-up = big settle. They create rhythmic bookends to any action.
Secondary actions must support staging, never compete. If staging says "look at the face," secondary action in hands should point attention there, not away.
Arcs aren't uniform speeds. Apply easing along the arc path. Spacing should bunch at start/end of the arc, spread in the middle.
Hybrid approach: Key poses first (pose-to-pose), then animate overlapping elements straight ahead. Best of both: structure with spontaneity.
Over-anticipation: When every action has massive wind-up, nothing feels spontaneous. Reserve big anticipation for big payoffs.
Competing secondary actions: Three things moving differently splits attention. Hierarchy matters - one leads, others support.
Uniform timing: Every action at 12 frames feels mechanical. Vary your timing: quick decisions, slow realizations.
Arc neglect in follow through: The main action arcs beautifully, then appendages move linearly. Everything arcs.
Physics: Squash/Stretch, Timing, Arcs, Slow In/Out Clarity: Staging, Solid Drawing, Anticipation Interest: Secondary Action, Exaggeration, Appeal Technique: Straight Ahead/Pose to Pose, Follow Through/Overlap
Animate a character sitting down:
Layer principles one at a time. Blocking first, then refinement passes for each principle category.
Weekly Installs
–
Repository
GitHub Stars
20
First Seen
–
前端设计技能指南:避免AI垃圾美学,打造独特生产级界面
38,200 周安装