像塑学习 / 3D基础 /

UV动画

UV动画

一、效果

在2D平面,我们可以采用播放序列帧的形式实现动画效果,但3D空间我们则需要使用UV动画实现我们的想法。UV动画是一种常用的渲染技巧,其原理是:动态修改贴图的UV坐标,使物体表面纹理产生连续变化,进而形成动画效果。

UV动画常用于模拟动态的流水、燃烧的火焰、流动的岩浆等表面纹理有规律变化的效果,它资源制作简单、效果较为真实、性能消耗低,此外,较于普通2D动画,它优势可以在3D曲面上绘制。


二、制作步骤

  1. 添加UV动画资源

点击资源面板右上角加号,添加UV动画资源,资源栏将出现「UV动画」、「UV动画材质」。

  1. 导入序列帧大图

点击资源栏右上角的加号,选择「从本地导入」,选择准备好的序列帧大图,资源栏出现对应文件。


  1. 设置UV动画材质

选中资源栏的「uv动画材质」,在右侧参数信息材质 MainTex下拉框中,选择上传的序列帧大图。

  1. 设置UV动画

选中资源栏的「uv动画」,在右下对应的参数面板中,设置正确的行数、列数和帧率。

和你的序列帧大图的行列数相同,决定了大图将被如何等分切开,fps决定了UV动画的播放速度。

  1. 将UV动画渲染至模型

首先,我们建立和UV动画每帧等比例的模型,示例为一个正方形平面。

其次,选中平面,参数信息栏的模型渲染,将材质选为UV动画材质。

简单调整平面坐标,露出平面,可以看到序列帧大图已经挂载至模型。


  1. 添加UV动画控制器

点击特效信息面板的目标模型,在对应的参数面板的底部,选择「添加组件」,选择「动画控制器」。


出现动画控制器,动画列表中点击「添加动画」,选择「UV动画」。

动画列表出现UV动画后,点击「播放」,即可开始播放动画,点击「暂停」停在此帧,点击「复位」回到第一帧开始播放。


选读:序列帧大图制作

使用UV动画,除正常的模型外,需要准备一张png格式序列帧大图(长或宽不能超过1024px)作为贴图。

当你手里只有一张gif或多张序列帧图片的时候,可以使用以下方法制作序列帧大图。

  1. 在PS中将GIF转成多张序列帧图片

使用PS打开gif图片,在右下角图层处可以看到,gif图已被分解为多个图层;

选择所有图层Shift+Ctrl+A(顶端菜单栏选择->选择->所有图层);

在图层面板鼠标右键,弹出的对话框选择「快速导出为png」,可以将多个图层导出为多个png序列帧图片。

  1. 在PS中将多张序列帧图片合成一张大图

通过 「顶端菜单栏-> 文件 -> 自动 ->联系表Ⅱ」打开序列帧大图的批处理。

联系表配置要点

  • 源图像:使用选择「文件夹」,点击 「选取...」 选择你的多张序列帧图片的文件夹,下设两个复选框不勾选。
  • 文档可以设置最终生成的大图的大小,需要根据下文的缩略图自身的尺寸和排布进行操作,如一张缩略图尺寸为300Pt×300Pt,排布为3×2,那么宽度为900Pt,高度为600Pt,其余默认即可。
  • 缩略图是指序列帧中的每一帧的小图,可以设置最终生成大图的排布,需要根据序列帧的数量进行列数和行数的设置,为了便于后续操作,建议列行尽可能相等,如有36张序列帧,设置为6×6最佳。其余复选框不勾选。
  • 将文件名用作题注需要取消默认勾选。

点击确定后,等待PS自行处理完成,导出此张序列帧png大图即可。