flash教程-万花筒的制作
实训 使用Flash制作万花筒
学号: 姓名: 实训时间:
实训目的:
1. 掌握Flash的元件制作及应用
2. 掌握遮罩层的应用技巧
3. 掌握库的简单应用技巧
实训内容:
1. 万花筒的制作综合了元件、遮罩层、库以及动画的嵌套等一系列知识,同时具有非常
高的可扩充性。其原理是制作出一个45度扇形的动画元件,再用旋转的方式做圆周的复制,制作出完整的万花筒。
2. 新建Flash文件,使用“文件”|“导入”|“导入到库”,将一张预先选定的图片导入到
Flash的库中。该图片包含的色彩越多,越复杂,其最终成品的效果越好。(本例中采用的文件名为“彩色玻球.jpg”,可自行选定)
3. 用ctrl+F8的快捷方式,新建元件,选择“影片剪辑”,直接保存为默认的名字“元件1”
即可。这时将会进入元件的编辑界面,注意:时间轴的上方应当如下图所示标明“场景1元件1”,而该界面的中心有一个小型的十字,代表的是元件的中心。将库中的“彩色玻球”移动到当前工作区,将鼠标对准十字。这一步操作是对元件的一个应用,将会在工作区产生一个“彩色玻球”的实例。
4. 将当前图层命名为“图片”,右击图层选择新建一个名为“遮罩”的图层,这时它应当
位于“图片”层的上方。用黑色的笔触和黄色的填充,绘制一个大小适中的正圆,然后用选择工具选定(注意笔触和填充一起选定的方法),用鼠标点住圆心附近的位置移动,将会看到一个代表圆心的小圆,最后,将小圆和工作区中间的十字重叠。这一步操作关系到万花筒的创建过程是否顺利,需要认真完成。
5. 以十字为起点,做一条水平的半径,然后选中它,点击任意变形工具,将白色的代表
中心点的小圆,移动到半径的最左边(也就是和大圆的圆心重合)
6. 点击任务窗格上的“对齐&信息&变形”,选取“变形”菜单,或直接用快捷键Ctrl+T
打开。将旋转的参数改为45度,点击一次“复制并应用变形”,这样并可以做出一个45度角的扇形。5-6两步操作目的为创建一个45度角的扇形。
7. 仅保留扇形的图案,将圆的其他部分笔触及填充全部删除。如发现不能正常选择“其
余”的部分,应当优先检查扇形是否真正闭合。正圆的画图错误,或者步骤6的使用不当都有可能造成不良效果。
8. 回到“图片”层,在60帧插入一个关键帧,右击1-60帧之间的任意一个空白处,创建
补间动画,双击“12.0Fps”将帧频的值修改为30Fps,最后于下方的属性中,选择“旋转”|“顺时针”。
9. 回到“遮罩”层,同样也在60帧插入一个关键帧。最后右击该图层,选择“遮罩层”。
到目前为止的创建结果如下所示。
10. 遮罩层的作用是对被遮罩的图层做形状的修正,以本实验为例,遮罩层的形状是一个
扇形,那么对于遮罩层下方的图层,用户就只能看到该扇形所圈定的范围。
11. 动画元件的创建结束,点击时间轴上方的“场景1”返回。打开库,将“元件1”拖动
到工作区上适当的位置,再一次打开变形的任务窗格,同样是45度的旋转,这次连续复制,直到复制出一个完整的正圆。
12. 进一步的扩展方向(供学有余力的同学参考):1、 本例使用的是扇形,如果在创建动
画元件时使用其他的形状,则可以做出更加千变万化的万花筒;2、 用旋转的方式做出一个圆,是最基础的做法,实际上我们可以对元件进行任意的修改,包括运动,甚至再一次的旋转,请自行发挥创建出特色的效果。
13. 将文件保存为“学号+姓名+万花筒.fla”,用快捷键Ctrl+Enter观看播放效果,确认无误
后发送至公共邮箱[email protected]
思考:我们说过Flash使用时间轴和帧、以及补间的概念做出动画,一般来说时间轴上应当有多个帧。但是我们这次做出的万花筒,为何虽然只有一个帧,却能以动画形式播放?