多语言展示
当前在线:1041今日阅读:75今日分享:44

flashCS6基础教程-18-动画篇6(遮罩续2)

本节课续接17课的内容,上节课将所需的素材都已备好,请大家打开保存好的fla文件,我们这节课来做遮罩动画
工具/原料

flashCS6

方法/步骤
1

1、首先,给 灰色遮罩层 做补间动画<1>在本层的200帧按F6键(插入了关键帧),然后用选择工具单击舞台上的灰色长方形,按住Shift键不放,向右拖(可以保证一定在水平方向上移动对象),让其右端恰好抵达舞台的右端为止。<2>在 清晰图片 和 模糊图片 两个图层上的 第200帧分别按F5键(插入了普通帧,用于延长画面存在的时间)<3>然后在 灰色遮罩层 图层的某一帧上点右键,选择 创建传统补间最后在 本层上 点右键,选择 遮罩层这样,一个“图片由左至右逐渐变清晰”的动画就做出来了。

2

2、制作 轴 的补间动画<1>在 轴 图层的200帧按F6键,<2>用选择工具单击舞台上的 轴,移动到舞台的最右侧<3>在本层的某一帧上点右键,选择 创建传统补间这样,一个卷轴的效果就出来了我们将播放头移动到100帧上,就会发现下图2的效果,轴的左侧是清晰的图、轴的右侧是模糊的图,看起来就是如下的一种效果:在一张画上,覆盖着一层半透明的薄膜,我们将薄膜从左往右给慢慢揭开。但是,为了能实现“卷”的效果,我们还需要继续加新的遮罩动画

3

3、通过单击下图位置,可以瞬间跳转到时间轴的第1帧时间轴上的该处可以比较方便的切换播放头的位置,大家自己尝试一下即可

4

4、将 清晰图片 这个图层复制一层,然后将复制后的图层重命名为 反转图片,然后用鼠标按住这个图层不放,将其移动到所有图层的最上层,松开鼠标。然后单击本层的 锁 ,取消其锁定状态

5

5、<1>用选择工具单击 反转图片 图层内 舞台上的图片,按住Shift键不放,移动到舞台外部,移动到哪里呢?让其最右端与舞台的最左端对齐,或者在属性面板内将x直接修改为-800也可以,如下图1所示<2>接下来,我们将图片给反转过来,执行菜单栏的修改>变形>水平翻转 ,执行操作后,就发现是下图2的效果<3>在本层的200帧按F6键(插入了关键帧),然后用选择工具单击舞台上的图片,将其移动到下图3的位置(x坐标为1600)<4>对本层设置 传统补间 动画

6

6、将 轴 图层复制一个,然后移动到所有层的最上面,右键单击本层,选择 遮罩层。我们将播放头移动到63帧,如下图所示

推荐信息