现代教育技术培训flash

聊城大学传媒技术学院现代教育技术培训——二维动画制作讲授人：郜振霞聊城大学传媒技术学院主要内容计算机动画简介Flash基础知识利用Flash工具创建动画Flash动画输出聊城大学传媒技术学院计算机动画简介动画，即运动着的画面，是由许多内容在时间和空间上连续但又有所不同的画面组成。动画制作原理常用动画制作软件动画制作原理动画实质是一幅幅连续播放的静态图像，是重要的多媒体素材。动画产生的实质是静态画面的连续播放。动画中播放的每一幅画面称为一帧，由于人眼的视觉暂停特性，当这些画面以一定的速率播放时就形成了运动的视觉效果。每秒钟播放的帧数称为帧速率。聊城大学传媒技术学院常用动画制作软件按照动画空间视觉效果的不同，动画分为二维平面动画和三维立体动画。聊城大学传媒技术学院按照动画空间视觉效果的不同，动画分为二维平面动画和三维立体动画。聊城大学传媒技术学院二维动画常用制作软件目前主要有GIF动画制作软件和Flash动画制作软件由Macromedia公司推出的Flash软件聊城大学传媒技术学院三维动画常用创作软件有3DStudioMAX、Maya、Softimage3D等等聊城大学传媒技术学院Flash基础知识Flash工作界面简介Flash动画的基本要素聊城大学传媒技术学院工作界面菜单主工具栏时间轴工具箱舞台面板面板菜单主工具栏面板菜单主工具栏时间轴面板菜单主工具栏舞台面板舞台工作界面聊城大学传媒技术学院窗口菜单窗口/工具栏•主工具栏•控制器•编辑栏控制菜单播放Enter测试影片Ctrl+Enter聊城大学传媒技术学院库面板“公用库”面板—学习交互、按钮和类属性面板聊城大学传媒技术学院Flash动画的基本要素FlashMX动画要有人物、时间、地点和事件等基本要素人物可以是图形、文字或者元件实例时间是指时间轴上的帧地点是指时间轴上不同的层事件是所制作的动画内容聊城大学传媒技术学院人物图形•Flash的图形是矢量图形，由线条和填充颜色构成•填充颜色可以是纯色、渐变色（线性、放射状）或位图纯色线性放射状位图聊城大学传媒技术学院人物图形图形的绘制可以利用工具箱中的绘图工具：绘制直线或斜线，同时按住【Shift】键可绘制水平线、垂直线或45°的斜线。绘制直线或曲线，包括伸直、平滑、墨水三种子工具。矢量对象编辑工具。用于绘制直线、折线、多边形和曲线。编辑过程中，通过调节矢量图形上的节点，可以改变图形线的长短和形状。直线工具：钢笔工具：铅笔工具：聊城大学传媒技术学院人物图形绘制几何图形，按下shift键绘制正方形。绘制基本几何图形，按下shift键绘制正圆。椭圆工具：矩形和多角星形工具：橡皮擦工具：水龙头工具可以用来擦除相同颜色的连续区域。橡皮的形状只有圆形和方形两种。聊城大学传媒技术学院文本工具：输入文字。文本包括静态文本、动态文本和输入文本。要创建比较平滑的动画文本，应选择的字体呈现方法是动画消除锯齿。文字样式包括粗体、下滑线和斜体。对文本进行渐变填充时，文本必须变成矢量图形。套索工具：用来建立选择区域。还包括多边形套索和魔棒工具。多边形套索用来建立多边形选区。聊城大学传媒技术学院人物元件与实例实例是作为元件的引用。影片剪辑包含在Flash影片中的影片片段，有自己的时间轴和属性。按钮实际上是四帧的交互影片剪辑，仅对鼠标动作做出反应图形静态图片元件是可以重复使用的图像、按钮或动画。聊城大学传媒技术学院创建元件插入/新建元件……可以创建三种类型的元件影片剪辑：MovieClip（MC）影片剪辑元件是Flash中最重要的一种元件，他拥有自己独立的时间轴，它的播放与主时间轴没有直接关系。图形元件图形元件一般是静态的图片或者是和影片的时间轴同步的画面。按钮元件按钮元件可以对鼠标的动作做出反应。可以将元件转换为其他类型元件使用。转换元件的快捷键是F8。聊城大学传媒技术学院编辑元件可以使用如下方法进入元件的编辑状态。双击舞台上的元件实例选中舞台上的元件，然后使用鼠标右键单击，从弹出的快捷菜单中选择“在当前位置编辑”双击库面板内的元件图标聊城大学传媒技术学院应用实例新建文档绘制树叶绘制文字绘制多边形并填充绘制三片树叶聊城大学传媒技术学院元件的作用1.使用元件可以减小影片文件的大小2.使用元件可以加快影片播放速度3.元件可以复用4.元件放入场景中时，就形成了元件实例。元件实例的外观无需和库中元件一样，每个元件实例都可以有不同的颜色和大小。5.在库中编辑元件会更新所有应用到舞台中的元件实例，在舞台中修改元件实例仅影响到这个正被修改的元件实例，而不会影响到元件本身。聊城大学传媒技术学院时间轴时间轴区域播放头/当前帧指示帧编号当前帧帧频运行时间帧居中聊城大学传媒技术学院时间帧Flash动画是通过连续显示一系列静止图像而形成的。这一幅幅的静止图像按显示的时间先后顺序排列在时间轴上，每一幅图像就叫做一帧。在一个帧中可以包含图形、文字、声音等动画对象关键帧空白关键帧运动补间帧引入内容的普通帧无内容的普通帧形状补间帧聊城大学传媒技术学院关键帧定义了动画的变化环节快捷键F6空关键帧没有放置任何动画对象的关键帧，插入空关键帧的作用主要是清除前面帧中的动画对象，起到转换动画的角色的作用。快捷键F7普通帧位于两个关键帧之间的帧，是由系统自动生成的，用于延长动画时间快捷键F5空白帧空的不可编辑的帧帧聊城大学传媒技术学院地点图层形象地说，图层可以看成是叠放在一起的透明的胶片，如果层上没有任何东西的话，就可以透过它直接看到下一层。所以我们可以根据需要，在不同层上编辑不同的动画而互不影响，并在放映时得到合成的效果。聊城大学传媒技术学院地点图层使用图层并不会增加动画文件的大小，相反它可以更好帮助我们安排和组织图形、文字和动画。图层的显示顺序：从上至下依次显示图层在隐藏和锁定状态下，不能被修改。在编辑新图层时，可以将其它图层锁定或隐藏，以避免误操作。聊城大学传媒技术学院利用FlashMX2004创建动画制作逐帧动画制作形状渐变动画制作运动渐变动画制作沿轨道运动的动画制作遮罩动画声音的加入制作脚本动画聊城大学传媒技术学院制作逐帧动画逐帧动画也称为“帧—帧”动画，它需要制作好每一个连续动作的关键帧画面，需要每一帧都定义为关键帧，然后通过这些帧的连续播放，生成动画效果逐帧动画适合于制作比较复杂的动画，它能够对每帧的画面进行控制，设置它们的颜色、形状和大小等变化逐帧动画的优点是逼真，缺点是复杂、占用空间大聊城大学传媒技术学院制作渐变动画渐变动画就是在两个关键帧之间由Flash通过计算生成中间各个帧，使画面从前一关键帧平滑过渡到下一个关键帧。渐变动画包含两种：运动渐变动画和形状渐变动画聊城大学传媒技术学院制作形状渐变动画概念：在一个关键帧中绘制一个形状，然后在另一个关键帧中更改该形状或绘制另一个形状，Flash根据二者之间的帧的值或形状来创建的动画被称为“形状渐变动画”。注意，如果实例、组合、文本块或位图想要进行形状渐变，则必须先选择菜单中“修改/分离”命令，使之变成转换的图形，然后才能进行变形。聊城大学传媒技术学院制作运动渐变动画概念：在一个关键帧上放置一个元件，然后在另一个关键帧改变这个元件的大小、颜色、位置、透明度等，Flash根据二者之间的帧的值创建的动画被称为运动渐变动画。注意：形状不能制作运动渐变动画聊城大学传媒技术学院制作沿轨道运动的动画概念：对象沿特定路径进行渐变运动。引导线处于引导层处于被引导层1、被引导层中要发生运动的对象必须是一个完整的图像或是存放于库中的元件，而不可以是在当前图层上绘制的图形或是一个被分散的图像2、对象的中心与路径的起点和终点必须对齐，否则不会按照引导线运动，引导线不可从中间断开3、引导线必须是引导层上绘制的图形（矢量图）或是一个被分散的图像聊城大学传媒技术学院制作遮罩层动画遮罩可以显示对象的某个特定区域。遮罩动画至少需要两个图层，其中遮罩层用于规定显示的区域，被遮罩层用于规定显示的内容。窗户是遮罩层蓝天是被遮罩层在Flash中，遮罩层中起遮罩作用的不可以是线条，只能是填充部分。如果是文本起到遮罩作用，文本应该是静态文本。聊城大学传媒技术学院制作动作脚本动画概念：即在Flash动画中添加动作脚本形成的动画ActionScirpt1、在关键帧（Frame）中添加2、在按钮（Button）中添加3、在影片剪辑（MovieClip）中添加根据添加ActionScript脚本的不同目的，在具体的动画设计中可以在下列3个不同的地方加入相应的ActionScript脚本。聊城大学传媒技术学院在关键帧（Frame）中激活条件：将脚本添加到指定的关键帧上，即将该关键帧做为激活脚本程序的事件聊城大学传媒技术学院假设Flash主场景中含有5帧，测试影片时的播放顺序是这样的12345如果此时在这个动画的第3帧上加入AS语句stop();则播放到第3帧停止123无脚本实例1.fla关键帧实例1.fla聊城大学传媒技术学院如果Flash主场景中包含有一个影片剪辑，影片剪辑中有5帧，将之放入到场景中，持续1帧，测试影片时的播放顺序是这样的1234511111影片剪辑场景在以上动画的主场景的第一帧中加入AS语句stop();会怎样呢？1112关键帧实例2.fla123451影片剪辑场景12无脚本实例2.fla聊城大学传媒技术学院注意：为关键帧添加脚本之后，关键帧上会有在关键帧上添加脚本，最好使脚本独占一个图层聊城大学传媒技术学院没有任何鼠标时的状态当鼠标处于按钮上方时的状态当鼠标按下时的状态定义将响应鼠标单击的区域。这片区域在影片中是不可见的注：如果点击帧没有图形，则有弹起和指针经过帧图形来定义按钮响应鼠标事件的区域聊城大学传媒技术学院在按钮（Button）中激活条件：当被添加脚本的按钮发生特定事件时执行相应动作或程序on(MouseEvent){//操作}press事件release事件releaseOutside事件rollOver事件rollOut事件dragOver事件dragOut事件MouseEventpress事件release事件按钮实例1.fla按钮实例2.fla聊城大学传媒技术学院定位播放gotoAndStop(帧数);//播放到某一帧并停止12345678910Stop();Stop();按钮1gotoAndPlay(3)按钮2gotoAndPlay(7)主场景共有10帧聊城大学传媒技术学院应用实例制作课件聊城大学传媒技术学院声音的导入声音的类型导入音频文件为动画添加声音聊城大学传媒技术学院在Flash中两种类型的声音文件：事件声音文件（Event）流式声音文件（Stream）事件声音必须在播放之前完全下载，它可以连续播放，直到有明确的停止命令时才停止播放。流声音只需在下载开始的几帧就可以播放，并且能和Web上播放的时间轴同步。同步类型：事件开始停止聊城大学传媒技术学院导入音频文件选择“文件”—“导入”命令，打开“导入”对话框，在“导入”对话框中选择WAV或MP3格式的音频文件在库中选择声音文件，单击库窗口中的“播放”按钮，即可听到播放的声音。声音导入Flash中，实际就成为Flash文件的一部分也就是说，导入的声音越大，Flash文件也就越大聊城大学传媒技术学院为动画添加声音聊城大学传媒技术学院动画输出FlashMX动画可以输出的文件格式：*.swf、*.html、*.avi、*.mov、*.gif、*.png、*.exe等聊城大学传媒技术学院Flash优化方式多使用元件尽量使用渐变动画多用矢量图形，少用位图图像各关键帧中画面尽量少改变压缩声音文件聊城大学传媒技术学院