关于 solid-drawing-mastery
solid-drawing-mastery 是面向角色动画、动态设计、UI 和游戏创作者的技能。它强调保持形体、体积、透视和重量,让动作呈现扎根于空间的感觉。
主要功能
- 01保持运动中的体积与比例
- 02讲解透视与缩短法
- 03涵盖质量、平衡与空间深度
- 04将立体感原则用于 UI 和动态设计
- 05提供检查维度错误的方法
适用场景
- 01检查角色转身时的形体一致性
- 02让 UI 卡片翻转呈现空间感
- 03在镜头移动中保持空间深度
安装
复制下面的命令,在终端中运行。
npx skills add https:/ / github.com/ dylantarre/ animation-principles --skill solid-drawing-mastery安装后在 Claude Code 中输入/solid-drawing-mastery确认已加载。
详细介绍
扎实造型功底
三维原则
扎实造型是指营造三维形体、重量和体积感的错觉。在传统动画中,这意味着理解解剖结构、透视和形体。在数字动效中,这意味着确保变换和运动扎根于物理空间,而不是对二维形状进行扁平操作。
核心理论
形体优先于符号:初学动画的人会画符号(用圆形表示头部,用线条表示手臂)。动画大师则会绘制形体——具有重量和维度、存在于空间中的体积。
结构一致性:物体在整个运动过程中都必须保持体积和比例一致。角色转身时,头部不应变大。盒子不应扭曲成梯形。
三维挑战
动画存在于时间中,也存在于空间中。扎实造型可确保:
- 体积一致性:物体不会意外变大或变小
- 透视准确性:旋转遵循维度规则
- 重量感:形体看起来具有占据空间的质量
- 结构完整性:物体不会错误地塌陷或扭曲
扎实感的要素
结构:理解表面之下的内容——骨架、结构 透视:正确的缩短透视、消失点和空间关系 体积:在二维表现中保持三维质量 重量分布:质量如何在空间中转移和稳定 光照一致性:能够强化形体的阴影和高光
与其他原则的交互
挤压与拉伸必须保持体积:这是扎实造型的核心约束——变形时质量不变。
弧线存在于三维空间中:运动路径不仅要符合屏幕空间规律,也要符合维度规律。
跟随动作要尊重物理规律:次要元素应作为三维形体运动,而不是扁平图形。
构图要考虑深度:扎实造型有助于建立清晰的空间关系。
领域应用
UI/动效设计
- 三维变换:旋转必须符合透视和消失点规律
- 深度图层:运动过程中保持 Z 空间关系一致
- 缩放动画:物体应以逻辑中心点缩放,而不是任意原点
- 卡片翻转:采用符合透视的旋转,而不是扁平的 X 轴缩放
- 阴影:随物体在三维空间中的位置一致地移动
角色动画
- 转面图:从各个角度看,角色模型都保持一致
- 缩短透视:正确处理朝向镜头伸来的四肢
- 重量表现:角色看起来具有质量
- 扎实的姿势:姿势平衡且有分量,仿佛在现实中也能成立
动态图形
- 三维物体动画:正确处理光照、透视和遮挡
- 等距设计:保持一致的投影规则
- 伪三维效果:视差和深度在空间上看起来自然合理
- Logo 维度:以一致的方式为扁平 Logo 添加立体效果
游戏设计
- 精灵动画:在二维表现中暗示三维形体
- 镜头移动:扫动过程中保持空间关系
- 环境动画:物体在游戏空间中显得真实可信
常见错误
- 缩放不一致:物体无故改变大小
- 扁平旋转:用 X 轴缩放代替透视旋转
- 结构崩坏:形体在运动过程中发生错误扭曲
- 重量矛盾:重物表现得很轻,反之亦然
- 空间关系断裂:物体之间的空间关系不可能成立
结构构建方法
对于任何动画物体,都要弄清楚:
- 它的基本形体是什么?(球体、圆柱体、盒体或组合体)
- 它的重心在哪里?
- 它如何存在于三维空间中?
- 它在运动过程中结构会发生什么变化?
这种思维模型可以避免维度上的错误。
数字实体塑造技巧
变换原点:设置与对象逻辑质心相符的枢轴点 透视变换:使用真正的 3D 变换,而非 2D 近似 Z-index 管理:在整个动画中保持深度分层一致 阴影动画:阴影随对象位置移动并缩放 视差速率:通过运动保持一致的深度感知
切线陷阱
注意避免相切——边缘意外对齐会破坏深度感知。在运动中,这意味着要确保重叠元素在整个动画过程中保持清晰的空间分离。
实现启发
开始动画前,先定义对象的 3D 形态和原点。在动画过程中,定期检查:它看起来仍像空间中的实体吗?先使用真正的 3D 变换测试旋转,再尝试用 2D 变通方式近似。当运动感觉“扁平”或“不对劲”时,检查是否违反了实体绘制原则——缩放不一致、透视失真或运动缺乏重量感。