正在阅读:Photoshop CS3使用蒙版制作动画Photoshop CS3使用蒙版制作动画

2008-05-04 09:11 出处:PConline 作者:赵鹏 责任编辑:chenzhenjia

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

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

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

上一节:Photoshop CS3作实战图层样式动画

键盘也能翻页,试试“← →”键
本文导航
第1页:前言
第2页:蒙版制作动画方法
第3页:范例PSD源文件下载

关注我们

最新资讯离线随时看 聊天吐槽赢奖品