且行资源

关注教育技术发展与应用,关注学习资源设计与开发技术。

上一篇: 金山推出汉语在线词典,很好很强大 下一篇:Gmail终于可以直接在邮件中插入图片了

Flash动画与编程讲义二

szichuan发表于2009-4-9 21:47 分类: 教育技术|FLASH浏览: 评论: 0  【我来说两句】

使用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 设置补间,输出动画。

 

如果一个对象不是影片剪辑,如何转换成影片剪辑呢呢?

转换成元件:F8CTRL+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

且行微博】【已有0位网友发表了看法,点击发表

相关文章:   或许你还对下面的文章感兴趣

 

发表评论:

◎欢迎参与讨论,请在这里发表您的看法、交流您的观点。

且行资源

QQ:510280445

E-mail:szichuan@gmail.com

最新评论及回复

最近留言

网站分类

热文排行使用

教育技术 版权所有且行 设计程序:RainbowSoft Studio Z-Blog

联系方式:sunfang@qiexing.com QQ:510280445 电话:013955453231
转载本站内容必须也遵循“署名-非商业用途-保持一致”的创作共用协议. 皖ICP备07002369号