mcpField
S
solid-drawing-mastery

solid-drawing-mastery

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

关于 solid-drawing-mastery

solid-drawing-mastery 是面向角色动画、动态设计、UI 和游戏创作者的技能。它强调保持形体、体积、透视和重量,让动作呈现扎根于空间的感觉。

主要功能

  1. 01保持运动中的体积与比例
  2. 02讲解透视与缩短法
  3. 03涵盖质量、平衡与空间深度
  4. 04将立体感原则用于 UI 和动态设计
  5. 05提供检查维度错误的方法

适用场景

  1. 01检查角色转身时的形体一致性
  2. 02让 UI 卡片翻转呈现空间感
  3. 03在镜头移动中保持空间深度

安装

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

$npx skills add https://github.com/dylantarre/animation-principles --skill solid-drawing-mastery

安装后在 Claude Code 中输入/solid-drawing-mastery确认已加载。

详细介绍

扎实造型功底

三维原则

扎实造型是指营造三维形体、重量和体积感的错觉。在传统动画中,这意味着理解解剖结构、透视和形体。在数字动效中,这意味着确保变换和运动扎根于物理空间,而不是对二维形状进行扁平操作。

核心理论

形体优先于符号:初学动画的人会画符号(用圆形表示头部,用线条表示手臂)。动画大师则会绘制形体——具有重量和维度、存在于空间中的体积。

结构一致性:物体在整个运动过程中都必须保持体积和比例一致。角色转身时,头部不应变大。盒子不应扭曲成梯形。

三维挑战

动画存在于时间中,也存在于空间中。扎实造型可确保:

  • 体积一致性:物体不会意外变大或变小
  • 透视准确性:旋转遵循维度规则
  • 重量感:形体看起来具有占据空间的质量
  • 结构完整性:物体不会错误地塌陷或扭曲

扎实感的要素

结构:理解表面之下的内容——骨架、结构 透视:正确的缩短透视、消失点和空间关系 体积:在二维表现中保持三维质量 重量分布:质量如何在空间中转移和稳定 光照一致性:能够强化形体的阴影和高光

与其他原则的交互

挤压与拉伸必须保持体积:这是扎实造型的核心约束——变形时质量不变。

弧线存在于三维空间中:运动路径不仅要符合屏幕空间规律,也要符合维度规律。

跟随动作要尊重物理规律:次要元素应作为三维形体运动,而不是扁平图形。

构图要考虑深度:扎实造型有助于建立清晰的空间关系。

领域应用

UI/动效设计
  • 三维变换:旋转必须符合透视和消失点规律
  • 深度图层:运动过程中保持 Z 空间关系一致
  • 缩放动画:物体应以逻辑中心点缩放,而不是任意原点
  • 卡片翻转:采用符合透视的旋转,而不是扁平的 X 轴缩放
  • 阴影:随物体在三维空间中的位置一致地移动
角色动画
  • 转面图:从各个角度看,角色模型都保持一致
  • 缩短透视:正确处理朝向镜头伸来的四肢
  • 重量表现:角色看起来具有质量
  • 扎实的姿势:姿势平衡且有分量,仿佛在现实中也能成立
动态图形
  • 三维物体动画:正确处理光照、透视和遮挡
  • 等距设计:保持一致的投影规则
  • 伪三维效果:视差和深度在空间上看起来自然合理
  • Logo 维度:以一致的方式为扁平 Logo 添加立体效果
游戏设计
  • 精灵动画:在二维表现中暗示三维形体
  • 镜头移动:扫动过程中保持空间关系
  • 环境动画:物体在游戏空间中显得真实可信

常见错误

  1. 缩放不一致:物体无故改变大小
  2. 扁平旋转:用 X 轴缩放代替透视旋转
  3. 结构崩坏:形体在运动过程中发生错误扭曲
  4. 重量矛盾:重物表现得很轻,反之亦然
  5. 空间关系断裂:物体之间的空间关系不可能成立

结构构建方法

对于任何动画物体,都要弄清楚:

  1. 它的基本形体是什么?(球体、圆柱体、盒体或组合体)
  2. 它的重心在哪里?
  3. 它如何存在于三维空间中?
  4. 它在运动过程中结构会发生什么变化?

这种思维模型可以避免维度上的错误。

数字实体塑造技巧

变换原点:设置与对象逻辑质心相符的枢轴点 透视变换:使用真正的 3D 变换,而非 2D 近似 Z-index 管理:在整个动画中保持深度分层一致 阴影动画:阴影随对象位置移动并缩放 视差速率:通过运动保持一致的深度感知

切线陷阱

注意避免相切——边缘意外对齐会破坏深度感知。在运动中,这意味着要确保重叠元素在整个动画过程中保持清晰的空间分离。

实现启发

开始动画前,先定义对象的 3D 形态和原点。在动画过程中,定期检查:它看起来仍像空间中的实体吗?先使用真正的 3D 变换测试旋转,再尝试用 2D 变通方式近似。当运动感觉“扁平”或“不对劲”时,检查是否违反了实体绘制原则——缩放不一致、透视失真或运动缺乏重量感。

评论

支持 Markdown