群发资讯网

一个周末,做出一套把人物故事拼成会动人脸的动画引擎。作者却说:80% 的重活,在他接手之前就已经做完了

一个周末,做出一套把人物故事拼成会动人脸的动画引擎。作者却说:80% 的重活,在他接手之前就已经做完了。

设计师 Agu Seguí 给访谈节目《First of Kind》做了 Mosaic Studio:把嘉宾聊到的词排成肖像,近看是一个个单词,远看是 Vercel 创始人的侧脸。

看演示👇

要是让你用三个词拼出自己的脸,你会选哪三个?原文最后就有一套从三个词开始的练习。

🧩 近看是词,远看是脸每个词块的位置、大小、字色和底色,一起充当五官和光影,作者自己说像查克·克洛斯的分块肖像、修拉的点彩

🎨 词的意思,决定它怎么动BORGES 像胶片显影一样从颗粒里浮出来,JSON 像终端里的光标逐字打出,SLOP 是故障错块和色彩分离,还会传染给旁边的词

🎬 网页和宣传片共用一套规则同样的场景、随机种子和帧号,算出来的画面就一样:网页上实时播放、能点能玩,导出时一帧一帧渲染成片头和社媒视频,不用两边各做一遍

🖱️ 网页本身就是一段故事从一个词 DRAGON 开场,点一下展开整面词墙,访谈金句逐段播放,最后镜头拉远,红白黑的词块聚成嘉宾的脸

🤖 AI 只干它擅长的那部分作者靠自己对图形技术的理解写提示词,视频编码那块 FFmpeg 的决策大多交给了 Claude Opus 5.5;版式和视觉语言是原来的设计师定好的,多数动效来自开源的 Paper Shaders

说人话就是:AI 能帮你一个周末把东西做出来,前提是你先想清楚它该长什么样。

原文拆了每种动效怎么对应词义,还有一套照着做的练习:选三个词、配动效、再排横竖两版构图。

完整解读放评论区了👇