用Flash设计制作动画和章节件-课件

,单击此处编辑母版标题样式,单击此处编辑母版文本样式,第二级,第三级,第四级,第五级,*,用 Flash 设 计 制 作 动 画 和 课 件,肇庆学院电教中心,叶志毅,用 Flash 设 计 制 作 动 画 和 课 件肇庆学院电,1,Flash动画制作软件简介,Flash是美国Macromedia公司出品的交互式多媒体动画设计软件。,Flash的特点：,矢量图形、流媒体、文件小、强交互性,，因此特别适合在网上传输。,Flash应用：制作宣传广告、短剧、MTV、电子贺卡、多媒体教学动画课件。,Flash动画产生的原理,Flash动画制作软件简介,2,第一讲 符号的建立与静态图形的制作,一、Flash 基本界面,1、菜单栏,2、工具箱,3、时间轴（图层、帧）,4、舞台,5、面板,第一讲 符号的建立与静态图形的制作,3,舞台,工具箱,时间轴,菜单栏,面板,舞台工具箱时间轴菜单栏面板,4,二、绘图工具箱,二、绘图工具箱,5,三、时间轴,时间轴的功能就是按照时间顺序组织和控制动画的内容,三、时间轴时间轴的功能就是按照时间顺序组织和控制动画的内容,6,（一）、图层,1、层的分类,（普通层、引导层、文件夹层,蒙版层、被蒙版层）,2、编辑层,（选择、删除、复制）,3、层的属性,（隐藏和显示、锁定和解锁、,显示轮廓、层的命名）,（一）、图层,7,（二）,、帧,1、帧的基本概念：,1）关键帧(Keyframe),：用实心小圆点表示,2）过渡帧(Frame),3）空白关键帧(Blank Frame)：,用空心小圆点,2、帧的基本操作,1）建立关键帧（3种方法）：F6,2）清除关键帧,3）插入帧,4）清除帧,5）复制帧,3、帧的属性(标签、动作、效果、声音）,（二）、帧,8,四、常用面板,1、属性面板,2、混色器面板,3、颜料面板,4、动作面板,5、组件面板,6、库面板等等,四、常用面板,9,用Flash设计制作动画和章节件-课件,10,五、舞台（场景）,舞台是进行创作的工作区域，就如戏剧中演员演出的场所。场景相当于戏剧中的“幕”，通过修改电影属性可设置场景大小、背景颜色、以及帧频等,五、舞台（场景）舞台是进行创作的工作区域，,11,六、符号的建立和对象制作,1、符号是什么,符号,是指可以重复使用的对象,2、符号的作用,（反复引用、可减少文件体积、其中有些动画只有做成符号才,能完成）,3、符号与实例,（当把一个符号放到一个场景或另一个符号中时，就创建了一个,该符号的实例，也就是说实例是符号的实际应用）,4、建立符号（元件）,方法一：先在场景绘制对象，通过插入,/,转换为元件,方法二：插入,/,新建元件,六、符号的建立和对象制作 1、符号是什么,12,5、符号的类型,（1）、影片剪辑（Movie Clip）,（影片剪辑的时间轴不受主舞台时间轴限制，它的地位等同于一个电影文件）,（2）、按钮（Button）,（3）、图形（Graphic）,（,主要用于静态对象，也可创建动画过程，但受主场景时间轴的限制。,）,5、符号的类型,13,5、绘制对象,5、绘制对象,14,6、图库管理,6、图库管理,15,第二讲 关键帧动画制作,一、,Flash 动画的类型,从制作方法上也分为两种：,过渡动画是指Flash根据前后两个关键帧，自动运算生成中间动画过程的过渡帧。,逐帧动画是指每一帧都绘制一幅图，类似电视动画片中一个动作要绘制多张图像。,第二讲 关键帧动画制作一、Flash 动画的类型,16,变形类型上分为两种：,Motion变形可以设置物件的大小、位置、旋转、倾斜、颜色、透明度等等，但前提是此物件为一个独立的符号（Symbol）或一个组（Group）。,Shape变形则可以设置物件的形状变化，前提是此物件为打散状态（Break Apart）。,变形类型上分为两种：,17,Flash动画分类,逐帧动画,运动变形,（motion),可以设置物件的大小、,位置、旋转、倾斜、颜色,、透明度等等，,但前提是此物件,为一个独立的符号,（Symbol）或,一个组（Group）。,过渡动画,形状变形,（Shape）则可以,设置物体的形状变化。,前提是此物件为打散状态,（Break Apart）,Flash动画分类逐帧动画运动变形（motion)过渡动画形,18,二、关键帧动画的制作过程,关键帧动画就是将一个动画分解成多个步骤，然后将每个步骤中的内容在各个关键帧中制作出来，再连续播放这些关键帧形成的动画，关键帧动画是Flash动画的基础，是一种传统的动画制作技术。,特点：文件较大，适合制作比较复杂的动画,二、关键帧动画的制作过程,19,第三讲 形变动画制作步骤,一、什么是形变动画,是指一个图形对象逐渐过渡变化为另一个图形对象的动画。,例如圆形变方形、方形变三角、字母A变为B等。对象进行形状变形之前一定要打散。,形状渐变是动画制作的常用手法，它只能应用于打散的图形。即其动画对象只能是矢量图形对象。群组对象、图符引例对象、符号和位图图像均不能够作为变形动画的对象（除非把它们打散成矢量图形）。,变形动画可以在两个关键帧之间制作出变形的效果，让一种形状随时间变化成另外一种形状；还可以对形状的位置、大小和颜色进行渐变。,第三讲 形变动画制作步骤,20,二、制作过程,1、选择动画开始的关键帧，在工作区绘制起始图像，,绘制后将其打散。,2、在时间线上增加第二个关键帧，在工作区中删除,起始图像以后，绘制结束帧的图像，并将其打散。,3、选中时间轴中的第一个关键帧，打开帧属性面板。,4、打开Tweening（补间）下拉列表，并选择其中的,形状渐变，此时按Enter或Ctrl+Enter即可看到所设的,形变动画。,三、形变的类型,1、不可控的简单动画,2、可控的（通过添加提示点）,二、制作过程,21,第四讲 运动动画制作步骤,运动（Motion）变化是Flash动画中运用最多的一种。运动变化本质是指对象的位置的变动。在Flash中运动的定义更为广泛，对象位置的变动、色彩变化、透明度变化、对象的缩放、对象的旋转都属于运动变形。,包括平动、转动、沿特定路径运动和颜色变化、淡入淡出等运动形式。,一、平动动画的制作方法,例：移动的球,（可改变对象的位置、大小）,第四讲 运动动画制作步骤,22,二、转动动画的制作方法,1、转动中心在指定位置不移动,2、转动中心在不断移动,例：光碟的运动,三、沿特定路径运动动画的制作,沿特定路径运动动画的制作，是在运动对象,之外建立一引导层，通过引导图层中的曲线引导,对象运动。,引导,层（Guide Layer）是Flash的一个特殊图层，我们在,引导,层上绘制轨迹线。,引导层,自动绑定相连下层，使下层对象按预置轨迹运动。,引导层,在动画输出时是看不见的,二、转动动画的制作方法三、沿特定路径运动动画的制作,23,四、颜色变化、,透明度变化,动画的制作方法,颜色变化动画是指物体从某一些颜色逐渐变到另一些,颜色的动画。,颜色变化动画制作关键是在不同关键帧将同一对象改,变为不同颜色。,例一：树叶的变化过程,例二、淡入淡出效果动画,五、运动效果的合成,与变形动画制作的过程相比，运动动画是对同一对象的形状、位置及颜色属性的改变，而变形动画是在两个对象之间发生的形状、位置及颜色的变化。,四、颜色变化、透明度变化 动画的制作方法 与变,24,形变动画制作注意事项：,1、起始对象一定都是图形，如果不是图形，可执行“修改/分解组件”命令转换为图形。,2、判断是不是图形的方法：用鼠标在对象上单击，如果是图形，则会出现对象被斜的条波波纹覆盖。,3、形变动画的起始对象不能在大小、形状、色彩、位置都完全一致。,形变动画制作注意事项：,25,运动动画制作注意事项：,1、起始对象一定是“元件”（Symbol），而且必须是同一“元件”，如果不是“元件”，执行菜单“插入/转换成元件”命令把对象转换为“元件”。,2、判断是否“元件”的方法：用工具箱中“箭头”工具单击舞台上对象，如果是“元件”，会在对象中心出现一个“+”，而四周则出现选区中的边框。,运动动画制作注意事项：,26,第五讲 遮罩动画制作,一、遮罩动画,是指利用在遮罩层中创建一些透明区域展示位于层下面的对象，从而创建诸如聚光灯移动、颜色转变等效果的动画。,遮罩动画必须有两层才能完成，上面一层称为遮罩层，下面一层称为被遮罩层。,二、遮罩动画的形式,1、遮罩层中的对象移动,2、被遮罩层中的对象移动,三、实例演示,mask-1、mask-2、light-mask,第五讲 遮罩动画制作,27,第六,讲,交互动画的制作,一、,按钮的使用,Flash动画的一大特点是其动画的交互性，使观众,摆脱了传统动画只能欣赏不能操作的地步。按钮在,Flash中扮演互动的关键角色，通过对按钮的操作触发,事件，Movie播放的方式不再局限于单一动画，我们,可以设定链接其它网页、播放其它场景、设定动画播,放帧等。,第六讲 交互动画的制作,28,1、按钮制作,第一帧：Up(向上)桢：,（弹起）表示鼠标指针不在按钮上时的状态。,第二帧 Over(经过)桢：,（指针经过）表示鼠标指针在按钮上时的状态。,第三帧Down(向下)桢：,（按下）表示鼠标单击按钮时的状态,第四帧 Hit(执行)桢：,（点击）定义对鼠标做出反应的区域，这个,反应区域在电影中是看不到的。,1、按钮制作 第一帧：Up(向上)桢：,29,二、,Actions命令使用,Flash的交互性是通过Action命令实现的。Flash提供了ActionScript语言用来编制Action命令。ActionScript是Flash的脚本语言，与JavaScript核心编程语言很相似，同样具有函数、变量、语句、操作符、条件和循环等基本的编程概念，也是一种面向对象编程语言。,ActionScript只能在按钮、影片剪辑实例和关键帧中应用,二、Actions命令使用 Flash的交互性是通过,30,1、ActionScript面板,2、ActionScript的使用环境,1）、将ActionScript附着在按钮上,2）、将ActionScript附着在关键帧上,3）、将ActionScript附着在影片剪辑上,3、Flash,中一些常用的 Action,1）、play,2）、stop、stopAllSound,3）、gotoAndPlay、gotoAndStop,1、ActionScript面板,31,4）、on,作用：用来捕捉事件,例如：on(release),gotoAndStop(1),5）、,Get URL,作用：进行超级链接,例如：on(press),getURL(khp,windows=_blank);,6）、,Load Movie、,Unload Movie,4）、on,32,4、ActionScript语法,1)、基本语法,2)、数据类型,3)、变量,4)、操作符,5)、流程控制,6)、函数,4、ActionScript语法,33,第七讲,Flash的声音,一、类型,1、事件声音,2、流声音,二、导入声音的格式,AU、WAV、AIFF、MP3,三、在影片中添加声音方法,四、设置声音的类型、效果,五、设置声音的属性,1、更新声音,2、替换声音,3、声音的压缩,第七讲 Flash的声音,34,声音与帧的搭配上还可以通过Sync（同步）设定：,Event指声音的播放随着事件关键帧的发生而播放，并且独立于时间轴，不会因为场景播放结束而结束。典型的例子是用户按动按钮而触发的声效，是默认设置；动画循环播放时，会形成声音重叠。,Start类似于Event，只是如果上一次的声音还未播放完成，这次就会暂停播放，例如在循环播放时，就不会出现声音叠加的效果；,Stop用于停止声效；,Stream用于在Web站点上播放时，Flash会强制动画与声音同步，如果图像播放速度过慢，Flash会通过跳帧而保持与声音的同步。而且动画播放停止时，声音也会停止，不论声音文件是否已播完。,声音与帧的搭配上还可以通过Sync（同步）设定：,35,Loop