Photoshop CS3使用蒙版制作动画

来源：PConline 作者：赵鹏出处：巧巧读书 2008-05-04 进入讨论组

关键词：
photoshop制作

　　蒙版动画的技术性内容就是这些，并不高深，但如果结合之前的知识，就能做出很多效果。比如我们之前学过图层样式动画中的角度渐变动画就可以利用蒙版进一步制作。普通的角度渐变如下左图所示，我们为其添加上一个矢量蒙版，如下右图所示。就可以作出一个圆形进度条的动画了。点此下载这个动画的PSD源文件。供大家自行分析。

　　虽然这里可以使用点阵蒙版，但矢量蒙版能很好地适应图像缩放。这样可以很容易地将动画改变为任意尺寸以适应不同的需求。有关点阵与矢量的区别、矢量路径的绘制在基础教程部分已经介绍过了。后面的课程中会介绍动画尺寸对于字节数的影响。

图10

Photoshop CS3使用蒙版制作动画（图十五）
图11

Photoshop CS3使用蒙版制作动画（图三）
图12

　　将上面的蒙版改变为圆环，或更改渐变的样式，还可以得到另外的动画效果。

Photoshop CS3使用蒙版制作动画（图四） Photoshop CS3使用蒙版制作动画（图五）
图13

　　此外，相同色标的渐变可以将色标位置的变化作为动画，如下图所示。可以形成渐变逐渐展开的效果。

Photoshop CS3使用蒙版制作动画（图十六）
图14

Photoshop CS3使用蒙版制作动画（图十七）
图15

　　大家也许认为范例的动画总用黑白灰度太单调，这其实是我们从教学角度出发而采取的方式，一是灰度没有色彩干扰可以清晰的表示内容，二是灰度很容易以不同的混合模式作用于任何颜色之上，从而经过简单的修改步骤就能形成良好的效果。这个我们在基础教程的第11章节第6小节已经介绍过了。可点击观看该小节视频教程。文字教程则只包含于出版的书籍《大师之路-Photoshop中文版完全解析》中。

　　我们为动画添加上投影、外发光等，并更改填充的颜色和渐变的叠加方式，就得到了如下图所示的图像效果。注意这个动画的文档设定改为了10fps，以后会介绍为何更改。

Photoshop CS3使用蒙版制作动画（图十八）
图16

Photoshop CS3使用蒙版制作动画（图六）
图17

　　到现在为止，我们基本都是在以单个图层作为动画的对象，但并不代表在实际的制作中也要如此“节约”。大家尽可以使用多个图层来组成画面更丰富的动画。不过依然要遵循这一个原则，即用尽可能少的图层去制作。因为图层数量一多容易造成混乱，且不利于后期修改。另外一个原则早在基础教程时候就提到过了，那就是尽量使用矢量。

　　以下就是我们用两个图层组成的动画。由于这个动画字节数太大，就不在网页中展示了。大家可将其当成作业，我们提供源文件供大家研究。点此下载范例PSD源文件。

Photoshop CS3使用蒙版制作动画（图十九）
图18

　　Photoshop也可以为图层组制作动画，但仅限于图层组的总体不透明度，以及图层组蒙版。不支持图层组位置动画，这多少有些遗憾。如果能够支持图层组位置动画，则我们就可以很容易制作相对移动。比如先制作文字在按钮上的横向移动，然后将文字与按钮组成图层组，再为图层组定义一个竖向移动的动画，就可以完成上面的作业了。