Photoshop制作GIF动画使用蒙版制作动画(11)

来源：大师之路作者：赵鹏出处：巧巧读书 2008-03-19 进入讨论组

关键词：
photoshop制作

前一课的作业没有技术层面上的难点，所需要的就是细致的观察和耐心的思考。因此我们不会再做详细讲评，仅简要介绍。并附带PSD源文件供大家参考。

　　文字从黑变白的做法是建立白色文字层，将文字层的填充不透明度作成动画，即可形成从黑到白的效果。其实应该是逐渐隐现的淡入效果，只是由于背景为黑色而已。文字边缘的效果则是描边，使用了图案描边。图案描边可以使用鼠标拖动调整位置，正是将这个位置做成了动画效果。大部分边缘闪动的效果都可以这样来制作。另外还可以试试看将图案缩放做成动画，效果也类似。点此下载该范例的PSD源文件，打开后若出现字体缺失的警告，则可改用其它字体，对最终效果没有多大影响。

　　在Photoshop制作动画的内容中，最重要的是基本的时间轴、关键帧等概念。在此基础上，要令动画漂亮、精细，则需要依靠样式。因此够熟练使用图层样式也是一个重要的条件。本课将介绍另一个动画基础知识，就是在动画中使用蒙版。当然，在此之前要求大家已完全掌握了基础教程中蒙版部分的知识，在这里不会重复介绍。如果想要了解这方面的内容，可点此观看动画教程。蒙版的文字教程只包含于书籍《大师之路-Photoshop中文版完全解析》中。

　　在时间轴的项目中，大家都已经看到过蒙版的项目，分为普通的点阵蒙版与矢量蒙版。它们各自都具备两个动画项目，一是蒙版的位置，二是蒙版的启用。

　　所谓启用就是指蒙版的有效性，即开启或关闭。可以用来控制物体的出现或消失，但不能带有过渡效果。也就是说要么就完全有，要么就完全没有，而不能在两者间过渡。实用价值不是很大，因为同样的效果我们直接使用图层不透明度和“保留插值”就可以实现。

　　蒙版位置则是一个大有用处的项目，如果我们要制作一个模拟进度条的动画，如下图所示。由于Photoshop不支持变形动画，因此不能简单地通过变换命令实现。虽然可以通过之前介绍的“独立图层”来制作，但未免显得太过繁琐，且后期可编辑性极差。

　　观看范例动画

Photoshop制作GIF动画使用蒙版制作动画(11)（图一）

　　用蒙版来制作这个动画则非常简单，在新建的图层中画好长方形，建立一个全白的蒙版，再将其填黑，解除蒙版与图层的链接关系，如下左图所示。接着就可以设定蒙版位置的动画项目了。其过程很简单，就是在开始时刻保持蒙版在全黑，在结束时刻将其移动(往左往右自定)到完全露出白色，也就是不再遮挡图层内容为止。动画的文档设定为1秒、15fps。

　　也可以将蒙版制作为带有渐变的，如下右图所示。这样可以令进度条的末端显得平滑些。

　　观看范例动画