mcpField
V
video-motion-graphics

video-motion-graphics

github.com/dylantarre创意与媒体1322.4k 次安装43 周前更新
代码仓库

关于 video-motion-graphics

video-motion-graphics 是面向视频动效设计的技能，将迪士尼 12 条动画原则应用于 After Effects、Premiere Pro 和视频制作。内容涵盖关键帧、表达式、节奏与导出检查。

主要功能

  1. 01将动画原则用于视频动效
  2. 02提供 After Effects 表达式示例
  3. 03涵盖关键帧与曲线缓动
  4. 04说明帧率和时长参考
  5. 05列出导出检查事项

适用场景

  1. 01为图形动画制作弹性过冲
  2. 02用延迟图层实现跟随动作
  3. 03按目标帧率检查动画节奏

安装

复制下面的命令，在终端中运行。

$npx skills add https://github.com/dylantarre/animation-principles --skill video-motion-graphics

安装后在 Claude Code 中输入/video-motion-graphics确认已加载。

详细介绍

视频动态图形

将迪士尼的 12 条动画原则应用于 After Effects、Premiere Pro 和视频动态设计。

快速参考

原则动态图形应用
挤压与拉伸超调表达式、弹性运动
预备动作预先运动、蓄力关键帧
舞台呈现构图、景深、焦点拉动
连续动作 / 关键姿势逐帧动画与关键帧动画
跟随动作 / 重叠动作延迟图层、表达式延迟
缓入 / 缓出图表编辑器曲线、缓动
弧线运动路径、旋转跟随路径
次要动作环境响应、粒子系统
节奏24/30/60fps 注意事项
夸张超越现实的缩放、戏剧性运动
扎实绘制Z 空间、3D 一致性、视差
吸引力流畅、专业、情感共鸣

原则应用

挤压与拉伸：为缩放属性设置不同的 X/Y 值。超调表达式可创建弹性运动。对于有机挤压，形状图层比预合成更自然。

预备动作：在主要动作前添加 2-4 帧的反向运动。揭示内容前先蓄力——先稍微缩小，再放大。位置上的预备动作：先向相反方向移动。

舞台呈现：使用景深引导焦点。用晕影框出重要内容。在次要元素上添加运动模糊。构图将视线引向焦点。

连续动作与关键姿势：角色动画使用传统逐帧方式。图形动画使用基于关键帧的方式。大多数动态图形采用关键姿势动画，再通过表达式进行细化。

跟随动作与重叠动作：使用 valueAtTime() 表达式实现延迟。通过偏移错开图层动画。次要元素应在主要元素停止后继续运动 4-8 帧。使用带延迟响应的父子关系。

缓入 / 缓出：掌握图表编辑器——切勿使用线性关键帧。缓动是起点，应自定义曲线。贝塞尔手柄控制加速度。速度图显示速度变化。

弧线：启用运动路径编辑。设置旋转自动定向到路径。添加可移动关键帧以形成平滑弧线。自然运动很少沿直线进行。

次要动作：粒子会响应主要运动。阴影和倒影随之变化。背景元素通过视差产生位移。音频波形驱动视觉元素。

节奏：24fps：电影感，运动模糊必不可少。30fps：广播标准，更流畅。60fps：数字优先，非常流畅。使用保持帧（2s、3s）营造风格化节奏。

夸张：动态图形可以比现实更加夸张。缩放超调至 120-150%。旋转幅度超过最终位置。色彩和效果可以强化夸张感。

扎实绘制：3D 图层保持空间一致性。视差营造深度层次。所有元素的光照方向保持一致。Z 轴定位打造可信的空间感。

吸引力：插值流畅，不出现突兀切换。色彩分级统一构图。字体具有分量和个性。运动显得自然、专业。

After Effects 技巧

超调表达式
// Apply to any property for elastic overshoot
freq = 3;
decay = 5;
n = 0;
if (numKeys > 0) {
    n = nearestKey(time).index;
    if (key(n).time > time) n--;
}
if (n > 0) {
    t = time - key(n).time;
    amp = velocityAtTime(key(n).time - .001);
    w = freq * Math.PI * 2;
    value + amp * (Math.sin(t * w) / Math.exp(decay * t) / w);
} else {
    value;
}
错开表达式
// Apply delay based on layer index
delay = 0.1;
d = delay * (index - 1);
time - d;

节奏参考

元素时长缓动
文本显现15-25 帧缓出
Logo 动画30-60 帧自定义曲线
转场10-20 帧缓入缓出
下三分之一字幕入场12-18 帧缓出
下三分之一字幕退场8-12 帧缓入

导出注意事项

  • 以最终帧率预览
  • 快速运动时启用运动模糊
  • 以 1x 速度检查节奏，不要只看 RAM 预览
  • 考虑广播安全区域
  • 在目标显示格式上测试

评论

支持 Markdown