使用google文档发布,你也可以使用且行小组帐号参与讲义编写。
讲义访问地址:https://docs.google.com/Doc?id=dc6pxz47_14n6j85f
本课程主要flash五种基本动画类型的制作,并熟悉关于图层与帧的操作。
问题一:Flash可以做哪些动画?
什么是动画?
动画不过是物体持续的不同状态,所以制作动画需要两个条件:
1 有不同的时间(这个在flash里非常好控制,通过时间轴上的帧就可以设定时间)
2 有不同的状态(至少两个状态):因为只有有变化了,我们才能知道“动”了。
Flash里如何做动画呢?实际就是在不同的帧上设定物体的不同状态就形成动画了,有一些过渡的状态不需要设置(系统可以自动生成,此称之为:补间)。
学习flash动画制作基础最有效的方法一定要学会观看时间轴。
依据flash的功能和动画实现方式不同,我们把flash中制作的动画分为五类:
1 逐帧动画(每一个不同的状态,都需要自己去设置)时间轴如下:
2 形状补间(只需要定义两个关键帧,中间状态系统生成),时间轴如下:
3运动补间(只需要定义两个关键帧,中间状态系统生成),时间轴如下:
4 引导线动画(在补间动画基础上添加引导线),时间轴如下:
5 遮罩动画(在已有动画基础上添加遮罩),时间轴如下:
问题二:逐帧动画制作条件。
按帧做好运动对象的不同状态。
可以根据运动的快慢设置时间轴的帧频。
逐帧动画制作示例:写字的过程。
1 新建文件,设置好舞台大小与背景,并在舞台上添加一个文字,文字设置大一些(150左右),并打散。(即把文字转换成形状,这样就可以使用橡皮工具擦除了)
2 根据你要写的字的笔画多少,加入适当的关键帧,记住文字打散后,选择橡皮工具,把文字的最后写出的一小部分擦除(记住:一定是倒笔画)后F6加入关键帧,再擦除一小部分,再插入关键帧,再擦除,依此类推,直到把文字擦除完。
3 选择所有关键帧(可以使用shift键与鼠标配合),在选择的帧上,右键单击:选择翻转帧,输出动画(CTRL+ENTER)观看效果。
想一想为什么要翻转帧?
问题三:形状动画制作条件。
两个关键帧中的对象必须是形状(选中看属性面板上面有提示)
两个关键帧中的对象必须为不同的状态(如大小,颜色,位置等)
点击第一帧与最后关键帧中间任意位置:选择补间方式为形状补间
如果一个对象不是形状,如何转换成形状呢?
打散:CTRL+B(要选中打散的对象,组合的对象要打散多次才可以转换成形状)
实践:请制作一个矩形转换成平行四边行(可以使用任意变形工具的适当选项来做平行四边行)的动画。
思考:变形的时候如何精确控制变形的点。(选中动画的第一帧,然后如下图菜单:添加形状提示,观看前后两关键帧的变化)
问题四:运动动画制作条件。
两个关键帧中的对象必须是非形状,并且为同一对象(选中看属性面板上面有提示):建议大家统一使用影片剪辑来做这个动画。
两个关键帧中的对象必须为不同的状态(如大小,颜色,位置等)
点击第一帧与最后关键帧中间任意位置:选择补间方式为运动补间
实践:
制作一个图像从显现到消失的动画。(可以利用影片剪辑的alpha属性)
过程:
1 导入一个图像到舞台,并调整大小,不要让图像变形。
2 右键在图像上单击,选择转换为元件,在弹出的对话框中选择元件的类型为影片剪辑。
3 在第15帧与30帧,插入关键帧,在第一帧与第三帧把影片剪辑的属性(见属性面板):alpha调整为0。
4 设置补间,输出动画。
如果一个对象不是影片剪辑,如何转换成影片剪辑呢呢?
转换成元件:F8与CTRL+F8(要选中转换的对象)
问题五:引导线动画制作条件。
在运动补间动画的基础上(使用影片剪辑做为运动对象),添加引导层。
在引导层上绘制运动路线,注意绘制的线要连续。(引导上所有的对象在动画里都是不显现的)
在第一关键帧和最后关键帧,拖动运动的对象吸附到引导线上(注意引导层与运动对象层的关系)
操作:
1 制作一个小球,从左到右运动(要求小球为影片剪辑)
2添加引导线层,并用画线的在引导层上画线,此线称之为引导线,在输出动画时看不到,只是起到引导的作用。(注意引导层与其下面的图层有什么关系)
如何添加引导线层看下图,单击按钮即可。
3 在动画第一帧拖动小球到引导线(注意工具栏面板最下方,有个磁铁选项,确保其是打按下的)起始的位置,发现小球的中心有一个圈变大时放下小球。
4 用相同的方法,在最后一帧也把小球放到引导线上。
制作:地球黑线太阳转动的动画。
问题六:遮罩动画制作条件。
遮罩,是用一个东西从上面把下面的东西挡住,但有意思的是,挡住的部分你可以看到,没有挡住的部分你却不到。
在已经制作好的动画上添加遮罩层(动画层也可以做为遮罩层),注意:遮罩层与被遮罩层之间的关系。
感受遮罩:
1 导入一图片到舞台,并调整大小。
2 添加一图层
3 在新加的图层(确定其是在图像的上方)画一个圆
4 右键在圆所在的图层上单击,选择遮罩,如下图:
观察图层与舞台各有什么变化?
5 接以上,在两图层时间轴20帧处分别添加关键帧与普通帧
6在有两个关键帧的图层上制作补间动画,输出动画,察看效果。
7 如果上面所做的动画是以圆所在层做动画的,请改用导入图所在的层来制作动画,比较两动画之不同。
8如果调整圆与导入图片的层的上下关系后,再做引导线动画,又有什么不同?
上机作业:
1 制作flash中这最基本的五种动画类型(动画形式自己设定,但不可与上面提到的重合)。
作业交送:
1 作业以邮件的方式发送到 sunFang@qiexing.com 作业的批阅情况,可以到http://www.eportfolios.cn 查看
2 有问题可以随时到 http://www.etthink.com/ (推荐)或 http://www.eportfolios.cn 提问。
本文链接地址:http://www.qiexing.com/post/Flash-actionscript-2.html

