设计的表现手法是多种多样的，根据广告述求的主题选择合适的表现手法进行创作，才能起到恰如其分的宣传作用，得到消费者的认可。该广告的主题是一款射击类的网络游戏，本实例巧妙的利用图层蒙版遮盖图像的功能，将画面制作成了射击瞄准器的样式，整个画面使观看者很有代入感，技巧性的抓住了观众的眼球。这种以观看者的视角来表现画面主题的设计手法，很轻易的使简单的平移动画焕发出了新的光彩。如图12-2所示，为本实例的完成效果。

图12-2  本实例完成效果

技术提示

默认情况下，图层或组和其图层蒙板或矢量蒙版之间有链接，当使用“移动”工具移动图层或其蒙版时，它们将在视图中一起移动。如果取消它们之间的链接，就能够单独移动它们，并可独立于图层改变蒙版的边界。

该网络游戏广告的动画制作，主要是通过单独移动图层蒙版，来遮盖同一幅图像的不同部分，并将这一过程记录为动画帧的方法，来实现平移动画效果。如图12-3所示，为本实例的制作流程。

图12-3  本实例制作流程

制作步骤

（1）启动Photoshop，执行“文件”→“新建”命令，打开“新建”对话框，参照图12-4所示设置对话框，创建一个新文档。

图12-4  设置“新建”对话框

（2）首先将背景填充为黑色，然后执行“文件”→“打开”命令，打开本书附带光盘

\Chapter-12\“背景1.jpg”文件，使用“移动”工具，将该文档中的图像拖动到创建的新文档中，如图12-5所示。

图12-5  添加素材图像

（3）选择工具箱中的“椭圆选框”工具，按下<Shift>键的同时在视图中绘制一个正圆选区，然后单击“图层”调板底部的“添加图层蒙版”按钮，为“图层 1”添加图层蒙版，将选区以外的图像隐藏，如图12-6所示。

图12-6  添加图层蒙版

（4）打开本书附带光盘\Chapter-12\“组件.psd”文件，按下<Ctrl>键的同时单击该文档中“图层 1”

前的图层缩览图，将刻度图像作为选区载入，然后使用“矩形选框”工具，将选区拖动到“网络游戏广告”文档的相应位置，如图12-7所示。

图12-7  添加选区

提示：选择“矩形选框”工具，将鼠标放入选区内，当“矩形选框”的光标变换成时，单击鼠标，同时保持鼠标左键按下状态，移动选区。

（5）在“网络游戏广告”文档中，确定“图层 1”的图层蒙版为当前可编辑状态，使用黑色填充选区，将选区内的图像遮盖，然后按下<Ctrl+D>键将选区取消，如图12-8所示。

图12-8  编辑蒙版

（6）确定前景色为黑色状态下，选择工具箱中的“直线”工具，参照图12-9所示设置选项栏，然后在视图中绘制直线，制作出准星图像，对蒙版进行编辑。

图12-9  编辑图层蒙版

（7）设置前景色为白色，再次使用“直线”工具，对蒙版进行编辑，制作出瞄准器四周的边框效果，如图12-10所示。

图12-10  制作边框图像

（8）在“图层”调板中，单击“图层 1”的图层缩览图与图层蒙版缩览图之间的链接图标，将其之间的链接断开，如图12-11所示。

图12-11  断开链接

提示：图层缩览图与图层蒙版缩览图之间的链接图标名称为“指示图层蒙版链接到图层”。在图层缩览图为选择状态下，如果该图标为显示状态，使用“移动”工具拖动图像，图像与蒙版同时移动；如果该图标为隐藏状态，使用“移动”工具拖动图像时，蒙版保持原位置，图层中的图像移动。

（9）接下来再将“组件.psd”文档中的其他图像拷贝到“网络游戏广告”文档中的相应位置，并添加相关的文字信息，完成静态画面的制作，如图12-12

所示。

图12-12  添加装饰图像和文字信息

（10）打开“动画”调板，选择工具箱中的“移动”工具，然后再激活“图层 1”的图层蒙版缩览图，使其为当前可编辑状态，结合<→>键，将蒙版向右移出视图，当前视图中显示的画面就是动画的第1帧，如图12-13所示。

图12-13  创建动画的第1帧

（11）单击“动画”调板底部的“复制选中的帧”按钮，创建出动画的第2帧画面，根据第2帧画面所要显示的图像内容，调整“图层 1”蒙版的位置，如图12-14所示。

图

12-14  编辑动画的第2帧

（12）使用前面复制帧，调整蒙版位置的方法，参照图12-15、图12-16和图12-17所示，编辑出动画的第3~26帧。

图12-15  编辑动画的第3～10帧

图12-16  编辑动画的第13～18帧

图12-17  编辑动画的第19～26帧

提示：移动图层蒙版时，切记要按下键盘上的<Shift>键再移动蒙版，这样可以使蒙版保持在同一水平线上。

（13）参照图12-18、图12-19和图12-20所示，编辑出第27～44帧动画。

图12-18  编辑动

画的第27～34帧

图12-19  编辑动画的第35～42帧

图12-20  编辑动画的第43帧和第44帧

（14）确定第44帧动画帧处于选择状态，按下<Shift>键的同时单击第1帧动画帧，将这些动画帧全部选中，然后单击任意一帧缩览图下方的空白处，在弹出的快捷菜单中执行“0.1秒”命令，如图12-21所示，将动画帧的延迟时间设置为0.1秒。

图12-21  设置延迟时间

（15）至此，完成整个实例的制作。接着执行“文件”→“存储为Web所用格式”命令，将文档存储为GIF格式，如图12-22所示。如果读者在制作的过程中遇到什么问题，可打开本书附带光盘\Chapter-12\“网络游戏广告.gif”文件进行查看。

图12-22  存储文档