像素画水面波浪瀑布动画教程

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

文本概览:全文约 855 字,阅读约 3 分钟。

跟完这篇,你会用椭圆链做出可循环的波浪,再拆出瀑布、河流脉冲线和水面反射动画

先看水面总览

水之所以好看,不只是颜色,更是表面在动。先看一组综合演示,建立“波、流、溅”的整体感觉。

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

常见教法直接乱点高光。这篇差异:先做可平铺的波导轨,再往瀑布、河流、反射上套同一套节奏

椭圆链做出波浪

侧视海面接近正弦波,但真实浪峰比浪谷更陡。动手时仍可先从规则正弦波起步,再改形。

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

关键在这一步:先串一串椭圆,沿外轮廓描出对称波形。圆形链适合短而深的浪,扁椭圆适合宽而浅的浪;想更像真浪,可把相邻椭圆做成不对称配对。

到这停一下:波形满意了再开动画。导轨也能先测循环是否接得上,免得画完才发现跳帧。

同一套“波运动”还能用在非水特效上——火焰护盾开合、狙击爆裂,都能看见波纹在推形。

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

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

先看这两张图:波不一定只服务水面,任何需要“鼓起 → 回落”的循环都能借这套导轨。

瀑布拆成三段

瀑布看起来复杂,其实可以拆成:口(mouth)、流(flow)、溅(splash)。

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

口在顶部,偏亮、高光多;流是中间竖带,色带下垂并逐渐变暗,到底部再断开;溅要跟流的循环对齐,否则会“水在流、沫在跳拍”。

注意:水面闪光也可以是 6 帧循环,高光位移尽量走直线,并和云影亮区对上,反射才站得住。

河流用脉冲线

河道弯多、又不贴格子时,不必硬做整块流动贴图。

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

做几段短脉冲线动画,放在转弯、收窄、需要“看得出方向”的位置就够。跟练时:先定流向,再沿线放脉冲,别整河铺满。

反射先静后动

静态反射:翻转场景,再补高光。难点是动起来还要像在流。

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

先把静态反射画到“不动画也好看”。很多场景里倒影会略压矮,但不绝对,对着参考调。

若用 After Effects 一类波纹效果:波速、宽度、高度都偏小,才是慢而细的水面;波源放在画面下方外侧,只见单方向推进,更像线性水流。素材四周要留透明边,效果才有空间生成。调好看再在时间轴上找能无缝循环的点。

参考资料

Pixelblog - 10 - Water in Motion — SLYNYRD: https://www.slynyrd.com/blog/2018/10/12/pixelblog-10-water-in-motion