网页动画制作工具Flashppt课件.ppt
《网页动画制作工具Flashppt课件.ppt》由会员分享,可在线阅读,更多相关《网页动画制作工具Flashppt课件.ppt(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界面,菜单栏常用工具栏绘图工具栏控制工具栏状态栏,常用工具栏,绘制工具栏,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帧使第二边变短设置变形动画。同理,画第三边在第31帧的选中三边,改变颜色为黄色(闪动效果),第32帧再改回为红色第35
9、帧加普通帧延长效果。,图层,功能:数个角色与背景分别制作默认一个标准层(图层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)按计算机在动画制作中的作用分类计算机辅助动画:属于二维动画,辅助动画师们制作类似于传统动画的动画,以及对各类动画片段的编辑(合成、连接)等后期制作。造型动画。,11.2 Flash 8的基本概念与操作,计算机动画的分类,(2)按运动的控制方
13、式分类关键帧动画:通过对关键画面的控制来获得中间画面的动画序列,算法动画:采用算法实现对物体的运动控制或模拟摄像机的运动控制。,2计算机动画的分类(3)从制作原理上分类 逐帧动画:通过更改每一帧中的舞台内容而获得动画效果,它最适合于每一帧中的图像都在改变,而不是仅仅简单地在舞台中移动的复杂动画。缺点是太耗费时间和精力,而且最终生成的动画文件偏大。优点是能最大限度地控制动画的变化细节。补间动画:在两个关键帧之间建立渐变的一种动画。补间动画关键帧的对象是元件的实例、群组体或文字。补间动画的原理是:在第一个关键帧中设置元件实例、群组体或文字的属性,然后在第二个关键帧中修改对象的属性,从而在两帧之间产
14、生动画效果,可以修改的属性包括大小、颜色、旋转和倾斜、位置、透明度及各种属性的组合。,11.2 Flash 8的基本概念与操作,3Flash动画的格式(1)Flash源文件格式 Flash源文件格式的扩展名为fla,该类型文件只能在Flash应用程序中被打开和编辑。用户可以在Flash应用程序中打开该文件,然后导出扩展名为swf或swt的文件,以便在浏览器中使用。(2)Flash电影文件格式 Flash电影文件格式的扩展名为swf。这种类型的文件可以在浏览器中播放,但是要求浏览器安装Flash Player播放器插件后才能播放,不能在Flash应用程序中编辑。在Dreamweaver中允许用户
15、直接插入Flash动画对象,该对象的扩展名为swf。,11.2 Flash 8的基本概念与操作,11.3.1 逐帧动画的制作 逐帧动画的制作方法与传统的动画相似,将对象的运动过程分解成多个静态图形,再将这些连续的静态图形置于连续关键帧中,就构成了逐帧动画。由于其中的每一帧都是关键帧,所以生成的影片相对较大,仅适用于制作较为精细复杂的小动画。【例11-1】制作圣诞老人走路的动画效果。,11.3 动画制作,【例11-1】,图11-4 素材图像的源文件,11.3.2 运动渐变动画的制作 运动渐变动画是补间动画的一种。通过为对象创建运动渐变,可以改变对象的位置、大小、旋转或倾斜,做出物体运动的各种效果
16、。通过设置实例的颜色属性,还可以制作出丰富的渐变效果 导致运动渐变动画失败的原因有很多,主要是以下3种原因 缺少起始帧或终止帧;起始帧或终止帧包含多个对象;起始帧或终止帧中包含的对象不是元件实例。,11.3 动画制作,图片的使用,导入图片处理导入的图像:组合与分离转换位图设置导入的位图:在库面板中双击元件,显示位图属性窗口;显示文件名称、路径、平滑;改变压缩格式、导入、测试;,相片动起来,建立组件运动效果放大效果;淡出且变小效果:变小,透明度20推进效果:变大,透明度100由正面到反面的渐变效果:倾斜,垂直斜度180,要正确使用运动渐变必须满足以下创作条件:运动渐变只能作用于元件实例,要对形状
17、、组合、位图或文本对象应用运动渐变,必须先将这些对象转换为元件;运动渐变中的元件只能是一对一的渐变,多对一或一对多均会导致渐变失败;运动渐变中的元件只能在同一图层中。【例11-2】使用运动渐变动画实现文字被风吹走的效果,如图11-13所示。,11.3 动画制作,图11-13 实例效果,【例11-2】,运动渐变,过程:新建八个元件,分别位于每个层的第一祯对元件相隔第20祯添加关键祯,设置任意变形(水平翻转),alpha属性值为0,移动到右上角,设置运动渐变,缓动值为-100,形变动画,和运动动画不同的是,其动画对象只能是矢量图形对象;群组对象、图符引例对象、符号和位图图像均不能够作为变形动画的对
- 配套讲稿:
如PPT文件的首页显示word图标,表示该PPT已包含配套word讲稿。双击word图标可打开word文档。
- 特殊限制:
部分文档作品中含有的国旗、国徽等图片,仅作为作品整体效果示例展示,禁止商用。设计者仅对作品中独创性部分享有著作权。
- 关 键 词:
- 网页 动画 制作 工具 Flashppt 课件

链接地址:https://www.31ppt.com/p-5454857.html