
什么是动态图形?定义、示例与制作方法
动态图形就是动起来的平面设计。本指南讲解什么是动态图形、主要类型与示例,以及 AI 如何在几分钟内完成制作。
2026年7月14日 · 10 分钟阅读
一位动态设计讲师关于为动画创作卡通角色的指南,涵盖设计基础,以及AI工具真正能帮上忙的地方。

2026年4月13日 · 10 分钟阅读
撰写与编辑
Yibo Wang
TapVid 首席产品官兼产品设计负责人
与作者和其他视频创作者深入交流,观看实操教程。
加入我们的 Discord我教动态设计已经十二年了,学生问得最多的问题不是关于软件,而是关于角色设计。怎样才能创作出一个卡通角色,让它清晰易读、动起来自然,并且在不同场景中都成立,而不会每次看上去都像换了一个人?原则没有变,变的是工具。
当你仅凭剪影就能读出角色的情绪状态时,这个卡通角色才算成立。这是基础。如果遮住角色的脸,你依然能仅凭身体轮廓立刻判断出它是自信、害怕、兴奋还是沮丧,那你就有了一个扎实的角色设计。如果读不出来——如果剪影是模糊的——再多的面部表情细节也救不了它。
形状语言是最主要的工具。圆形给人友好、易接近的感觉。方形给人可靠、稳固、有时略显死板的感觉。三角形则根据朝向的不同,显得富有动感、具有攻击性或危险。大多数成功的卡通角色都建立在一种主导的形状语言之上,其他形状则用作对比。圆形的主角搭配三角形的反派元素。方肩的导师搭配圆润的面部特征。
学生最常搞错的第二条原则:让设计在小尺寸下依然清晰可读。动画会以多种尺寸呈现——从手机屏幕到大型演示。一个在全分辨率下很好看、却在缩略图尺寸下失去清晰度的角色,存在根本性的设计问题。在投入正式制作之前,先把你的角色设计放到100x100像素下测试一下。
对于任何会出现在不止一个场景中的角色,角色设定表都没有商量的余地。它至少要从正面、侧面、四分之三和背面等多个角度,以多种比例、多种表情,以及关键动作姿势来展示角色。这张设定表是你在整个制作过程中保持一致性的参照。
角色设定表中的表情部分,是设计师最常偷工减料、事后又为此付出代价的地方。你需要足够多的表情,来覆盖角色在这个具体故事中所需要的情绪范围——而不是一套通用的情绪。如果你的角色是个冷静的科学家,你需要许多微妙表情的变体。如果它是个搞笑的配角,你需要夸张而宽广的表情幅度。
在角色设计的早期探索阶段,AI图像生成器是真正有用的。根据一段文字描述生成20到30个角色概念变体,比手绘要快,而且各个输出之间的差异往往能带出一些你手动时根本想不到去尝试的设计方向。
配合以角色为核心的模型,Midjourney和Stable Diffusion是我的学生在这个探索阶段最常用的工具。重要的纪律是:把AI的输出当作灵感参考和起点,而不是成品角色设计。一个AI生成的角色概念,需要用一致的比例重新绘制并配上正规的角色设定表,才算做好进入动画制作的准备。
AI工具帮不上忙的地方——也是学生有时会用错的地方——在于跨多个场景生成一致的角色外观。当前的AI图像模型对于“同一个角色”从这一次生成到下一次生成之间,并没有可靠的概念。一个AI生成角色的每一个场景,都需要精心的提示词,往往还需要手动修正,才能保持视觉上的一致性。
如果你打算用Duik或Rubberhose这类工具在After Effects里给角色做动画,设计阶段正是你做出那些决定的时候——这些决定会让绑定过程要么简化、要么复杂。设计角色时让肢体清晰分离。避免那些不得不放在同一图层上的重叠元素。设计关节——肩、肘、膝、髋——时,留出足够的重叠,以便在肢体运动时遮住它们之间的连接处。
我最常见到的绑定问题,是角色的头发或服装设计过于复杂,而在设计时没有考虑到形变。在静态插画中看起来很美的头发和布料,如果设计时没有为动画师着想,做起动画来就会是一场噩梦。如果动画不是你亲自来做,那么在敲定设计之前,先把它拿给负责绑定的人看看。
与作者和其他视频创作者深入交流,观看实操教程。
加入我们的 Discord相关文章
加入数千个产品团队,用 AI 几分钟做出专业视频。