刷到 Kazehaya Fuyuka 这张卡牌作品时,我第一反应是:这全息反光也太像宝可梦卡了。再仔细看,卡面布局又有点眼熟,像是《万智牌》的排法。结果作者自己说,灵感来源其实是《小丑牌》。一张卡同时致敬三种卡牌游戏,这活儿整得挺明白。

从漫威争锋练手开始

打开网易新闻 查看精彩图片

这张卡上的角色叫 Fuyuka,副标题是 Shadow Striker。按作者的说法,它最初只是一个练习:研究《漫威争锋》里铁拳的“阿戈摩托不朽武器”皮肤。也就是说,角色本身不是凭空设计的,而是从游戏皮肤研究里长出来的。

原画在 Clip Studio Paint Pro 里完成,主要用软件自带的软笔刷和硬笔刷。衣服上的阴影用了 3D Paint Texture 笔刷,边缘软化则靠 Painterly Blender 笔刷。背景那个有点迷幻、像传送门一样的效果,是用 Grunge Line Fill 和 Grunge Line Texture 做出来的。

这些笔刷名听起来挺专业,但核心逻辑不复杂:软硬结合铺底,纹理笔刷补细节,混合笔刷收边缘。对想试类似风格的人来说,工具都在软件里,不用额外找什么冷门插件。

全息效果不用关键帧

全息反光的灵感直接来自宝可梦实体卡。作者拿实体卡当参考,在 After Effects 里做动画。比较意外的一点是:整个过程没用到关键帧,只靠几个表达式就把效果搭起来了。

作者在 X/Twitter 上解释过旋转卡片的做法:X 轴和 Y 轴用同样的振幅和频率,分别套上余弦和正弦函数。换句话说,旋转不是手动调的,是数学函数驱动的。对熟悉 AE 表达式的人来说,这属于基础操作;但对不碰表达式的人,可能是个新思路。

作者还推荐了一个 Mix and Jam 的教程,内容是做《小丑牌》风格的卡牌。想深入了解的话,可以顺着这条线去看。

彩虹粒子是后加的

后来作者又在卡面上加了一层闪烁的全息粒子,用来增强彩虹反射。不过现在这个版本还没定稿。作者说,等把混合模式搞清楚、效果最终确定后,会把工作文件放到 Gumroad 上分享。

目前能下载的是 Kazehaya Fuyuka 的 Star Particles Ex 笔刷套装,就是用来做那些彩虹闪光的。也就是说,成品文件还没放出来,但制作过程中用到的笔刷可以先拿到。

这也不是作者第一次在 After Effects 里做全息卡。之前还有一张宝可梦风格的作品,风格上是一脉相承的。

源头其实是一套 CSS 样式

作者提到,这套全息卡系列能做出来,要归功于 Simon Goellner 的一套高级 CSS 样式合集。Simon Goellner 就是那个做出宝可梦卡全息效果的人,Fuyuka 用他的效果来设计自己的角色卡。整套全息效果合集和源代码都能找到。

这件事有意思的地方在于:一个 CSS 前端效果,被游戏美术拿去做成了卡牌动画。工具链跨得挺远,但视觉逻辑是通的。对同时碰网页和动画的人来说,这算是个现成的交叉参考。

想继续看怎么做

如果对《小丑牌》风格卡牌制作或者全息效果感兴趣,原文还提了几个参考:CMZW 的作品、Sayphur 的 3D 作品,以及 Blender Guru 的教程。方向不太一样,但都围绕卡牌和全息视觉展开。

总结一下这张卡的技术路线:Clip Studio Paint Pro 画角色,After Effects 用表达式做旋转和全息反光,粒子层增强彩虹反射,源头灵感来自宝可梦实体卡,底层参考是 Simon Goellner 的 CSS 全息效果。工具不冷门,思路挺清楚,剩下的就是动手试了。