第14讲+第十四章动画制作软件Flash(一).ppt

第十四章,动画制作软件Flash(一),动画制作软件Flash,推荐参考站点：中国传媒大学动画学院,动画制作软件Flash,Flash概述工具简介基本操作基本概念简单动画实例简单动画的进一步制作,动画制作软件Flash,Flash概述,动画制作软件Flash,Flash概述,Flash1.0诞生于1996年，到1999年6月发布的Flash4.0版本，逐渐成为交互式矢量动画的标准。Flash是目前最流行的交互式多媒体动画制作软件之一。可以制作出丰富绚丽的动态效果，且文件相对较小，具有交互性功能。,动画制作软件Flash,Flash概述,Flash的功能与特点文件体积较小采用是矢量图；但同时也支持位图格式的图像流媒体动画Flash播放器在下载Flash影片时采用流媒体方式强大的交互功能可通过ActionScript脚本语言与使用者建立交互式关系，使用者可以通过键盘操作或鼠标操作与影片之间产生互动,动画制作软件Flash,Flash概述Flash的功能与特点,支持多种文件格式Flash文件格式（Flash源文件）可导入的素材文件格式，如图像：bmp、tif、jpg、gif等音频：wav、mp3、au等视频：mov等动画：gif、swf等Photoshop的psd、Freehand的ft9、fh9等等可导出的文件格式，如动画：gif、swf（Flash特有的文件格式，在安装了FlashPlayer插件的浏览器中播放）视频：avi、mov音频：wav图像或图像序列：jpg、gif、bmp矢量图形：dxf,动画制作软件Flash,Flash概述,Flash的应用制作Flash动画制作Flash游戏制作Flash电子贺卡制作Flash教学课件制作Flash广告条制作Flash网站主页,动画制作软件Flash,Flash概述,作品欣赏点线人动画DV效果动画短篇制作,动画制作软件Flash,工作界面,菜单栏,工具箱,元件库,面板,图层区,时间轴,场景区,Flash概述,返回,动画制作软件Flash,工具简介,动画制作软件Flash,工具简介,选取工具主选工具作用：选取对象操作图形不分段选取单个对象：单击（如边框、填充部分）选取单个对象的全部：双击当图形分为很多段：选取边框中的部分：单击选取边框中的全部：双击选取多个对象：框选/Shift+双击次选工具作用：选取锚点与贝赛尔曲线，改变图形形状,动画制作软件Flash,工具简介,绘图与擦除工具直线工具作用：绘制任意直线操作按Shift，绘制出的直线是倾角按45度倍数变化的直线椭圆工具操作若想绘制无边框（或无填充）的椭圆，则选取椭圆工具后，修改“属性”面版上的“笔触颜色”框（或“填充颜色”框）为透明色矩形工具操作按住矩形工具不放，将展开一个工具组，可选多角星行工具,动画制作软件Flash,工具简介绘图与擦除工具,钢笔工具作用：可绘制直线、折线、闭合图形区域、光滑曲线操作修改曲线控制点：利用“部分选取工具”选中曲线单击控制点选中控制点，出现控制杆调整控制点转换控制点角控制点转换为曲线控制点：选中控制点；Alt+“部分选取工具”拖动该点曲线控制点转换为角控制点：利用钢笔工具，移到要转换的曲线控制点上，单击删除曲线控制点钢笔工具移到要转换的曲线控制点上，双击,动画制作软件Flash,工具简介绘图与擦除工具,铅笔工具作用：绘制比较随意的线条三种绘画模式伸直会将接近三角形、椭圆、圆形、矩形和正方形的图形变得更加接近这些形状平滑可以让曲线更加平滑美观墨水让绘制出的曲线尽可能地接近鼠标运动的轨迹，得到的图形有点类似徒手画,动画制作软件Flash,工具简介绘图与擦除工具,笔刷工具作用：模拟软笔的效果，为绘制的图形上色，（具有填充色属性，可以设置笔刷样式与大小）五种绘画模式,动画制作软件Flash,工具简介绘图与擦除工具,橡皮工具水龙头工具：删除图形中某些连续的区域5种擦除模式,动画制作软件Flash,工具简介,文本工具文本块类型扩展/垂直水平文本块：单击鼠标定宽/定高文本块：单击鼠标然后拖动转换文本类型：拖动调整大小的手柄色彩工具墨水瓶工具作用：为所选图形加边框线，也可用来改变边框线颜色颜料桶工具作用：给所选闭合图形填充颜色，也可用来改变图形填充颜色吸管工具吸取场景中的任意颜色以便填充,动画制作软件Flash,工具简介,其他工具任意变形工具作用：调整所选图形的尺寸，角度与形状填充变形工具作用：用于调整渐变填充色，（还可以用于调整填充位图）操作要先选中图形套锁工具,动画制作软件Flash,工具简介,混色器窗口-控制面版-混色器作用：调制出不同的颜色，还可创建各种渐变色,返回,动画制作软件Flash,基本操作,对象组合和解组组合作用绘制多个图形后，为防止它们之间的相对位置发生改变，可以将其组合到一起；绘制多个图形后，若希望它们重叠在一起的时候互不影响，可以分别先组合，再重叠Ctrl+G解组Ctrl+Shift+G/Ctrl+B,动画制作软件Flash,基本操作,文本处理分离文本作用：可以将轮廓字体的文本中每个字符放在一个单独的文本块中操作：Ctrl+B分散到图层作用：分离文本后，可将文本块分散到图层操作：修改-时间轴-分散到图层转变为图形作用：转变为图形后可对它进行改变形状、擦除和其他操作操作：两次分离操作,返回,动画制作软件Flash,基本概念,动画是一种动态生成一系列相关画面的处理方法。利用人眼视觉上的“残留”特性，依一定的速率播放静止的图形或图像就会产生运动的视觉效果,动画制作软件Flash,基本概念,Flash动画的分类逐帧动画需要单独制作出每一帧的图形，然后把这些图形连续播放来构成动画；补间动画是由用户绘制或定义首尾两帧的图形，由Flash自动生成中间帧，产生首尾两帧间对象的尺寸、旋转角度、色彩、以及其他一些属性的均匀变化运动效果，由首帧的图形变化到尾帧的图形分类运动动画形变动画,动画制作软件Flash,基本概念,Flash动画的分类逐帧动画补间动画运动动画形变动画,动画制作软件Flash,基本概念,Flash动画的分类逐帧动画补间动画运动动画形变动画,动画制作软件Flash,基本概念,Flash动画的分类逐帧动画补间动画运动动画形变动画,动画制作软件Flash,基本概念,时间轴（Timeline）是Flash的核心，通过时间轴可以组织和控制动画中的内容在特定的时间出现在画面上包括：图层面版、帧面版,动画制作软件Flash,基本概念,帧（Frame）动画在时间上的变化关系由帧控制时间轴以“帧”为单位，生成的动画以“每秒n帧”（fps）的速度进行播放帧的类型关键帧（KeyFrame）：此关键帧的表演内容与先前的一些普通帧内容大不相同，而呈现出关键性的动作或内容的变化；增加关键帧意味着要增加动画文件的文件长度只有关键帧中的内容才能够被选取和编辑插入关键帧：F6（并将前一关键帧复制）普通帧又称静止帧，指添加了动化效果的两个关键帧之间的过度帧(F5)空白帧其中不包含任何对象，相当于一段空白影片,动画制作软件Flash,基本概念帧,时间轴视图常识实关键帧：帧内实心圆空关键帧：帧内空心圆普通帧：帧内空心矩形空帧：空白无动画过渡帧：灰色运动动画过渡帧：淡蓝色带箭头变形动画过渡帧：淡绿色带箭头错误动画：虚线,动画制作软件Flash,基本概念-帧,1,20,21,30,31,50,51,小鸭驶入2秒,原地停止1秒,原地旋转2秒,Demo,动画播放速度10fps,动画制作软件Flash,基本概念,图层（Layers）动画在空间上的关系由层来控制为方便动画制作，往往将各种对象（角色）分开在不同的层中；上面图层的对象将挡住所有在它下面图层的对象,动画制作软件Flash,基本概念,元件与元件库元件（符号）是Flash中可重复使用的元素创建元件新建元件：插入-新建元件将对象转换为元件：修改-转换为元件/F8种类图形元件按钮元件影片剪辑元件元件库元件创建后就添加到元件库,动画制作软件Flash,基本概念,实例只要把元件库中的元件拖放到场景中，就可以创建一个相应的实例说明元件减小了文件大小，因为无论创建多少个元件实例，Flash只会将该元件在文件中存储一次修改实例的属性而不影响主元件，但编辑主元件会更改所有实例,动画制作软件Flash,基本概念,场景是在一个动画文件中，按照一定的子题来组织的一系列动画帧一个动画文件中可以有多个场景；动画中的每一帧都按场景的顺序连续编号动作采用动作可以设置交互动画，即可以使动画在一段场景播放结束之后暂停，或采用非线性的方式让用户交互控制Flash动画的浏览动作是由Flash内建的ActionScript语言来控制的,返回,动画制作软件Flash,简单动画实例,逐帧动画实例图像序列将图片按照动画的先后顺序依次命名，这样的图像文件序列称为图像序列操作要点新建文件导入图像修改舞台大小移动图像位置移动所有帧的内容利用“绘图纸外观”按钮利用“编辑多个帧”按钮测试：Ctrl+Enter发布,动画制作软件Flash,简单动画实例,补间动画实例创建运动补间动画的基本步骤建立一个元件，其包含运动对象创建首帧，把运动对象从库中拖动到舞台上插入尾帧，并调整其运动对象，可使色彩、尺寸、位置等发生变化选中首尾帧之间的任一帧，插入不见动画，产生中间帧选中任一中间帧，打开属性面版，可调整运动的各种属性，如旋转、运动速度等脚本设计,动画制作软件Flash,1,2,3,4,5,6,7,8,9,10,背景,小鸭,音乐,秒,简单动画实例补间动画实例,动画制作软件Flash,简单动画实例补间动画实例,操作要点定义文档属性设置动画播放速度(fps)，以及舞台大小（640400）和背景色创建渐变背景导入外部图像到舞台，并转换为图形元件创建补间动画添加声音效果发布动画影片,返回,动画制作软件Flash,简单动画的进一步制作,设置交互功能设置交互动画就是设置在指定的事件发生时执行某个特定的动作Flash动画指定一个动作，是通过ActionScript脚本语言来描述的，并通过动作面版将该动作分配给舞台上某个按钮、时间线上的某一帧或影片剪辑后，才能起作用为关键帧分配动作是对时间轴的移动产生影响为按钮分配动作是对鼠标的单击、移动等产生响应,动画制作软件Flash,简单动画的进一步制作设置交互功能,关键帧的动作与按钮上的动作按钮实例上指定的“动作”，其优先权高于关键帧中指定的“动作”但按钮实例上指定的“动作”，必须等待浏览者引发事件之后才会执行（比如，单击了按钮等）。如果浏览者没有引发事件的话，该动画的动作行为还是以帧中指定的“动作”为准（比如，下面举例中的动画在浏览者未单击播放按钮，一直暂停在第1帧中）并非每一个动画都需要指定“动作”，在没有指定“动作”的情况下，这个动画就会从第1帧开始播放，平铺直叙地一直往前，直到播放到最后一帧为止,动画制作软件Flash,简单动画的进一步制作设置交互功能,按钮按钮的四种状态Up（一般状态）Over（鼠标经过时）Down（按钮被按下时）Hit（感应区域）Hit状态在任何时候都不会显现出来，它用于设置鼠标的感应区域，若不设置，则默认为Up所指的区域,Demo,动画制作软件Flash,简单动画的进一步制作设置交互功能,按钮元件的编辑按钮实际上是四帧的交互影片剪辑前三帧显示按钮的三种可能状态；第四帧定义按钮的活动区域制作一个交互式按钮把该按钮元件的一个实例放在舞台上；然后给该实例指定动作测试按钮选择“控制”/“启用简单按钮”；将指针滑过已启用按钮以对它进行测试,动画制作软件Flash,简单动画的进一步制作设置交互功能,按钮元件的制作步骤要点制作素材元件buttonp1图形元件：无边渐变圆sanjiao图形元件：用钢笔工具画的三角制作按钮元件的图形元件buttonp2buttonp1的实例1做最底层将buttonp1的实例2缩小、翻转180度做第二层将sanjiao的实例做第三层选中三个实例，对齐（窗口-设计面版-对齐）制作按钮元件button1编辑按钮的Up状态：拖入图形元件buttonp2，对准舞台中间的十字编辑按钮的Over状态：（变大）插入关键帧；拖入图形元件buttonp2，对准舞台中间的十字；放大,动画制作软件Flash,简单动画的进一步制作设置交互功能,编辑按钮的Down状态：（变色）插入关键帧；拖入图形元件buttonp2，对准舞台中间的十字；打散（打散后的元件才能填色）；将要变色的图形拖出，填色，并分别组合，放回原位；Shift+点选三个图形，对齐编辑按钮的Hit状态：插入关键帧；因和Over状态的面积要求完全相同，故删除遗留的上一帧的内容，复制Over帧的内容为按钮加入声效添加一新图层sound建立4个关键帧在Down帧拖入声音文件回到场景：增加一新图层buttons将建好的按钮元件拖入；选中按钮，打开动作面版，为其添加动作（on(release)play();）增加新图层action定位第一帧，打开动作面版，为其添加动作（stop()）。,动画制作软件Flash,简单动画的进一步制作,动画中的音效处理声音的分类事件（Event）事件声