Flash CS4 Professional实用案例教程6.7.3

  • 格式:pdf
  • 大小:693.52 KB
  • 文档页数:4

制作“海滨风光”遮罩动画
6.7.3 快速上手
f步骤1 新建Flash文件。

选择【修改】→【文档】命令或按下Ctrl+J键,打开【文档属性】对话框,设置文档尺寸为550×400像素,其他默认,如图6-94所示。

单击,进入场景1。

f步骤2 选择【文件】→【导入】→【导入到库】命令,打开【将“海岸.psd”导入到库】对话框,如图6-95所示。

单击,将本章素材文件夹中名为“海岸.psd”的图像文件导入到库。

图6-94【文档属性】对话框
f步骤3 选择【插入】→【新建元件】命令,创建一个名为“海水”的图形元件,单
击,进入元件编辑区。

将库中的“海岸”图形元件拖入舞台,水平、垂直居中。


其分离,用最小的【橡皮擦工具】擦去“海”以外的部分,只留下“海水”部分,如图6-96所示。

图6-95 将“海岸.psd”导入到库图6-96只留下海水部分
f步骤4 选择【插入】→【新建元件】命令,建立一个名为“海浪”的影片剪辑元件,
单击,进入元件编辑区。

再添加一个图层。

下层命名为“海水”,上层命名为“遮罩”。

f步骤5 选择“海水”图层第一帧,从【库】中拖出“海水”图形元件到舞台,全居中。

在第160帧处插入帧,并锁定。

f步骤6 绘制“遮罩”图形元件。

选择“遮罩”图层第一帧,用【矩形工具】在舞台上拖出一个规格为670×6像素的无边线长条矩形,然后复制、粘贴若干,总高度约为“海水”的一倍,如图6-97所示。

选中全部实例,并将其转换为图形元件。

f步骤7 调整“遮罩”位置。

选择【任意变形工具】,选中“遮罩”实例,将鼠标放到左上角的控制点上,待出现旋转箭头后向下拖一个角度,用【选择工具】将
图6-97绘制“遮罩”图形元件
其左下角对齐“海水”的左下方,如图6-98所示。

f步骤8 在第160帧插入关键帧,再将该实例的右上角对齐“海水”的右上角,如图6-99所示。

图6-98对齐“海水”的左下方图6-99对齐“海水”的右上角
注意:
遮罩的位置可视水流的方向进行调整,可边观看效果边调整遮罩的位置和角度。

f步骤9 单击时间轴上的第1帧,右击中间过渡帧,在弹出的快捷菜单中选择“创建传统补间动画”。

右击遮罩层,在弹出的快捷菜单中选择“遮罩层”,设置该层为遮罩层。

创建完成的时间轴效果如图6-100所示。

图6-100创建完成的时间轴
f步骤10 返回场景1,添加两个图层,共三个图层。

自上而下命名为海水、海浪、海岸。

选择“海岸”图层第一帧,从【库】中拖出“海岸”图形元件到舞台,大小与舞台相同,全居中。

在第160帧插入帧并锁定。

如图6-101所示。

图6-101选择“海岸”图层第一帧
f步骤11 选择“海浪”图层第一帧,从【库】中拖出“海浪”影片剪辑元件到舞台,左对齐、底端对齐,与“海岸”中的海水完全重合。

然后,用方向键将该实例向左移动一个像素,再向下移动一个像素。

在第160帧插入帧,并锁定。

时间轴效果如图6-102所示。

图6-102选择“海浪”图层第一帧
f步骤12 选择“海水”图层第一帧,从【库】中拖出“海水”图形元件到舞台,左对齐、底端对齐。

用【任意变形工具】选中该实例,并将其注册点移到左上角,然后缩小其大小为130×35像素,在【属性】面板中设置其Alpha值为0%。

设置完成后的效果如图6-103所示。

f步骤13 在第80、160帧插入关键帧。

选中第80帧上的实例,并将其大小放大为450×310像素,在【属性】面板设置其Alpha值为50%。

设置完成后的效果如图6-104所示。

图6-103设置其Alpha值为0%图6-104设置其Alpha值为50%
f步骤14 分别依次右击第1帧、第80帧,创建1~80帧和80~160帧这两个区间的“传统补间动画”。

将该层锁定。

完成后时间轴显示如图6-105所示。

图6-105 创建两个区域间的传统补间动画
f步骤15 选择【控制】→【测试影片】,观看动画效果。

也可以选择【文件】→【发布设置】,发布为“海滨风光.swf”格式文件,还可以直接保存为“海滨风光.fla”动画源文件。