网页动画制作工具FlashP教案资料

《网页动画制作工具FlashP教案资料》由会员分享，可在线阅读，更多相关《网页动画制作工具FlashP教案资料（91页珍藏版）》请在金锄头文库上搜索。

1、网页动画制作工具Flash,11.1 Flash 8简介 11.2 Flash 8的基本概念与操作 11.3 动画制作 11.4 动画的测试、优化与发布,第11章 网页动画制作工具Flash 8,11.1.1 Flash的特点 1友好的操作界面 无须任何编程基础就可以轻松制作出动画效果。 2生成的动画文件可以独立播放 用Flash制作的动画作品不仅可以在线观看，也可以离线观看，并保留其原来动画中的各种交互式操作功能。 3流媒体动画 Flash文件还没有完全下载完毕时就播放动画，即下载的同时进行播放。,11.1 Flash 8简介,11.1.1 Flash的特点 4文件体积较小 由于Flash采

2、用的图像方式是矢量图，生成的文件相对于传统网页动画中同等面积的像素图来说要小很多。 5具有交互式作用的多媒体影片 Flash影片可以通过Action Script脚本语言与使用者建立交互式关系，使用者可以通过键盘操作或鼠标操作与影片实现互动。 6易用性 由于其操作界面与其他程序（如Office、Photoshop等）相似，因此用户很容易上手。,11.1 Flash 8简介,常用工具栏,绘制工具栏,Flash其它栏目,属性面板 工具面板区：混色器面板、组件面板、颜色样本面板 动作面板 库窗口：存储和组织元素的对象,场景和舞台 场景是指在当前动画编辑窗口中，编辑动画内容的整个区域 。 动画是在场景

3、中被制作完成的，而场景中又包括舞台与工作区。 例：拍电影，摄影棚可以被理解为场景，而镜头对准的地方就是舞台。 舞台中显示的动画效果才是影片的实际效果，舞台以外的区域是工作区，最终的影片中不会显示工作区中的对象。工作区也是不可或缺的，它可以使画面运动更加流畅自然，画面的边缘不会消失得那么唐突。 在场景编辑窗口中，除了舞台和工作区外，还有以下几项内容：场景名、“编辑场景”按钮、“编辑元件”按钮和显示比例。,11.2 Flash 8的基本概念与操作,动画实例,线性动画 旋转动画 缩放动画 色彩动画 沿引导线运动 遮罩动画,绘制简单动画欢迎来到欢乐之家,页面属性设置 制作新元件：欢迎 制作新元件：来到

4、欢乐之家 设置动作：具有先后顺序,制作矢量动画,每个矢量都是一个对象； 每个对象都有自己的属性：如颜色、粗细 绘制直线（普通、水平、垂直、45度角）、矩形（普通、圆角矩形）、椭圆型（椭圆、正圆）、曲线 铅笔模式：伸直、平滑、墨水（接近手绘）,编辑对象,“修改”“变形”菜单项 缩放对象 旋转对象 倾斜对象 中心点 水平翻转与垂直翻转 取消变形,调整对象,按建立的顺序排列对象；先建立的对象排在底层，后建立的对象排在上层； 改变顺序：“修改”“排列”中的移至底层、移至顶层、上移一层、下移一层； 组合：多个对象组合便于移动； “修改”“组合”； 分离：对群组对象中的单个对象处理； 复制对象、粘贴对象（

5、粘贴位置） 对齐对象,辅助绘图功能,编辑中的“撤销”与“重复”选项 标尺：定位；“视图”“标尺” 网格：对齐； “视图”“标尺” “编辑”“首选参数”“编辑”“绘图工具”选项：辅助绘图功能；直线选项、曲线选项等,点阵图处理分离对象,将文字对象、元件、点阵图分离成线条和填色区域； 可使用墨水瓶和油漆桶进行线条的编辑和填色； 例：分离文字对象，用油漆桶填色； 去除背景效果：分离对象； 选用套索，设置魔术棒模式，套索对象；用箭头对象选定背景，删除背景。,文字处理,文字的输入、修改、复制、删除； 格式化文字：改变字体、大小、样式（上、下标）、对齐、间距； 编辑文字框：旋转、倾斜、缩放； 变形、渐变：先

6、分离文字；后变形、渐变。,时间轴面板,用于控制动画； 管理图层，处理帧；显示动画中各帧的排列顺序，也包括各层的前后顺序； 由时间标尺和代表帧的小方格构成 Flash动画由帧顺序排列,时间轴按钮,绘图纸按钮,绘图纸外观：工作区内同时出现数个帧，帧内对象以颜色逐渐淡化表示先后顺序，关键帧以颜色表示； 绘图纸外观轮廓：与绘图纸外观相同，但只显示物件的外框； 编辑多个帧：看到每个帧中的对象，并可对对象编辑 修改绘图纸标记：总是显示标记、锚定绘图纸、绘图纸2、绘图纸 5、绘制全部。,帧,每一幅静态的画面就是一个单独的帧 按时间顺序放映这些连续画面，画面将会动起来,帧的属性操作,显示和播放帧：可拖拽帧指针

7、位置 调节帧面板： 改变帧播放速率：“修改”“文档”,实例：光碟的运动,新建光碟元件； 切换到场景，设置动画； 预览；,帧的基本操作,插入操作 复制操作 移动操作 删除操作： 实例：圆形的填充,帧的分类,关键帧：关键画面，主导关键性位置或动作,是决定一段动画的必要帧。一般放在动画开始点、控制转折点或结束点。“黑色小圆点”表示；其中可以放置图形，播放对象，并可以对所包含的内容进行编辑。 空白帧：不含任何影像 空白关键帧：不含任何影像的关键帧；将前面的关键帧的内容清除掉，使画面中的内容变为空白，使对象消失掉；添加了内容后，它自动变成关键帧。 普通帧：二个关键画面之间由电脑自动绘出的过渡画面。“方形

8、”表示；确定了两端的关键帧后，利用命令可以自动计算添加过渡帧，无须人工添加。,2对象,Flash中任何被选中的东西，都可以叫做对象。 对象被选中后，可以通过设置实现用户要求的变形或运动。 可以通过工具对它进行填充、修改、移动、变形等编辑。,三角形的绘画,一、创建影片：尺寸300X300，帧频6px； 二、创建动画： 画一红色直线，线粗为3，在第10帧插入关键帧，回到第一帧，任意变形工具，把直线拉短，注意要与原直线重合。 在第一层的第10帧增加普通帧，目的是延长第10帧的效果。 再增加一层，在第二层的第10帧插入空白关键帧，画三角形第二边。第20帧加关键帧，回到第10帧使第二边变短设置变形动画。

9、 同理，画第三边 在第31帧的选中三边，改变颜色为黄色（闪动效果），第32帧再改回为红色第35帧加普通帧延长效果。,图层,功能：数个角色与背景分别制作 默认一个标准层（图层1） 添加图层 改变图层名称 改变图层顺序：拖拽；,普通层:通常建立的层 运动引导层:通过运动引导建立的层是引导层，提供引导线作为被引导层中对象的运动轨迹； 遮罩层:设定遮罩关系建立的层，它的作用是为了实现遮罩关系下的特别效果； 注释说明层:可以添加一些说明性文字，而输出时不输出该层内容。,11.2 Flash 8的基本概念与操作,图层,显示/隐藏层 锁定/解锁层 显示图层的轮廓 图层的属性更改； 添加引导层 添加文件夹 删

10、除层,多图层管理,显示所有图层： 锁定其他图层： 隐藏其他图层,实例,载入动画,建立新元件,元件（组件）：通过工具栏中绘制的图形(形变动画除外）通常不能作为动画对象设置动作创建动画，要转化成元件。 元件占用的体积小,以库项目方式存储在库中 即使在场景中将所有元件全部删除掉，也不会影响库面板中的元件。 元件的建立是以重复使用为目的的，不但可以将其应用于当前影片，还可以将其应用于其他影片。,11.2 Flash 8的基本概念与操作,元件中可以包含位图、图形、组合、声音甚至是其他元件，但不可以将元件置于其自身内部。 Flash中包括3种元件类型，分别为图形元件、影片剪辑元件和按钮元件。 图形元件：存

11、放单独图形； 影片剪辑元件：动画符号，具有互动式功能，也可播放声音； 按钮元件：检测鼠标动作并产生互动功能，夹带音效； 每个元件都具有独立的时间轴、工作区和图层，每种元件类型都具有独特的属性,元件与实例,应用于影片的元件被称做“实例”。 对实例的编辑只针对实例本身，不会影响到库面板中的元件。 库是Flash组织、编辑和管理动画中创建的和使用的各种元件的仓库。所有元件都会被自动载入到当前影片的库面板中，还可以从其他影片的库面板中调用元件，或者根据需要建立自己的库。,管理元件,库面板的操作 新增 删除 编辑 改名 改属性 增加文件夹 移动元件,11.2.2 动画的基本概念 1计算机动画的概念与原理

12、 动画：将静止状态下的一幅幅图画或照片连续地演播出来的技术，又有以下两种说法： 动画是一种通过一系列连续的画面来显示运动的技术，是以一定的播放速度来达到连续运动的效果的； 动画是一系列具有各种物体的动态画面的处理过程，每一个画面都可以与前一个画面有着微小的变化。,11.2 Flash 8的基本概念与操作,动画原理,人的“视觉原理”。 人的眼睛看到图像后的1/24s内，图像不会从大脑中消失。 如果在前一图像没有消失之前，播放下一图像，就会给人造成一种连续变化的视觉效果。 电影、电视都是利用了这一原理。,2计算机动画的分类 （1）按计算机在动画制作中的作用分类 计算机辅助动画： 属于二维动画，辅助

13、动画师们制作类似于传统动画的动画，以及对各类动画片段的编辑（合成、连接）等后期制作。 造型动画。,11.2 Flash 8的基本概念与操作,计算机动画的分类,（2）按运动的控制方式分类 关键帧动画：通过对关键画面的控制来获得中间画面的动画序列， 算法动画：采用算法实现对物体的运动控制或模拟摄像机的运动控制。,2计算机动画的分类 （3）从制作原理上分类 逐帧动画：通过更改每一帧中的舞台内容而获得动画效果，它最适合于每一帧中的图像都在改变，而不是仅仅简单地在舞台中移动的复杂动画。缺点是太耗费时间和精力，而且最终生成的动画文件偏大。优点是能最大限度地控制动画的变化细节。 补间动画：在两个关键帧之间建

14、立渐变的一种动画。补间动画关键帧的对象是元件的实例、群组体或文字。补间动画的原理是：在第一个关键帧中设置元件实例、群组体或文字的属性，然后在第二个关键帧中修改对象的属性，从而在两帧之间产生动画效果，可以修改的属性包括大小、颜色、旋转和倾斜、位置、透明度及各种属性的组合。,11.2 Flash 8的基本概念与操作,3Flash动画的格式 （1）Flash源文件格式 Flash源文件格式的扩展名为fla，该类型文件只能在Flash应用程序中被打开和编辑。用户可以在Flash应用程序中打开该文件，然后导出扩展名为swf或swt的文件，以便在浏览器中使用。 （2）Flash电影文件格式 Flash电影

15、文件格式的扩展名为swf。这种类型的文件可以在浏览器中播放，但是要求浏览器安装Flash Player播放器插件后才能播放，不能在Flash应用程序中编辑。在Dreamweaver中允许用户直接插入Flash动画对象，该对象的扩展名为swf。,11.2 Flash 8的基本概念与操作,11.3.1 逐帧动画的制作 逐帧动画的制作方法与传统的动画相似，将对象的运动过程分解成多个静态图形，再将这些连续的静态图形置于连续关键帧中，就构成了逐帧动画。 由于其中的每一帧都是关键帧，所以生成的影片相对较大，仅适用于制作较为精细复杂的小动画。 【例11-1】制作圣诞老人走路的动画效果。,11.3 动画制作,

16、【例11-1】,图11-4 素材图像的源文件,11.3.2 运动渐变动画的制作 运动渐变动画是补间动画的一种。 通过为对象创建运动渐变，可以改变对象的位置、大小、旋转或倾斜，做出物体运动的各种效果。 通过设置实例的颜色属性，还可以制作出丰富的渐变效果 导致运动渐变动画失败的原因有很多，主要是以下3种原因 缺少起始帧或终止帧； 起始帧或终止帧包含多个对象； 起始帧或终止帧中包含的对象不是元件实例。,11.3 动画制作,图片的使用,导入图片 处理导入的图像：组合与分离 转换位图 设置导入的位图：在库面板中双击元件，显示位图属性窗口；显示文件名称、路径、平滑；改变压缩格式、导入、测试；,相片动起来,建立组件 运动效果 放大效果； 淡出且变小效果 ：变小，透明度20 推进效果 ：变大，透明度100 由正面到反面的渐变效果 ：倾斜，垂直斜度180,要正确使用运动渐变必须满足以下创作条件： 运动渐变只能作用于元件实例，要对形状、组合、位图或文本对象应用运动渐变，必须先将这些对象转换为元件； 运动渐变中的