首页 理论教育 快速学习Flash动画设计技巧

快速学习Flash动画设计技巧

时间:2023-11-05 理论教育 版权反馈
【摘要】:图3-161 时间轴分布4)单击时间轴下方的按钮,新建“图层2”。提示:为了便于观看圆形所在位置,可以单击“图层2”后面的颜色框,将圆形进行线框显示,如图3-163所示。8)在“图层2”的第1~10帧之间单击鼠标右键,从弹出的快捷菜单中选择“创建补间动画”命令,此时时间轴分布如图3-166所示。

快速学习Flash动画设计技巧

遮罩动画是通过遮罩层来完成的,可以在遮罩层中创建一个任意形状的图形或文字,遮罩层下方的图像可以通过这个图形或文字显示出来,而图形或文字之外的图像将不会显示。

创建遮罩动画的具体操作步骤如下:

1)新建一个Flash CS6文件(ActionScript 2.0),然后执行菜单中的“修改|文档”(快捷键<Ctrl+J>)命令,在弹出的“文档设置”对话框中将背景色设置为黑色(#000000),单击“确定”按钮

2)执行菜单中的“文件|导入到舞台”命令,导入“配套光盘\第3章Flash CS6动画基础\遮罩\背景.jpg”文件,并利用“对齐”面板将其居中对齐,如图3-160所示。

978-7-111-43256-2-Chapter03-393.jpg

图3-160 将图片居中对齐

3)选择“图层1”的第60帧,执行菜单中的“插入|时间轴|帧”(快捷键<F5>)命令,插入普通帧,此时时间轴分布如图3-161所示。

978-7-111-43256-2-Chapter03-394.jpg

图3-161 时间轴分布

4)单击时间轴下方的978-7-111-43256-2-Chapter03-395.jpg(新建图层)按钮,新建“图层2”。然后利用工具箱中的978-7-111-43256-2-Chapter03-396.jpg椭圆工具),配合<Shift>键,绘制一个笔触颜色为978-7-111-43256-2-Chapter03-397.jpg(无色),填充色为绿色的正圆形,放置位置如图3-162所示。

提示:为了便于观看圆形所在位置,可以单击“图层2”后面的颜色框,将圆形进行线框显示,如

图3-163所示。

978-7-111-43256-2-Chapter03-398.jpg

图3-162 绘制圆形

978-7-111-43256-2-Chapter03-399.jpg

图3-163 线框显示

5)执行菜单中的“修改|转换为元件”(快捷键<F8>)命令,将其转换为元件,结果如图3-164所示。(www.xing528.com)

6)选择“图层2”的第35帧,执行菜单中的“插入|时间轴|关键帧”(快捷键<F6>)命令,插入关键帧。

7)利用工具箱中的978-7-111-43256-2-Chapter03-400.jpg(任意变形工具),将第1帧的圆形元件放大,如图3-165所示。

8)在“图层2”的第1~10帧之间单击鼠标右键,从弹出的快捷菜单中选择“创建补间动画”命令,此时时间轴分布如图3-166所示。然后按<Enter>键,播放动画,即可看到圆形从大变小的动画。

9)右击“图层2”,从弹出的快捷菜单中选择“遮罩层”命令,此时时间轴分布如图3-167所示。

978-7-111-43256-2-Chapter03-401.jpg

图3-164 将圆形转换为元件

978-7-111-43256-2-Chapter03-402.jpg

图3-165 将圆形元件放大

978-7-111-43256-2-Chapter03-403.jpg

图3-166 时间轴分布1

978-7-111-43256-2-Chapter03-404.jpg

图3-167 时间轴分布2

10)执行菜单中“控制|测试影片”(快捷键<Ctrl+Enter>)命令,播放动画,即可看到图片在可视区域逐渐变小的效果,如图3-168所示。

978-7-111-43256-2-Chapter03-405.jpg

图3-168 图片可视区域逐渐变小的效果

免责声明:以上内容源自网络,版权归原作者所有,如有侵犯您的原创版权请告知,我们将尽快删除相关内容。

我要反馈