手绘动画风:像随手画出来的产品视频,而不是素材拼接
手绘动画风让产品视频看起来像有人在白板上给你讲解:线条自己画出来,批注一个字一个字地出现,图形带着一点小而稳定的抖动。它是我们几种风格里最温暖、最适合讲解的一种,也是最新的一种,所以请读一下下面关于预设的说明。
长什么样
- 浅色的纸感背景,深色墨线,加一种马克笔颜色。
- 箭头、圆圈和下划线以擦除方式画出,指向你真实截图里的某个部分。
- 标签带着光标逐字打出,图形上的轻微抖动每次渲染都完全一样。
适合谁
- 讲清楚一个流程或概念,而不只是宣布上线
- 核心是一张示意图的开发者工具和 B2B 产品
- 放在落地页上的新手引导和「它是怎么工作的」视频
镜头结构(30 秒)
- 01标题卡 3 秒产品名被写出来,下面画一道线。
- 02痛点 5 秒快速勾勒现在的土办法,然后划掉。
- 03界面 6 秒一张真实截图,关键部分被画上一个圈。
- 04怎么用 8 秒步骤之间两三个箭头,每个标签逐字打出。
- 05结果 5 秒一句话说出结果,下面画线。
- 06片尾标版 3 秒名字、域名,再画一个箭头指向行动号召。
用到的预设
老实说:我们的引擎目前还没有一个专门的手绘笔刷预设。这种样子是用揭示类和打字类预设,加上引擎的 wiggle 和 noise 表达式拼出来的,抖动因此每次渲染都一模一样。在简报里说明想要这种风格,我们就用这些部件来画分镜。
- wipe-reveal
- wipe
- typewriter
- scale-pop-by-char
- fade-in
- fade-out
- wiggle(表达式)
- noise(表达式)
常见问题
真的是手画的吗?
不是。画出来的线条和抖动都由我们的动效引擎生成,所以每次渲染完全一致,任何一个镜头都能单独修改。这是手绘的样子,不是手工插画。
会把我的产品界面画出来吗?
不会。你的真实截图保持原样,手绘元素只是指向它们。我们不会凭空画一个你的界面。
能做 9:16 竖版吗?
能。竖版会按 1080×1920 重新排版,而不是从 16:9 裁出来。
用这种风格试试你的产品
粘贴网址,在说明里写上风格名。简报和分镜会先发给你确认,预览免费。