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”动画源文件。