(精品)Flash计算机动画制作入门.ppt

《(精品)Flash计算机动画制作入门.ppt》由会员分享，可在线阅读，更多相关《(精品)Flash计算机动画制作入门.ppt（111页珍藏版）》请在淘文阁 - 分享文档赚钱的网站上搜索。

1、上课时间：上课时间：4、26 上午上午9:0011：30 下午下午2：004：304、27 上午上午9:0011：30 下午下午1：304：00上课地点：上课地点：上午：主上午：主206 （理论课）（理论课）下午：主下午：主1102 （实验课）（实验课）FlashFlash计算机动画制作入门计算机动画制作入门关于实验ftp:/10.1.4.120用户名及密码均为用户名及密码均为 student课程文件夹：课程文件夹：“继续教育继续教育flash动画制作动画制作”步骤：步骤：1、下载实验讲义、下载实验讲义2、在本地机新建文件夹、在本地机新建文件夹“个人姓名个人姓名”3、完成实验任务，并将结果保存

2、在、完成实验任务，并将结果保存在“个人姓名个人姓名”文件文件夹夹4、文件夹、文件夹“个人姓名个人姓名”上传到上传到ftp的的“实验结果实验结果”内内FlashFlash动画动画1 1、形象、生动、直观、形象、生动、直观2 2、矢量动画，文件占用空间小、矢量动画，文件占用空间小3 3、交互性、交互性 p 特点特点：1、展示、宣传：多媒体演示、网页、展示、宣传：多媒体演示、网页2 2、娱乐：、娱乐：MTVMTV、贺卡、小型卡通片、贺卡、小型卡通片 游戏、手机彩信、电视广告游戏、手机彩信、电视广告p 应用应用：FlashFlash计算机动画制作入门计算机动画制作入门物理与电子信息学院物理与电子信息学

3、院刘根萍刘根萍课程内容课程内容活动一活动一 认识动画形成原理认识动画形成原理活动二活动二 认识常见动画格式认识常见动画格式活动三活动三 获取网络动画素材获取网络动画素材活动四活动四 熟悉熟悉FlashFlash软件环境软件环境活动五活动五 绘制运动对象绘制运动对象活动六活动六 创建基础动画创建基础动画活动七活动七 创建交互式动画创建交互式动画学习目标学习目标1 1、了解动画形成原理、了解动画形成原理2 2、了解常见动画文件格式、了解常见动画文件格式3 3、掌握从网络获取动画素材的方法、掌握从网络获取动画素材的方法4 4、能根据实际需求、能根据实际需求制作制作二维计算机动画二维计算机动画活动一活

4、动一 认识动画形成原理认识动画形成原理p人眼人眼“视觉暂留视觉暂留”的特性：视觉印象在人的眼的特性：视觉印象在人的眼中大约可保持中大约可保持0.1秒之久秒之久。p以一定的速度连续播放一系列静止画面时，就以一定的速度连续播放一系列静止画面时，就会给人以画面活动的感觉。会给人以画面活动的感觉。活动二活动二 认识常见动画格式认识常见动画格式常见的动画文件格式包括：常见的动画文件格式包括：GIF GIF SWF SWF FLIC FLIC、FLI/FLCFLI/FLCGIFGIF格式格式GIF文件是图形文件交换格式（文件是图形文件交换格式（graphics interchange format）的简称

5、，由）的简称，由compuserve公司创建。公司创建。p 图像色彩不超过图像色彩不超过256色色，因此几乎所有的显示器都，因此几乎所有的显示器都支持支持gif动画，不必考虑显示器的色彩失真问题。动画，不必考虑显示器的色彩失真问题。p gif文件采用文件采用LZW压缩方式，压缩方式，数据量小数据量小。p 直观、生动、直观、生动、易学易用易学易用，且制作，且制作gif动画的软件众动画的软件众多。（多。（Ulead Gif Animator）SWFSWF格式格式pSWF是是Micromedia公司的产品公司的产品Flash的的矢量动画矢量动画格格式，它采用曲线方程描述其内容，不是由点阵组成式，它采

6、用曲线方程描述其内容，不是由点阵组成内容，因此这种格式的动画在缩放时不会失真，非内容，因此这种格式的动画在缩放时不会失真，非常适合描述由几何图形组成的动画，如教学演示等。常适合描述由几何图形组成的动画，如教学演示等。p由于这种格式的动画可以与由于这种格式的动画可以与HTML文件充分结合，文件充分结合，并能添加并能添加MP3音乐，因此被广泛地应用于网页上。音乐，因此被广泛地应用于网页上。FLICFLIC格式格式p FLIC是是Autodesk公司在其出品的公司在其出品的Autodesk Animator/Animator Pro/3D Studio等等2D/3D动画动画制作软件中采用的彩色动画文

7、件格式。制作软件中采用的彩色动画文件格式。p 目前，目前，FLIC被广泛用于动画图形中的动画序列、被广泛用于动画图形中的动画序列、计算机辅助设计和计算机游戏应用程序。计算机辅助设计和计算机游戏应用程序。活动三活动三 获取网络动画素材获取网络动画素材p GIFGIF动画的获取动画的获取p SWFSWF动画的获取动画的获取下载下载SWFSWF动画素材动画素材问题问题：网上很多：网上很多Flash没有提供下载链接，如何下载呢？没有提供下载链接，如何下载呢？方法方法：1.打开网页，浏览打开网页，浏览Flash2.桌面桌面IE图标，右键图标，右键属性属性常规常规设置设置查看文件查看文件3.从后往前找，类

8、型为从后往前找，类型为ShockWave Flash Object，并拷并拷贝文件出来，预览看是否是自己想要的文件贝文件出来，预览看是否是自己想要的文件下载下载SWFSWF动画素材动画素材活动四活动四 熟悉熟悉FlashFlash软件环境软件环境p 软件环境软件环境p 制作动画的基本流程制作动画的基本流程 工具箱工具箱 时间轴时间轴 工作区工作区(舞台舞台)浮动面板浮动面板属性面板属性面板制作动画的基本流程制作动画的基本流程 准备舞台准备舞台创建、插入动画成员创建、插入动画成员设定动画效果设定动画效果预览测试动画预览测试动画动画文件的保存、输出、发布动画文件的保存、输出、发布活动五活动五活动六

9、、七活动六、七新建、预览、保存、导出、发布新建、预览、保存、导出、发布活动五活动五 绘制运动对象绘制运动对象绘制运动对象常见方法：绘制运动对象常见方法：p方法一方法一：利用：利用FlashFlash工具箱工具绘图工具箱工具绘图n工具：绘画、涂色、选择工具：绘画、涂色、选择n查看：在工作区内缩放、移动查看：在工作区内缩放、移动n颜色：设置边框颜色和填充颜色颜色：设置边框颜色和填充颜色n选项：显示选定工具的功能设置按钮选项：显示选定工具的功能设置按钮o方法二：方法二：利用数位板绘图利用数位板绘图 数位板数位板n数位笔绘画时，会随着用笔的轻重不同，轻松数位笔绘画时，会随着用笔的轻重不同，轻松地绘制出

10、不同明暗、不同色彩轻度，特别是画地绘制出不同明暗、不同色彩轻度，特别是画笔粗细不同的笔触效果。笔粗细不同的笔触效果。nWACOMWACOM公司的产品深受用户喜爱。公司的产品深受用户喜爱。o方法三：方法三：手绘后扫描或拍摄手绘后扫描或拍摄 有相当一部分人习惯于先在纸上画草图，扫有相当一部分人习惯于先在纸上画草图，扫描或拍摄入电脑后，再用软件勾线、上色等描或拍摄入电脑后，再用软件勾线、上色等处理。处理。绘图工具绘图工具o直线工具直线工具o铅笔工具铅笔工具o椭圆工具椭圆工具o矩形工具矩形工具o钢笔工具钢笔工具 部分选取部分选取 填充变形填充变形 套索套索 文本文本 矩形矩形 刷子刷子颜料桶颜料桶橡皮

11、擦橡皮擦选择选择任意变形任意变形线条线条钢笔钢笔椭圆椭圆铅笔铅笔墨水瓶墨水瓶手形手形缩放缩放笔触颜色笔触颜色填充色填充色上色工具上色工具透明度透明度系统调色板系统调色板渐变色渐变色所选颜色所选颜色所选颜色的所选颜色的16进制进制实例实例1 1p 凹透镜凹透镜p 月亮月亮p 铅笔铅笔实例实例2 2p 甲壳虫甲壳虫p 蜡烛蜡烛 对象的变形对象的变形o任意变形工具任意变形工具o选择工具选择工具o菜单项命令：修改菜单项命令：修改变形变形o“变形变形”面板面板实例实例3 3p 花朵花朵p 叶子叶子p 扇子扇子对象的组合和分离对象的组合和分离o组合组合(Ctrl+GCtrl+G)：将若干个对象组合在一起而

12、不改变：将若干个对象组合在一起而不改变他们各自的属性；他们各自的属性；o分离对象：将组、实例和位图分离成单独的可编辑分离对象：将组、实例和位图分离成单独的可编辑元素。元素。文本工具文本工具p 彩虹字彩虹字实例实例4 4p 情人节情人节p 月夜月夜月夜月夜总结：软件环境及绘图总结：软件环境及绘图1、原理、原理2、格式、格式3、操作流程：新建、操作流程：新建-编辑编辑-保存保存-浏览浏览-发布发布4、变形的方法：箭头工具、任意变形工具、变形的方法：箭头工具、任意变形工具 变形命令、变形面板变形命令、变形面板5、文件、文件导入到库或舞台，导入外部素材导入到库或舞台，导入外部素材活动六活动六 创建基础

13、动画创建基础动画一、元件与实例一、元件与实例二、帧并帧动画二、帧并帧动画 三、补间动画三、补间动画四、引导线动画四、引导线动画五、颜色动画五、颜色动画六、组合动画六、组合动画七、遮罩动画七、遮罩动画一、元件与实例一、元件与实例概念、类型、创建、编辑、按钮、库概念、类型、创建、编辑、按钮、库引引 语语 在在FlashFlash动画中，很多对象在动画中出现的动画中，很多对象在动画中出现的频率是比较高，或者是很高的。为了提高制作频率是比较高，或者是很高的。为了提高制作效率和降低资源空间。效率和降低资源空间。元件和实例元件和实例元件和实例的概念及联系元件和实例的概念及联系 元元 件：件：是可以重复利用

14、的图形、按钮或影片剪辑，他是可以重复利用的图形、按钮或影片剪辑，他们随用户的创建存在于元件库中，也可以通过链们随用户的创建存在于元件库中，也可以通过链接的方式存在于其他接的方式存在于其他Flash文档的元件库中。元件文档的元件库中。元件还可以包含从其他应用程序中导入的素材。还可以包含从其他应用程序中导入的素材。特特 点：点：每个元件都有自己的时间轴。即可以将帧、每个元件都有自己的时间轴。即可以将帧、关键帧和层添加至元件时间轴，和文档的时间轴关键帧和层添加至元件时间轴，和文档的时间轴操作完全一样。操作完全一样。元件和实例的概念及联系元件和实例的概念及联系实实 例例 ：是指应用于舞台上的元件，或嵌

15、套在其他元件内是指应用于舞台上的元件，或嵌套在其他元件内的元件。的元件。特特 点：点：实例可以与它的元件在颜色、大小和功能上实例可以与它的元件在颜色、大小和功能上差别很大。编辑元件会更新它的所有实例，但对差别很大。编辑元件会更新它的所有实例，但对元件的一个实例应用效果则只更新该实例。元件的一个实例应用效果则只更新该实例。元件的类型元件的类型v 图图形形 v 影片剪影片剪辑辑 v 按钮按钮 图形元件的创建和特点图形元件的创建和特点 图形元件可以是静态图片或者简单的动画。但不支持交图形元件可以是静态图片或者简单的动画。但不支持交互功能（包括元件内部和实例），也不支持声音，而且图形互功能（包括元件内

16、部和实例），也不支持声音，而且图形元件与影片的时间轴是同步的，也就是说主时间轴播放到哪元件与影片的时间轴是同步的，也就是说主时间轴播放到哪一帧它也播放到哪一帧。所以，这种特性一般不好掌握，有一帧它也播放到哪一帧。所以，这种特性一般不好掌握，有时甚至会带来很多麻烦，所以，时甚至会带来很多麻烦，所以，没有特殊作用，一般不用图没有特殊作用，一般不用图形元件的动画功能形元件的动画功能。创建方法创建方法：v先创建一个空元件，在元件编辑界面编辑元件。先创建一个空元件，在元件编辑界面编辑元件。v在工作舞台中在工作舞台中创创建好建好对对象，然后将象，然后将对对象象转转化成元件。化成元件。该该方法要注意注册位置

17、的方法要注意注册位置的选择选择。影片剪辑的创建和特点影片剪辑的创建和特点 影片剪影片剪辑辑可以是静可以是静态图态图片或者片或者动动画（包括低画（包括低级级和高和高级动级动画，交互画，交互动动画）。影片剪画）。影片剪辑辑的播放独立于影片的时间轴，播的播放独立于影片的时间轴，播放速度不受主时间轴影响，支持放速度不受主时间轴影响，支持ActionScriptActionScript和声音，可包和声音，可包含交互控制，其他影片剪辑。含交互控制，其他影片剪辑。创建方法创建方法：v先创建一个空元件，在元件编辑界面编辑元件。先创建一个空元件，在元件编辑界面编辑元件。v在工作舞台中在工作舞台中创创建好建好对对

18、象或象或动动画序列，然后将画序列，然后将对对象或象或动动画画转转化成元件。化成元件。按钮的创建和特点按钮的创建和特点 按钮元件可以用以电影中响应鼠标事件的交按钮元件可以用以电影中响应鼠标事件的交互按钮。互按钮。创建方法及应用将在脚本部分介绍创建方法及应用将在脚本部分介绍元件的编辑元件的编辑 前面我前面我们们学学习习了了3 3种元件的种元件的创创建，但有建，但有时时需要回需要回头对创头对创建好的元件建好的元件进进行修改。行修改。1.1.在当前位置编辑。选择一个元件实例，然后右击在当前位置编辑。选择一个元件实例，然后右击鼠标，选择菜单中鼠标，选择菜单中“在当前位置编辑在当前位置编辑”。2.2.在新

19、窗口中在新窗口中编辑编辑。选择选择一个元件一个元件实实例，然后右例，然后右击击鼠鼠标标，选择选择菜菜单单中中“在新窗口中在新窗口中编辑编辑”。3.3.在元件编辑模式中编辑元件。在元件编辑模式中编辑元件。修改元件有三种方法修改元件有三种方法:p 帧帧p 帧并帧动画帧并帧动画p 运动动画运动动画p 形变动画形变动画动画形成原理动画形成原理动画动画是指物体在一定的时间内发生的变化过程，包是指物体在一定的时间内发生的变化过程，包括动作、位置、颜色、形状、角度等等的变化。括动作、位置、颜色、形状、角度等等的变化。在电脑中用一幅幅的图片来表现这一段时间内物体在电脑中用一幅幅的图片来表现这一段时间内物体的变

20、化，每一幅图片称为一的变化，每一幅图片称为一帧帧。当这些图片以一定的速度连续播放时，就会给人以当这些图片以一定的速度连续播放时，就会给人以动画的感觉，而静止的物体则用一幅幅相同的图片动画的感觉，而静止的物体则用一幅幅相同的图片来表示。来表示。一、帧的分类一、帧的分类v 关键帧关键帧是帧内容发生变化的帧，前后两个关键帧内容有是帧内容发生变化的帧，前后两个关键帧内容有所变化和不同。所变化和不同。v 普通帧普通帧位于两个关键帧之间，其内容是前一关键帧的位于两个关键帧之间，其内容是前一关键帧的复制品复制品v 空白关键帧空白关键帧是一种关键帧，但是其内容为空。是一种关键帧，但是其内容为空。v 补间帧补间

21、帧位于两个关键帧之间，其内容是继承前一关键帧的。位于两个关键帧之间，其内容是继承前一关键帧的。帧的操作帧的操作插入帧：插入帧：【插入】【时间轴】【帧】/【关键帧】/【空白关键帧】删除帧（删除帧（shift+F5)拷贝帧拷贝帧剪切帧剪切帧粘贴帧粘贴帧移动帧移动帧二、帧并二、帧并帧动画的创建帧动画的创建逐帧动画的概念逐帧动画的概念帧内容是变化的，制作时先把一帧一帧的内容帧内容是变化的，制作时先把一帧一帧的内容都制作好，然后由帧播放产生动画效果。都制作好，然后由帧播放产生动画效果。逐帧动画实例：逐帧动画实例：美丽校园美丽校园 /倒计时倒计时 /打字效果打字效果 /豹子奔跑豹子奔跑 三、补间动画的创建

22、三、补间动画的创建 补间动画的概念补间动画的概念 包括包括运动补间运动补间动画和动画和形状补间形状补间动画。只要设置动画。只要设置起起始帧始帧和和结束帧结束帧的内容，两帧之间的动画效果可以的内容，两帧之间的动画效果可以由计算机自动完成。由计算机自动完成。补间动画的创建补间动画的创建创建补间动画的四大步骤创建补间动画的四大步骤 1 1、准备运动对象、准备运动对象2 2、创建第一个关键帧，设置内容、创建第一个关键帧，设置内容3 3、创建第二个关键帧，设置内容、创建第二个关键帧，设置内容4 4、选择两个关键帧之间的任意一帧，设置补间属性、选择两个关键帧之间的任意一帧，设置补间属性运动补间动画的创建运

23、动补间动画的创建运动补间动画效果：运动补间动画效果：位移位移 /缩放缩放 /旋转旋转 /颜色变化效果颜色变化效果 运动补间动画实例：运动补间动画实例：小车运动小车运动 /运动的文字运动的文字 /小球碰撞小球碰撞 渐隐动画渐隐动画 /网页片头网页片头运动补间动画的创建运动补间动画的创建属性面板中关于运动补间的几个属性设置：属性面板中关于运动补间的几个属性设置：缩放：缩放：选中此选项可以实现组或实例的尺寸变化。选中此选项可以实现组或实例的尺寸变化。简简易易：调调节节该该项项滑滑块块的的方方向向和和值值能能实实现现组组或或实实例例进进行行加加速速运运动动、匀匀速速运运动动或或减减速速运运动动。如如果

24、果滑滑块块处处于于输输入入方方向向，则则进进行行加加速速运运动动，处处于输出方向则进行减速运动，处于中间则进行匀速运动。于输出方向则进行减速运动，处于中间则进行匀速运动。旋转：旋转：选择此项可以使组或实例进行旋转。选择此项可以使组或实例进行旋转。调调整整到到路路径径：选选中中此此项项可可以以实实现现组组或或实实例例按按照照指指定定的的路路径径进进行行有有方方向向的的运运动动，实实际际上上就就是是能能设设定定对对象象是是否否随随着着路路径径的的改改变变而而改改变变自自身身的方向。主要应用于引导层动画。的方向。主要应用于引导层动画。同同步步：选选择择此此项项可可以以避避免免在在影影片片剪剪辑辑帧帧

25、数数与与主主动动画画帧帧数数不不成成倍倍数数关关系时引起的播放不一致。系时引起的播放不一致。对齐：对齐：选择此项可以实现组或实例在某一帧对齐到引导线的位置。选择此项可以实现组或实例在某一帧对齐到引导线的位置。运动补间动画的创建运动补间动画的创建注意的事项注意的事项：（1 1）做补间运动的对象必须是实例、文字、导入）做补间运动的对象必须是实例、文字、导入的素材，不能是图形。的素材，不能是图形。（2 2）一个图层上一般只能设置一个对象做补间运）一个图层上一般只能设置一个对象做补间运动，而且起始帧和结束帧一般都是同一对象；动，而且起始帧和结束帧一般都是同一对象；（3 3）静止对象与运动对象分别放在不

26、同图层静止对象与运动对象分别放在不同图层；（4 4）不同运动方式的对象分别放在不同图层）不同运动方式的对象分别放在不同图层；形状补间动画的创建形状补间动画的创建形状补间动画的概念形状补间动画的概念 与动作补间很类似，区别在于形状补间动画主要与动作补间很类似，区别在于形状补间动画主要是完成从一个形状到另一个形状的过渡，起始帧是完成从一个形状到另一个形状的过渡，起始帧和结束帧的对象可以是一样，也可以不一样，可和结束帧的对象可以是一样，也可以不一样，可以是一个对象，也可以是多个对象。同时，可以以是一个对象，也可以是多个对象。同时，可以伴有颜色、尺寸、位置的变化。伴有颜色、尺寸、位置的变化。形状补间动

27、画实例：形状补间动画实例：哭脸变笑脸哭脸变笑脸 /树苗长大树苗长大 /翻页效果翻页效果形状补间动画的创建形状补间动画的创建与形状补间动画相关的属性设置：与形状补间动画相关的属性设置：简易：运动速度特点的设置；简易：运动速度特点的设置；混合：选择混合：选择“分布式分布式”能让形状变化更加平滑和能让形状变化更加平滑和无规则：选择无规则：选择“角度式角度式”能在中间的图形最终保能在中间的图形最终保留目前的拐角和直线。留目前的拐角和直线。形状补间动画的创建形状补间动画的创建 虽然虽然FlashFlash会试图以最有逻辑的方式实现两个形会试图以最有逻辑的方式实现两个形状间的过渡，但有时用户要控制更加复杂

28、或罕见的状间的过渡，但有时用户要控制更加复杂或罕见的形状变化，需要使用形状变化，需要使用形状提示形状提示。形状提示用字母（。形状提示用字母（从从 a 到到 z，最多可以使用最多可以使用 26 个形状提示）标识个形状提示）标识起始起始形状形状和和结束形状结束形状中的中的相对应的点相对应的点。起始关键帧上的。起始关键帧上的形状提示是黄色的，结束关键帧的形状提示是绿色形状提示是黄色的，结束关键帧的形状提示是绿色的，设置未完成的为红色。的，设置未完成的为红色。形状补间动画的创建形状补间动画的创建要在补间形状时获得最佳效果，请遵循这些准则：要在补间形状时获得最佳效果，请遵循这些准则：（1）按顺时针顺序排

29、序提示，并且以左下脚为起点，）按顺时针顺序排序提示，并且以左下脚为起点，它们的工作效果最好。它们的工作效果最好。（2）确保形状提示是符合逻辑的。例如，如果在一个）确保形状提示是符合逻辑的。例如，如果在一个三角形中使用三个形状提示，则在原始三角形和要补三角形中使用三个形状提示，则在原始三角形和要补间的三角形中它们的顺序必须是一致的。如下图所示。间的三角形中它们的顺序必须是一致的。如下图所示。实例：实例：1 1变变2 2四、引导线动画四、引导线动画 我们学习了运动补间动画，大家总结一下：我们学习了运动补间动画，大家总结一下：运动补间动画的运动特点？运动补间动画的运动特点？如果现在要求制作一个运动路

30、线为任意的如果现在要求制作一个运动路线为任意的曲线，该如何制作？曲线，该如何制作？引导层动画，又叫路径动画引导层动画，又叫路径动画引导层的概念引导层的概念引引导层导层：普通引：普通引导图层导图层和运和运动动引引导图层导图层。1.1.普通引普通引导图层导图层普通引导层中的内容只作为绘制动画的位置参考，普通引导层中的内容只作为绘制动画的位置参考，不出现在最后的作品中。不出现在最后的作品中。注意：注意：普通引导图层一般放在最下层比较合适。普通引导图层一般放在最下层比较合适。引导层的概念引导层的概念 2.2.运运动动引引导图层导图层 这类图层这类图层有一个抛物有一个抛物线图线图案，表示在运案，表示在运

31、动动引引导层导层中中绘绘制的制的线线条可以作条可以作为为其下面其下面图层图层的的补间动补间动画的运画的运动动路径。路径。该图层该图层中的内容不出中的内容不出现现在最在最终终的作品里。的作品里。引导层动画的创建引导层动画的创建引导层动画的创建方法：引导层动画的创建方法：（1 1）创建引导层和被引导层）创建引导层和被引导层（2 2）在引导层创建运动路径）在引导层创建运动路径（3 3）在被引导层设计运动细节）在被引导层设计运动细节 引导层动画实例：引导层动画实例：地球绕太阳转地球绕太阳转 /文字路径动画文字路径动画引导层动画的创建引导层动画的创建v一个引导层可以有一个或多个被引导层；一个引导层可以有

32、一个或多个被引导层；v运动对象必须是组、文本、实例，不能是图形；运动对象必须是组、文本、实例，不能是图形；v设置动作时，注意是否选择设置动作时，注意是否选择“调整到路径调整到路径”和和“同同步步”；v运动对象中心必须位于运动路线上；运动对象中心必须位于运动路线上；v若要显示路径，则须单独建一个路径图层。若要显示路径，则须单独建一个路径图层。五、组合动画五、组合动画嵌套动画嵌套动画实例：小人走路实例：小人走路 地球绕太阳转，同时月亮绕地球转地球绕太阳转，同时月亮绕地球转六、颜色动画六、颜色动画方法一：形变动画，使关键帧上的对象颜色不同方法一：形变动画，使关键帧上的对象颜色不同方法二：运动动画，通

33、过属性来设置颜色方法二：运动动画，通过属性来设置颜色颜色：明亮度、色相、透明度等颜色：明亮度、色相、透明度等颜色动画颜色动画七、遮罩动画的特点七、遮罩动画的特点欣赏遮罩动画：欣赏遮罩动画：简单遮罩、运动遮罩、移动背景字简单遮罩、运动遮罩、移动背景字移动的彩虹字、遮罩字、倒影移动的彩虹字、遮罩字、倒影遮罩动画的特点遮罩动画的特点遮照遮照层层的特点的特点：遮罩遮罩动动画由遮罩画由遮罩层层和被遮罩和被遮罩层组层组成。遮罩成。遮罩层层的的对对象象相当于窗口，被遮罩相当于窗口，被遮罩层层相当于窗外的相当于窗外的风风景，只有与景，只有与窗口重合的部分才能被看到，其中遮罩窗口重合的部分才能被看到，其中遮罩层

34、层提供了外提供了外形，被遮罩形，被遮罩图层图层提供提供颜颜色，通色，通过过遮罩遮罩层对层对象的运象的运动动或被遮罩或被遮罩层层中中对对象的运象的运动动来来实现实现遮罩效果。遮罩效果。遮罩动画的创建遮罩动画的创建 遮罩动画的创建方法：遮罩动画的创建方法：1 1、创建遮罩层和被遮罩层、创建遮罩层和被遮罩层2 2、在遮照层创建遮罩项目、在遮照层创建遮罩项目3 3、在被遮罩层设计内容、在被遮罩层设计内容4 4、制制作作遮遮罩罩层层对对象象的的运运动动效效果果或或被被遮遮罩罩层层对对象象的的运动运动遮罩动画的创建遮罩动画的创建遮罩运动中的注意点：遮罩运动中的注意点：（1 1）遮罩层的遮罩项目可以是图形或

35、文字、实例、组。）遮罩层的遮罩项目可以是图形或文字、实例、组。（2 2）一个遮罩层只能有一个遮罩项目，即不能把一个）一个遮罩层只能有一个遮罩项目，即不能把一个图形和一个实例一起作为遮罩项目，只能是一个实例，图形和一个实例一起作为遮罩项目，只能是一个实例，或一组文字，或一组对象，或若干个图形。或一组文字，或一组对象，或若干个图形。（3 3）一个遮罩层可以包含一个或多个被遮罩层）一个遮罩层可以包含一个或多个被遮罩层遮罩动画的创建遮罩动画的创建遮罩运动的第一种形式遮罩运动的第一种形式：被遮罩层运动。：被遮罩层运动。遮罩运动的第二种形式遮罩运动的第二种形式：遮罩层运动。：遮罩层运动。遮罩运动的第三种形

36、式遮罩运动的第三种形式：遮罩层和被遮罩层都做运动。：遮罩层和被遮罩层都做运动。活动七活动七 声音、视频的应用声音、视频的应用欣赏欣赏MTV声音文件的导入声音文件的导入 直接直接file-import导入库中导入库中支持格式：支持格式：Wav、Mp3、AIFF如果是如果是midi，需用，需用java语句调入。语句调入。声音的同步声音的同步事件：事件：非同步。声音不会随着动画播放的结束而停止。非同步。声音不会随着动画播放的结束而停止。多用于简短或循环声音。多用于简短或循环声音。开始：开始：非同步。但声音正在播放时不会播放新的声音实例非同步。但声音正在播放时不会播放新的声音实例结束：结束：将指定声音

37、设置为静音。将指定声音设置为静音。数据流：数据流：同步。声音随着动画播放的结束而停止。多用同步。声音随着动画播放的结束而停止。多用于于mp3,可逐帧控制。可逐帧控制。编辑时间轴中的声音编辑时间轴中的声音 如果现在选择了一个很短的声音作为一个比较长如果现在选择了一个很短的声音作为一个比较长的动画的播放文件，该设置声音的什么属性？的动画的播放文件，该设置声音的什么属性？声音的循环：声音的循环：播放次数播放次数/循环。循环。事件事件选项中可实现循环的效果或选项中可实现循环的效果或指定次数的重复；指定次数的重复；数据流数据流的循环或指定次数的重的循环或指定次数的重复效果是受动画的长度限制的。复效果是受

38、动画的长度限制的。视频的导入视频的导入可以直接导入场景当中，在库中可以察看属性。可以直接导入场景当中，在库中可以察看属性。支持的视频格式：支持的视频格式：avi mpeg dv mov 电影文件不会成为电影文件不会成为Flash文件的一部分，文件的一部分，flash保持一保持一个对源文件的路径指向。用户可以对视频进行缩放、个对源文件的路径指向。用户可以对视频进行缩放、旋转。旋转。活动八活动八 创建交互式动画创建交互式动画基本内容：概述、种类、实例基本内容：概述、种类、实例学习目标：掌握脚本应用方法学习目标：掌握脚本应用方法 能制作简单的交互式动画能制作简单的交互式动画 能在本课基础上进行深入学

39、习能在本课基础上进行深入学习按钮的创建和特点按钮的创建和特点 按钮元件可以用以电影中响应鼠标事件的交按钮元件可以用以电影中响应鼠标事件的交互按钮。互按钮。创建方法：创建方法：先创建一个空元件，在元件编辑界面先创建一个空元件，在元件编辑界面编辑元件。编辑元件。按钮的创建和特点按钮的创建和特点 任何一个按钮都是是一个任何一个按钮都是是一个4帧帧的影片剪辑。前的影片剪辑。前3帧帧是用来显示按钮的是用来显示按钮的3种可能状态种可能状态，最后一帧最后一帧是按钮的是按钮的感应区域感应区域。时间轴不是播放的，只能根据指针的动作。时间轴不是播放的，只能根据指针的动作做出简单的响应并且转到所指示的帧。做出简单的

40、响应并且转到所指示的帧。按钮的创建和特点按钮的创建和特点弹起弹起帧：代表鼠标不在按钮感应区内的按钮状态。帧：代表鼠标不在按钮感应区内的按钮状态。指针经过指针经过帧：代表鼠标在按钮感应区内的按钮状态。帧：代表鼠标在按钮感应区内的按钮状态。按下按下帧：代表鼠标在按钮感应区内按下时的按钮状态。帧：代表鼠标在按钮感应区内按下时的按钮状态。点击点击帧：定义了响应鼠标的感应区域。帧：定义了响应鼠标的感应区域。按钮的创建和特点按钮的创建和特点（1）按钮中不能嵌入按钮，动画效果按钮可以在按）按钮中不能嵌入按钮，动画效果按钮可以在按钮中使用影片剪辑。钮中使用影片剪辑。注意点：注意点：（2）关于按钮的交互，不是在

41、按钮元件编辑中设计）关于按钮的交互，不是在按钮元件编辑中设计的，而是把按钮实例放在舞台上，然后为该实例指定的，而是把按钮实例放在舞台上，然后为该实例指定动作的。动作的。1、脚本概述、脚本概述actionaction在动画中作用在动画中作用 许多动画和用户之间会有一定程度的许多动画和用户之间会有一定程度的交互交互如：点播电影、移动电影中的对象、输入信息，如：点播电影、移动电影中的对象、输入信息，这些交互功能增添了动画的实用性和趣味性。这些交互功能增添了动画的实用性和趣味性。这些功能需要通过这些功能需要通过动作脚本动作脚本ActionScript实现实现FlashFlash编程的方法和过程编程的方

42、法和过程（1 1）确定要完成的功能；）确定要完成的功能；（2 2）分析要完成功能的触发事件、目标、动作（即）分析要完成功能的触发事件、目标、动作（即执行的命令）；执行的命令）；（3 3）在动作面板编写程序；）在动作面板编写程序；（4 4）测试。）测试。动作脚本三要素动作脚本三要素 动画交互功能的实现需要三因素：动画交互功能的实现需要三因素：事件（触发动作的事件）事件（触发动作的事件）动作（事件所触发的动作）动作（事件所触发的动作）目标目标（执行动作的对象或事件所影响的目标执行动作的对象或事件所影响的目标）actionscript是一组简单的命令，用以定义事件、是一组简单的命令，用以定义事件、目

43、标、动作目标、动作 动作脚本三要素动作脚本三要素注意：注意：编程中为了对对象进行控制，因此要在属性编程中为了对对象进行控制，因此要在属性面板中为帧或元件实例取一个唯一的且有意义的面板中为帧或元件实例取一个唯一的且有意义的名称。名称。actionaction面板面板 v如何打开动作脚本面板；如何打开动作脚本面板；v如何利用如何利用“”输入动作；输入动作；v如何查看文件中添加了动作的帧、按钮实例、如何查看文件中添加了动作的帧、按钮实例、影片剪辑实例；影片剪辑实例；v如何使用帮助查看如何使用帮助查看actionscript字典；字典；2、脚本种类、脚本种类actionaction的种类的种类 在在F

44、lash中，中，action分为三类：分为三类：帧动作帧动作、按钮动作按钮动作、影片剪辑动作影片剪辑动作 actionaction的种类的种类帧动作帧动作帧动作：给关键帧指定一个动作，使电影播放到那帧动作：给关键帧指定一个动作，使电影播放到那一帧时做些事情，如一帧时做些事情，如stop(),gotoandplay(n)步骤：步骤：选择关键帧，打开动作面板；选择关键帧，打开动作面板；输入动作输入动作actionaction的种类的种类按钮动作按钮动作 给给按钮实例按钮实例(不是按钮元件不是按钮元件)指定动作可以使用户在指定动作可以使用户在按下鼠标或者鼠标经过按钮等事件发生时执行动作。按下鼠标或者

45、鼠标经过按钮等事件发生时执行动作。当给按钮实例指定动作时，要指定触发动作的事件，当给按钮实例指定动作时，要指定触发动作的事件，也可以指定一个触发动作的键盘中的某一键。也可以指定一个触发动作的键盘中的某一键。actionaction的种类的种类按钮动作按钮动作 步骤：步骤：选择关键帧中的按钮实例，打开动作面板；选择关键帧中的按钮实例，打开动作面板；全局函数全局函数影片剪辑控制影片剪辑控制选择选择on on 选择一选择一个激发事件的鼠标或键盘动作；个激发事件的鼠标或键盘动作；输入动作输入动作 actionaction的种类的种类影片剪辑动作影片剪辑动作 步骤：步骤：选择关键帧中的影片剪辑实例，打开

46、动作面板；选择关键帧中的影片剪辑实例，打开动作面板；全局函数全局函数影片剪辑控制影片剪辑控制选择选择onclipeventonclipevent选择一个激发的事件选择一个激发的事件；输入动作输入动作 3、实例学习、实例学习实例学习实例学习11动画播放控制动画播放控制观看效果：地球转控制观看效果：地球转控制实例名.Stop()停止实例名.Play()播放on(press)按下鼠标“地球绕太阳转地球绕太阳转”、“月亮绕地球转月亮绕地球转”须分别控须分别控制吗？还是可以用一个命令同时控制呢？制吗？还是可以用一个命令同时控制呢？问题问题：实例学习实例学习11动画播放控制动画播放控制注意：注意：v 注意

47、帧动作、按钮动作使用方法的区别注意帧动作、按钮动作使用方法的区别v 实例须命名实例须命名v 控制实例时，动作应为控制实例时，动作应为“实例名实例名.play()”实例学习实例学习22图片浏览图片浏览观看效果：校园风光图片浏览观看效果：校园风光图片浏览gotoAndstop(帧号)跳转到某帧并停止gotoAndPlay(帧号)跳转到某帧并播放prevframe()跳转到前一帧nextFrame()跳转到后一帧on(release)释放鼠标实例学习实例学习22图片浏览图片浏览观看效果：逐帧播放车跑观看效果：逐帧播放车跑思考思考：如何实现呢？：如何实现呢？实例学习实例学习22图片浏览改进图片浏览改进

48、on(release)gotoAndPlay(1);page=1;on(release)gotoAndstop(5);page=4动态文本，变量为动态文本，变量为page第一页第一页 最后一页最后一页观看效果：校园风光图片浏览观看效果：校园风光图片浏览2实例学习实例学习22图片浏览改进图片浏览改进on(release)prevframe();if(page1)page-;else page=1on(release)nextFrame();if(page4)page+;else page=4前页前页 后页后页实例学习实例学习33声音控制声音控制观看效果：简单声音控制观看效果：简单声音控制stop

49、AllSounds()停止所有声音思考：思考：用用stop()能否实现同样的功能呢？能否实现同样的功能呢？用用stop()与与stopAllSounds()有什么区别呢？有什么区别呢？实例学习实例学习4MTV4MTV制作制作观看效果：观看效果：MTV制作制作1、制作幕布动画、制作幕布动画2、歌名动画、歌名动画3、歌手照片动画、歌手照片动画4、加播放按钮、加播放按钮5、加声音前让加帧动作让动画停止，点按钮后播放、加声音前让加帧动作让动画停止，点按钮后播放6、为按钮加动作、为按钮加动作7、音乐的末尾设置停止、音乐的末尾设置停止实例学习实例学习55教学网页教学网页观看效果：教学网页观看效果：教学网页

50、1、做主页面、做主页面1）设置页面大小，背景层上画与页面同大小的矩形，）设置页面大小，背景层上画与页面同大小的矩形，设置渐变颜色设置渐变颜色2）绘制直线分上下区域，全选先组合）绘制直线分上下区域，全选先组合3）矩形工具绘制导航条，用单色填充，并写）矩形工具绘制导航条，用单色填充，并写4个菜单个菜单项文字，调整行距项文字，调整行距4）写上）写上logo5）保存为）保存为index实例学习实例学习55教学网页教学网页2、制作按钮、制作按钮1）新建渐变色圆形）新建渐变色圆形+浅色矩形条状按钮浅色矩形条状按钮弹起状态弹起状态2）拖入场景，调整到菜单上）拖入场景，调整到菜单上3）双击场景内的按钮，调整按