1、第六章用Flash8制作动画,Flash概述1:Flash是一个优秀的矢量动画软件,它既是二维动画的制作软件,也是多媒体创作的有利工具,特别是涉及使用动画的网络课件中。因此,可以说Flash是基于矢量图形动画,结合脚本语言交互的时序类多媒体创作工具。其主要优点在于:Flash图形和动画都是矢量的,尺寸比点阵图要小得多,声音基于MP3压缩,也是高压缩比的,同时Flash还使用很多减小文件尺寸的方法,教师可方便的将课件保存在软盘上随堂教学。另外Flash动画的播放支持“数据流式“技术,既不必等待课件完全下载完即可播放,这些都使得多媒体教学信息可以在网上实时传输和反馈。,Flash概述2:Flash
2、制作动画比较简单,灵活性大。文本、图象、声音、动画可紧密结合,以脚本语言实现很强的交互控制,包括动画本身也具有交互性,做出的课件交互非常灵活,这是其它创作工具也难以实现的。随着Internet网和校园网的普及,远程教育的迅猛发展,教学课件必须适用于网络平台,一般的多媒体课件,难以实现网上教学。现如今以HTML网页格式并结合Flash动画的网络版多媒体课件将是一个重要的发展方向。,6.1开始使用Flash 6.1.1 Flash的工作界面 开始页 运行Flash 8,首先映入眼帘的是“开始页”,“开始页”将常用的任务都集中放在一个页面中,包括“打开最近项目”、“创建新项目”、“从模板创建”、“扩
3、展”以及对官方资源的快速访问。如图所示。,工作窗口 在“开始页”,选择“创建新项目”下的“Flash文档”,这样就启动Flash8的 工作窗口并新建一个影片文档。如图所示。,标题栏,控制按钮,菜单栏,主工具栏,工具箱,时间轴,各种面板,舞台,属性,图层 Flash中有普通层、引导层、遮罩层和被遮罩层4种图层类型,为了便于图层的管理,用户还可以使用图层文件夹。,工具箱窗口左侧是功能强大的“工具箱”,它是Flash中最常用到的一个面板,由“工具”、“查看”、“颜色”和“选项”四部分组成。,面板 面板的基本操作 (1)打开面板 (2)关闭面板 (3)重组面板 (4)重命名面板组 (5)折叠或展开面板
4、 (6)移动面板 (7)恢复默认布局 “帮助”面板 “帮助”面板包含了大量信息和资源,对Flash的所有创作功能和ActionScript语言进行了详尽的说明。“帮助”面板可以随时对软件的使用或动作脚本语法进行查询,使用户更好地使用软件的各种功能。,“动作”面板 “动作”面板可以创建和编辑对象或帧的ActionScript代码,主要由“动作工具箱”、“脚本导航器”和“脚本”窗格组成。,“属性”面板 使用【属性】面板可以很容易地设置舞台或时间轴上当前选定对象的最常用属性,从而加快了Flash文档的创建过程。,6.1.2 创建第一个Flash动画 使用Flash创建动画的完整过程。 操作步骤: 新
5、建一个Flash文档 单击菜单“修改”“文档”或者在舞台任何位置右键“文档属性”打开“文档属性”对话框。,按照用户个人需求设置舞台尺寸。 在舞台中制作 选择菜单“文件”“保存”,文件以.fla为扩展名(此扩展名的文件只能修改Flash文件,不能在网页中运行)。 选择菜单“文件”“导出”“导出影片”,将其保存成.swf文件,会弹出下页图示的对话框,用来设置Flash动画的相关属性。例如,加载顺序、JPG图片的质量、动作脚本的版本及音频流等。 生成的.swf文件即可被插入网页中相应的位置了。,6.2使用Flash制作动画 6.2.1 使用时间轴 时间轴最主要的组成元素是层、帧和播放头。层位于时间轴
6、面板的最左边,层之间的顺序也就表明了层之间的叠加顺序。层最大的作用就是将不同的物体及其动画分置在不同的层中进行独立编辑,例如,将背景放在最底层、其上又分别建立动态文本层和矢量图形动画层。,在时间轴面板上可以很方便地对层进行各种操作。 单击某个层即可选中这个层,使其处于编辑状态,这时层会变为蓝色且多了个铅笔标志。 层默认以“图层x”来命名,双击可以改变层的名字。 通过鼠标拖动可以将层放到想要的位置并改变层之间的叠加顺序。 单击层中眼睛标志所对应的点,可以将层隐藏或显示。 单击层中锁标志所对应的点,可以锁定层,这样层就不能再被编辑或修改。 通过右击弹出的菜单可以新建或删除一个层,或者通过左下角的插
7、入图层按钮也可以创建一个新层。,帧是动画的最小单元,一个动画从技术上讲就是由一系列在时间上连续的帧组成的。时间轴面板上右边区域中的每一个小格就代表了一帧。帧通常分为3种:关键帧、空白关键帧和填充帧。关键帧是指在动画中定义更改所在的帧或包含修改文档的帧动作的帧,其中包含一个实心点。空白关键帧也是关键帧,只是其中不包含任何实体。关键帧之间的帧为填充帧。,对帧的操作也有很多。 单击帧所在的小格即可选中这个帧。选中多个帧只要用鼠标拖动即可。 选中帧后,可以用鼠标将其拖动到同一层的不同位置或是不同的层中。 选中帧后,可以通过右击弹出的菜单插入一个帧或删除所选中的帧。 通过右击弹出的菜单可以插入或将选中的
8、帧转换为关键帧或空白关键帧;反之也可以将关键帧或空白关键帧转换为帧。 对帧可以进行复制。,Flash的两种补间。 动画补间:帧与帧之间形成淡紫色区域,动画补间是由一个形态到另一个形态的变化过程,像移动位置改变角度等。 形状补间:帧与帧之间形成淡绿色区域,形状补间是由一个物体到另一个物体间的变化,像圆变矩形。,6.2.2 Flash基本动画实例:运动 Flash的中文原意是“闪耀”,它包含了Flash动画制作的两大要素。“耀”指的是精彩的色彩效果的变化,而“闪”的意思是指图像的运动效果。 下面以直线运动为例讲解。 直线运动是Flash动画最基本的运动方式,而“渐入渐出”和“显入淡出”则是对象最基
9、本的运动效果。一行文字或一副图片从屏幕的一侧出现移动到屏幕的另一侧消失,这被称为“渐入渐出”;如果对象在移动的过程中是越来越明显地出现,然后越来越虚幻地消失,这被称为“显入淡出”。,渐入渐出,显入淡出,6.2.3 制作矢量动画 Flash提供了专门的矢量图形的工具栏,里面包含的选择工具、铅笔工具等都可以用来自制矢量图形,制作自己想要的动画。下面制作一个夜幕降临的动画效果。,6.2.4 制作文本动画 除了图形外,文本也是Flash很重要的组成部分,下面在前面夜幕降临的动画中添加上慢慢移动的文本效果。,6.2.5Flash基本动画实例:音乐制作 Flash动画设计中包含两大要素,前面介绍了“闪”的动画效果,本节介绍精彩的色彩效果的变化,即“耀”的动画效果。,6.2.6 添加播放控制按钮 通常情况下,Flash是连续播放至末尾,然后再重头播放。当Flash很长或者扥为若干个场景的时候,就需要观众自己能控制Flash播放,如同看DVD一样暂停、继续播放甚至倒退快进等等。,6.2.7 添加交互时的动画效果 当鼠标经过按钮时按钮变色时容易实现的,其实更复杂的是为按钮创建动画,让按钮变大变小或闪动。,