1、,专题五 用Flash制作动画,第一课动画基础知识,动画原理 Flash制作工具 文件基础操作 帧的含义 帧的操作 Flash窗口简介 标尺网格辅助线 工具箱,动画可以模拟事物的运动过程,形象的演示有关的原理,Flash是一种常用的动画制作软件,当然，其若用不止体现在动画制作上，使用flash还可以制作网络广播、游戏、flash MTV、各种多媒体课件、电子贺卡、广告导航、编辑视频等。,欣赏动画课件中国地图拼图,动画原理,跳动的小球 可以想象成电影的胶片，在胶片的每一格中都放着一个图片，相邻两张图片差别非常细微，将这些差别细微的图片高速放映出来，我们就看到电影了，也就是运动的图片，这就是动画的
2、原理。 这种方法费时费力，我们叫它逐帧动画，但真正的动画并不是简单的这种方法，还有补间动画、引导层动画。,flash制作工具,最常见的flash制作工具：flash MX、3D max Flash 8.0是Macromedia公司的一个二维动画制作工具。可以制作出不同形式的动画，如Flash MTV、Flash 网页、 Flash 游戏、 Flash 动画短片等。 优势：文件小而不易失真图像更为逼真,文件基础操作,文件的打开打开最近项目创建新项目从模版创建 文件的保存、另存,帧的含义,帧可以分为空白关键帧、关键帧、静止帧。 空白关键帧没有内容。 空白关键帧填上了内容就变成了关键帧。 让关键帧的
3、内容延续一段时间，这样的帧是静止帧。 ,帧的操作,帧(序列）的复制、粘贴（非内容的） 帧(序列）的移动 帧(序列）的翻转,Flash窗口简介,菜单栏,常用工具栏,工具箱,图层,场景舞台,动作面板,属性面板,混色器,时间轴面板:用于管理动画中的图层和帧,组织和控制文档内容在一定时间内播放的图层数和帧数,图层：就像堆叠在一起的多张幻灯胶片一样，每个层中都排放着一些画面,舞台:位于编辑界面的正中间部位,是绘制图形、编辑图形和图像的矩形区域，也是创建动画、放映动画内容的区域，这些内容包括矢量插图、文本框、按钮、导入的位图图形或视频剪辑等,“动作-帧”面板：是主要的“开发面板”之一，是动作脚本的编辑器,
4、“属性”面板：可以很容易地访问舞台或时间轴上当前选项的最常用属性，也可以在面板中更改对象或文档属性。,“混色器”面板：可以更改选定项目的颜色和透明度等设置。,时间轴面板:用于管理动画中的图层和帧,组织和控制文档内容在一定时间内播放的图层数和帧数舞台:位于编辑界面的正中间部位,是绘制图形、编辑图形和图像的矩形区域，也是创建动画、放映动画内容的区域，这些内容包括矢量插图、文本框、按钮、导入的位图图形或视频剪辑等舞台加上它旁边的灰色区域叫做工作区。,Flash窗口简介,常用的工具面板：各种工具面板可以通过主菜单中的“窗口”选择。“动作-帧”面板：是主要的“开发面板”之一，是动作脚本的编辑器“属性”面
5、板：可以很容易地访问舞台或时间轴上当前选项的最常用属性，也可以在面板中更改对象或文档属性。“混色器”面板：可以更改选定项目的颜色和透明度等设置。,Flash窗口简介,标尺网格辅助线,帮助定位对象在舞台上的位置。 标尺 辅助线（显示、锁定、撤清除、编辑） 网格（显示、编辑）,工具箱,选取工具 部分选取工具 任意变形工具 填充变形工具 线条工具 套索工具 钢笔工具 铅笔工具 文本工具 椭圆工具 矩形工具 刷子工具 墨水瓶工具 原料桶工具 滴管工具 橡皮擦工具 手型工具 缩放工具,第二课动画制作,一、逐帧动画的制作 二、形状补间动画的制作 三、运动补间动画的制作,结束,一、逐帧动画的制作,倒计时动画
6、制作步骤：1、新建文件2、建立关键帧3、动画的测试与发布知识点：帧；关键帧；逐帧动画；flash发布；flash保存,活动,知识窗,帧：一段动画是由一幅幅静态的连续的图片组成的，每一幅静态的图片均为一个“帧”。一个个连续的“帧”快速切换就形成 了动画。 关键帧：包含有具体内容（图片、文字、按钮、声音等）的帧为关键帧，是需要制作者亲自绘制的帧（而非软件自动生成的过渡帧） 逐帧动画：是把一系列的图形或文字放置在一系列关键帧中形成的动画，逐帧动画的最大的特点就是动画的每一帧都是关键帧,逐帧动画,逐帧动画是一种常见的动画形式（Frame By Frame），其原理是在“连续的关键帧”中分解动画动作，也
7、就是在时间轴的每帧上逐帧绘制不同的内容，使其连续播放而成动画。 因为逐帧动画的帧序列内容不一样，不但给制作增加了负担而且最终输出的文件量也很大，但它的优势也很明显：逐帧动画具有非常大的灵活性，几乎可以表现任何想表现的内容，而它类似与电影的播放模式，很适合于表演细腻的动画。例如：人物或动物急剧转身、 头发及衣服的飘动、走路、说话以及精致的3D效果等等。,创建逐帧动画的几种方法,（1）用导入的静态图片建立逐帧动画 用jpg、png等格式的静态图片连续导入Flash中，就会建立一段逐帧动画。 （2）绘制矢量逐帧动画 用鼠标或压感笔在场景中一帧帧的画出帧内容。 （3）文字逐帧动画 用文字作帧中的元件，
8、实现文字跳跃、旋转等特效。 （4）导入序列图像 可以导入gif序列图像、swf动画文件或者利用第3方软件（如swish、swift 3D等）产生的动画序列。,案例：倒计时动画的制作步骤,1、启动flash，新建一个文档 2、点击属性面板的“大小”按钮，弹出“文档属性”对话框，设置影片的属性 3、选择工具箱中的文本工具，在属性面板中设置相应的属性，在舞台上输入文字（倒计时、3） 4、选中时间轴第2帧，单击右键，弹出快捷菜单，点击“插入关键帧”，第2帧即被设置成一个关键帧 5、选择工具箱中的文本工具,双击第2帧中的文字，进入文字编辑状态，调整文字。（数字3改为2） 6、按同样的方法，建立第3帧和第
9、4帧，即完成动画的制作。 7、动画的测试：打开“控制”菜单，点击“测试影片”命令即可测试动画。 8、动画的保存：“文件”菜单保存 9、动画的发布：“文件”菜单“发布设置” 在弹出的“发布设置”对话中，根据需要选择文件格式并发布,返回,低头的小人,了解快捷键F7、F6、F5以及ctrl+c、ctrl+v,补间动画,做flash动画时，在两个关键帧中间需要做“补间动画”，才能实现图画的运动；插入补间动画后两个关键帧之间的插补帧是由计算机自动运算而得到的。 FLASH动画制作中补间动画分两类：一类是形状补间，用于形状的动画；另一类是动画补间用于图形及元件的动画。,二、形状补间动画的制作,月缺月圆动画
10、制作步骤：1、绘制图形2、制作关键帧3、建立形状补间动画知识点：椭圆工具绘圆方法,案例：月缺月圆动画制作步骤,1、启动flash，新建一个文档，设置文档属性。 2、选择绘图工具箱的椭圆工具，将“笔触颜色”设置成无色，“填充色”设置成黄色，按住shift键，单击鼠标并拖动，在舞台上绘制一个无边框、填充色为黄色的圆。 3、将鼠标移动到第50帧的位置。单击鼠标右键，在弹出的快捷菜单中，点击插入“关键帧”。然后切换到选择工具,单击黄色的圆，退出黄圆的选中。 4、选择绘图工具箱的椭圆工具，将“笔触颜色”设置成无色，“填充色”设置成红色，在已绘制的圆上再绘制一个稍大的圆。 5、切换到选择工具，单击红色的圆
11、，打开“编辑”菜单，点击“剪切”，即可形成月牙状。 6、在第1帧上点击鼠标右键，以弹出的快捷菜单中，选择“复制帧”，然后在第100帧上点击鼠标右键，在弹出的快捷菜单中，选择“粘贴帧”。 7、分别在第1帧、第50帧的“帧属性”面板中，将“补间”设置为“形状”。此时在时间轴上第1帧与第50帧、第50帧与第100帧之间出现了浅绿色箭头。即完成动画制作,返回,三、运动补间动画的制作,（一）、制作简单的运动补间动画 （二）、改变实例属性的运动补间动画 （三）、制作引导层动画,返回,（一）制作简单的运动补间动画,匀速运动的小球动画制作步骤：1、分别在图层1与2中制作平面与小球2、将小球转换为图形元件3、创
12、建运动补间知识点： 图层和元件的概念；锁定的应用；元件的转换,知识窗,图层：就像堆叠在一起的多张幻灯胶片一样，每个层中都排放着一些画面 元件：也称符号，lash中的符号有三种即图形，按钮和影片剪辑,案例：匀速运动的小球动画制作步骤,1、启动flash，新建一个文档，设置文档属性。 2、使用线条工具绘制图形，作为小球运动的平面。 3、锁定图层1，点击“插入图层”按钮，插入图层2。 4、在图层2的第1帧中，选择绘图工具箱的椭圆工具，将“笔触颜色”设置成无色，“填充色”设置成白灰径向渐变，按住shift键，拖动鼠标在舞台左侧、平面上方绘制 一个正圆。 5、使用箭头工具选中圆。打开“修改”菜单，单击“
13、转换为元件”，弹出“转换为符号”对话框，将它转换为“图形”符号 ，并为其命名。 6、将鼠标移到图层1第30帧的位置，单击鼠标右键，在弹出的快捷菜单中。选择“插入帧”命令。注意时间轴的变化。 7、将鼠标移到图层2第30帧的位置，单击鼠标右键，在弹出的快捷菜单中，选择“插入关键帧”命令，单击选中第30帧，将小球移到舞台的右侧。 8、右击图层2的第1帧，在弹出的快捷菜单中，点击“创建补间动画”命令，此时在时间轴的第1帧至第30帧之间会出现一根浅紫色的箭头，至此动画制作完成。,返回,（二）、改变实例属性的运动补间动画,旋转的花朵动画制作步骤：1、图片的导入2、抠取图片中的花朵部分，并转换成元件3、创建
14、改变花朵透明度的运动形状补间动画知识点：图形的导入；图片的分离； 套索工具的应用；颜色透明度的介绍,案例：旋转的花朵动画制作步骤,1、启动flash，新建一个文档，设置文档属性。 2、打开“文件”菜单，选择“导入”选项，选中要导入的图片文件，点击“打开”。 3、选中舞台上的图片，打开“修改”菜单，点击“分离”。 4、选择绘图工具箱中的套索工具，选用魔术棒单击图像中的黑色部分，按Delete键删除，并其他部分也删除，用箭头工具移动主体到舞台中央。 5、打开“修改”菜单，单击“转换为元件”，弹出“转换为符号”对话框，将它转换为“图形”符号 ，并为其命名。 6、在第15帧处，单击鼠标右键，在弹出的快
15、捷菜单中，点击“插入关键帧”命令，选中第15帧的实例，在属性面板中选择颜色选项中的“Alpha”，将其设置为“0%” 7、单击第1帧，在属性面板中选择“中间”操作中的移动选项，在时间轴的第1帧至第15帧建立运动补间动画，在属性面板中的“旋转”选项中，设置为“顺时针”、“1次”。,返回,（三）、制作引导层动画,月亮绕地球公转动画制作步骤：1、Flash动画背景设置2、分别在图层2和3绘制地球与月球3、应用引导层创建月球的运动轨迹4、对图层3中的月球创建运动补间动画知识点：引导层动画,引导层动画,引导层动画是利用引导层中的引导线建立运动路径,使被引导层里的物体能沿着路径运动.一个引导动画必须由引导
16、层和被引导层组成,引导层是一个特殊的图层,其中的绘制路径在动画播放时是不可见的.,案例：月亮绕地球公转动画制作步骤,1、启动flash，新建一个文档，设置文档属性，并导入图片文件作为背景。 2、点击“插入图层”按钮，插入图层，在图层的第帧处，单击选中绘图工具箱的椭圆工具，将“笔触颜色”设置成无色，“填充色”设置成蓝色径向渐变，按住shift键，在舞台中画 一正圆作为地球。 、点击“插入图层”按钮，插入图层，在图层3的第帧处绘制月球，将其转换成图形符号，在第50帧处插入关键帧。并将图层和图层都延长到第50帧.（按F6键延长） 4、选中图层3，单击时间轴上“插入运动引导层”按钮，在图层3上添加新的
17、运动引导层，选中绘图工具箱中的椭圆工具，将“笔触颜色”设置成白色，“填充色”设置成无色，绘制椭圆的路径。 5、选择“橡皮擦工具”，在椭圆上擦一小口，然后锁定引导层。 6、选中图层3第1帧，用箭头工具将月球拖到椭圆的左缺口，在第50帧拖到椭圆的右缺口 7、选中时间轴上第3层的第1帧，在弹出的右键快捷菜单中，选择“创建补间动画”选项，建立引导运动动画，动画制作完成。,返回,作业：,一、动画制作： 1、结合自己所教学科，选择合适内容，制作一个逐帧动画。文件命名方法为“逐帧动画-*”.fla，逐帧动画-*”.swf，逐帧动画-*”.htm 。 2、结合自己所教学科，选择合适内容，制作一个形状补间动画。文件命名方法为“形状补间动画-*”.fla，形状补间动画-*”.swf，形状补间动画-*”.htm 。 3、结合自己所教学科，选择合适内容，制作一个运动补间动画。文件命名方法为“运动补间动画-*”.fla，运动补间动画-*”.swf，运动补间动画-*”.htm 。 4、结合自己所教学科，选择合适内容，制作一个引导层动画。文件命名方法为“引导层动画-*”.fla，引导层动画-*”.swf，引导层动画-*”.htm 。 。 二、文件保存： 在自己文件夹下建立“专题5”文件夹，并将制作的动画保存在此文件夹中。 三、在自己博客中发表一篇日志，谈谈flash动画在我们教学中的作用。,谢谢大家！,
