Flash计算机动画制作入门

上课时间：4、26上午9:00—11：30下午2：00—4：304、27上午9:00—11：30下午1：30—4：00上课地点：上午：主—206〔理论课〕下午：主—1102〔实验课〕Flash计算机动画制作入门关于实验用户名及密码均为student课程文件夹：“继续教育flash动画制作”步骤：1、下载实验讲义2、在本地机新建文件夹“个人姓名”3、完成实验任务，并将结果保存在“个人姓名”文件夹4、文件夹“个人姓名”上传到ftp的“实验结果”内Flash短片欣赏！Flash动画1、形象、生动、直观2、矢量动画，文件占用空间小3、交互性特点：1、展示、宣传：多媒体演示、网页2、娱乐：MTV、贺卡、小型卡通片游戏、手机彩信、电视广告

应用：Flash计算机动画制作入门物理与电子信息学院刘根萍课程内容活动一认识动画形成原理活动二认识常见动画格式活动三获取网络动画素材活动四熟悉Flash软件环境活动五绘制运动对象活动六创建基础动画活动七创建交互式动画学习目标1、了解动画形成原理2、了解常见动画文件格式3、掌握从网络获取动画素材的方法4、能根据实际需求制作二维计算机动画活动一认识动画形成原理人眼“视觉暂留”的特性：视觉印象在人的眼中大约可保持0.1秒之久。以一定的速度连续播放一系列静止画面时，就会给人以画面活动的感觉。

活动二认识常见动画格式常见的动画文件格式包括：

GIFSWFFLIC、FLI/FLCGIF格式GIF文件是图形文件交换格式〔graphicsinterchangeformat〕的简称，由compuserve公司创立。图像色彩不超过256色，因此几乎所有的显示器都支持gif动画，不必考虑显示器的色彩失真问题。gif文件采用LZW压缩方式，数据量小。直观、生动、易学易用，且制作gif动画的软件众多。〔UleadGifAnimator〕SWF格式SWF是Micromedia公司的产品Flash的矢量动画格式，它采用曲线方程描述其内容，不是由点阵组成内容，因此这种格式的动画在缩放时不会失真，非常适合描述由几何图形组成的动画，如教学演示等。由于这种格式的动画可以与HTML文件充分结合，并能添加MP3音乐，因此被广泛地应用于网页上。FLIC格式

FLIC是Autodesk公司在其出品的AutodeskAnimator/AnimatorPro/3DStudio等2D/3D动画制作软件中采用的彩色动画文件格式。目前，FLIC被广泛用于动画图形中的动画序列、计算机辅助设计和计算机游戏应用程序。活动三获取网络动画素材

GIF动画的获取

SWF动画的获取下载SWF动画素材问题：网上很多Flash没有提供下载链接，如何下载呢？方法：1.翻开网页，浏览Flash2.桌面IE图标，右键—属性—常规—设置—查看文件3.从后往前找，类型为ShockWaveFlashObject，并拷贝文件出来，预览看是否是自己想要的文件下载SWF动画素材活动四熟悉Flash软件环境软件环境制作动画的根本流程工具箱时间轴工作区(舞台)浮动面板属性面板制作动画的根本流程准备舞台创建、插入动画成员设定动画效果预览测试动画动画文件的保存、输出、发布活动五活动六、七让我们制作一个简单的动画吧新建、预览、保存、导出、发布活动五绘制运动对象绘制运动对象常见方法：方法一：利用Flash工具箱工具绘图工具：绘画、涂色、选择查看：在工作区内缩放、移动颜色：设置边框颜色和填充颜色选项：显示选定工具的功能设置按钮方法二：利用数位板绘图数位板数位笔绘画时，会随着用笔的轻重不同，轻松地绘制出不同明暗、不同色彩轻度，特别是画笔粗细不同的笔触效果。WACOM公司的产品深受用户喜爱。方法三：手绘后扫描或拍摄有相当一局部人习惯于先在纸上画草图，扫描或拍摄入电脑后，再用软件勾线、上色等处理。绘图工具直线工具铅笔工具椭圆工具矩形工具钢笔工具部分选取填充变形套索文本矩形刷子颜料桶橡皮擦选择任意变形线条钢笔椭圆铅笔墨水瓶手形缩放笔触颜色填充色上色工具透明度系统调色板渐变色所选颜色所选颜色的16进制实例1凹透镜月亮铅笔实例2甲壳虫蜡烛对象的变形任意变形工具选择工具菜单项命令：修改—变形“变形”面板实例3花朵叶子扇子对象的组合和别离组合(Ctrl+G)：将假设干个对象组合在一起而不改变他们各自的属性；别离对象：将组、实例和位图别离成单独的可编辑元素。文本工具彩虹字实例4情人节月夜月夜总结：软件环境及绘图1、原理2、格式3、操作流程：新建-编辑-保存-浏览-发布4、变形的方法：箭头工具、任意变形工具变形命令、变形面板5、文件—导入到库或舞台，导入外部素材活动六创立根底动画一、元件与实例二、帧并帧动画三、补间动画四、引导线动画五、颜色动画六、组合动画七、遮罩动画一、元件与实例概念、类型、创立、编辑、按钮、库引语在Flash动画中，很多对象在动画中出现的频率是比较高，或者是很高的。为了提高制作效率和降低资源空间。元件和实例元件和实例的概念及联系

元件：是可以重复利用的图形、按钮或影片剪辑，他们随用户的创立存在于元件库中，也可以通过链接的方式存在于其他Flash文档的元件库中。元件还可以包含从其他应用程序中导入的素材。特点：每个元件都有自己的时间轴。即可以将帧、关键帧和层添加至元件时间轴，和文档的时间轴操作完全一样。元件和实例的概念及联系实例：是指应用于舞台上的元件，或嵌套在其他元件内的元件。特点：实例可以与它的元件在颜色、大小和功能上差别很大。编辑元件会更新它的所有实例，但对元件的一个实例应用效果则只更新该实例。元件的类型图形影片剪辑

按钮图形元件的创立和特点图形元件可以是静态图片或者简单的动画。但不支持交互功能〔包括元件内部和实例〕，也不支持声音，而且图形元件与影片的时间轴是同步的，也就是说主时间轴播放到哪一帧它也播放到哪一帧。所以，这种特性一般不好掌握，有时甚至会带来很多麻烦，所以，没有特殊作用，一般不用图形元件的动画功能。创立方法：先创立一个空元件，在元件编辑界面编辑元件。在工作舞台中创立好对象，然后将对象转化成元件。该方法要注意注册位置的选择。影片剪辑的创立和特点影片剪辑可以是静态图片或者动画〔包括低级和高级动画，交互动画〕。影片剪辑的播放独立于影片的时间轴，播放速度不受主时间轴影响，支持ActionScript和声音，可包含交互控制，其他影片剪辑。创立方法：先创立一个空元件，在元件编辑界面编辑元件。在工作舞台中创立好对象或动画序列，然后将对象或动画转化成元件。按钮的创立和特点按钮元件可以用以电影中响应鼠标事件的交互按钮。创立方法及应用将在脚本局部介绍元件的编辑前面我们学习了3种元件的创立，但有时需要回头对创立好的元件进行修改。1.在当前位置编辑。选择一个元件实例，然后右击鼠标，选择菜单中“在当前位置编辑”。

2.在新窗口中编辑。选择一个元件实例，然后右击鼠标，选择菜单中“在新窗口中编辑”。3.在元件编辑模式中编辑元件。

修改元件有三种方法:帧帧并帧动画运动动画形变动画动画形成原理动画是指物体在一定的时间内发生的变化过程，包括动作、位置、颜色、形状、角度等等的变化。在电脑中用一幅幅的图片来表现这一段时间内物体的变化，每一幅图片称为一帧。当这些图片以一定的速度连续播放时，就会给人以动画的感觉，而静止的物体那么用一幅幅相同的图片来表示。一、帧的分类关键帧是帧内容发生变化的帧，前后两个关键帧内容有所变化和不同。

普通帧位于两个关键帧之间，其内容是前一关键帧的复制品空白关键帧是一种关键帧，但是其内容为空。

补间帧位于两个关键帧之间，其内容是继承前一关键帧的。

帧的操作插入帧：【插入】

→【时间轴】→【帧】/【关键帧】/【空白关键帧】删除帧〔shift+F5)拷贝帧剪切帧粘贴帧移动帧二、帧并帧动画的创立逐帧动画的概念帧内容是变化的，制作时先把一帧一帧的内容都制作好，然后由帧播放产生动画效果。逐帧动画实例：美丽校园/倒计时/打字效果/豹子奔跑

三、补间动画的创立补间动画的概念

包括运动补间动画和形状补间动画。只要设置起始帧和结束帧的内容，两帧之间的动画效果可以由计算机自动完成。

补间动画的创立创立补间动画的四大步骤1、准备运动对象2、创立第一个关键帧，设置内容3、创立第二个关键帧，设置内容4、选择两个关键帧之间的任意一帧，设置补间属性运动补间动画的创立运动补间动画效果：位移/缩放/旋转/颜色变化效果

运动补间动画实例：小车运动/运动的文字/小球碰撞渐隐动画/网页片头运动补间动画的创立属性面板中关于运动补间的几个属性设置：缩放：选中此选项可以实现组或实例的尺寸变化。简易：调节该项滑块的方向和值能实现组或实例进行加速运动、匀速运动或减速运动。如果滑块处于输入方向，那么进行加速运动，处于输出方向那么进行减速运动，处于中间那么进行匀速运动。旋转：选择此项可以使组或实例进行旋转。调整到路径：选中此项可以实现组或实例按照指定的路径进行有方向的运动，实际上就是能设定对象是否随着路径的改变而改变自身的方向。主要应用于引导层动画。同步：选择此项可以防止在影片剪辑帧数与主动画帧数不成倍数关系时引起的播放不一致。对齐：选择此项可以实现组或实例在某一帧对齐到引导线的位置。运动补间动画的创立注意的事项：〔1〕做补间运动的对象必须是实例、文字、导入的素材，不能是图形。〔2〕一个图层上一般只能设置一个对象做补间运动，而且起始帧和结束帧一般都是同一对象；〔3〕静止对象与运动对象分别放在不同图层；〔4〕不同运动方式的对象分别放在不同图层；形状补间动画的创立形状补间动画的概念

与动作补间很类似，区别在于形状补间动画主要是完成从一个形状到另一个形状的过渡，起始帧和结束帧的对象可以是一样，也可以不一样，可以是一个对象，也可以是多个对象。同时，可以伴有颜色、尺寸、位置的变化。

形状补间动画实例：哭脸变笑脸/树苗长大/翻页效果形状补间动画的创立与形状补间动画相关的属性设置：简易：运动速度特点的设置；混合：选择“分布式”能让形状变化更加平滑和无规那么：选择“角度式”能在中间的图形最终保存目前的拐角和直线。形状补间动画的创立虽然Flash会试图以最有逻辑的方式实现两个形状间的过渡，但有时用户要控制更加复杂或罕见的形状变化，需要使用形状提示。形状提示用字母〔从a到z，最多可以使用26个形状提示〕标识起始形状和结束形状中的相对应的点。起始关键帧上的形状提示是黄色的，结束关键帧的形状提示是绿色的，设置未完成的为红色。形状补间动画的创立要在补间形状时获得最正确效果，请遵循这些准那么：〔1〕按顺时针顺序排序提示，并且以左下脚为起点，它们的工作效果最好。〔2〕确保形状提示是符合逻辑的。例如，如果在一个三角形中使用三个形状提示，那么在原始三角形和要补间的三角形中它们的顺序必须是一致的。如以下图所示。实例：1变2四、引导线动画我们学习了运动补间动画，大家总结一下：运动补间动画的运动特点？如果现在要求制作一个运动路线为任意的曲线，该如何制作？引导层动画，又叫路径动画引导层的概念引导层：普通引导图层和运动引导图层。1.普通引导图层普通引导层中的内容只作为绘制动画的位置参考，不出现在最后的作品中。注意：普通引导图层一般放在最下层比较适宜。引导层的概念

2.运动引导图层这类图层有一个抛物线图案，表示在运动引导层中绘制的线条可以作为其下面图层的补间动画的运动路径。该图层中的内容不出现在最终的作品里。引导层动画的创立引导层动画的创立方法：〔1〕创立引导层和被引导层〔2〕在引导层创立运动路径〔3〕在被引导层设计运动细节引导层动画实例：地球绕太阳转/文字路径动画引导层动画的创立注意：一个引导层可以有一个或多个被引导层；运动对象必须是组、文本、实例，不能是图形；

设置动作时，注意是否选择“调整到路径”和“同步”；

运动对象中心必须位于运动路线上；

假设要显示路径，那么须单独建一个路径图层。五、组合动画嵌套动画实例：小人走路地球绕太阳转，同时月亮绕地球转六、颜色动画方法一：形变动画，使关键帧上的对象颜色不同方法二：运动动画，通过属性来设置颜色颜色：明亮度、色相、透明度等颜色动画七、遮罩动画的特点欣赏遮罩动画：简单遮罩、运动遮罩、移动背景字移动的彩虹字、遮罩字、倒影遮罩动画的特点遮照层的特点：遮罩动画由遮罩层和被遮罩层组成。遮罩层的对象相当于窗口，被遮罩层相当于窗外的风景，只有与窗口重合的局部才能被看到，其中遮罩层提供了外形，被遮罩图层提供颜色，通过遮罩层对象的运动或被遮罩层中对象的运动来实现遮罩效果。遮罩动画的创立遮罩动画的创立方法：1、创立遮罩层和被遮罩层2、在遮照层创立遮罩工程3、在被遮罩层设计内容4、制作遮罩层对象的运动效果或被遮罩层对象的运动遮罩动画的创立遮罩运动中的注意点：

〔1〕遮罩层的遮罩工程可以是图形或文字、实例、组。〔2〕一个遮罩层只能有一个遮罩工程，即不能把一个图形和一个实例一起作为遮罩工程，只能是一个实例，或一组文字，或一组对象，或假设干个图形。〔3〕一个遮罩层可以包含一个或多个被遮罩层遮罩动画的创立遮罩运动的第一种形式：被遮罩层运动。遮罩运动的第二种形式：遮罩层运动。遮罩运动的第三种形式：遮罩层和被遮罩层都做运动。活动七声音、视频的应用欣赏MTV声音文件的导入

直接file-import导入库中支持格式：Wav、Mp3、AIFF如果是midi，需用java语句调入。

声音的同步事件：非同步。声音不会随着动画播放的结束而停止。多用于简短或循环声音。开始：非同步。但声音正在播放时不会播放新的声音实例结束：将指定声音设置为静音。

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

视频的导入可以直接导入场景当中，在库中可以观察属性。支持的视频格式：avimpegdvmov电影文件不会成为Flash文件的一局部，flash保持一个对源文件的路径指向。用户可以对视频进行缩放、旋转。活动八创立交互式动画根本内容：概述、种类、实例学习目标：掌握脚本应用方法能制作简单的交互式动画能在本课根底上进行深入学习按钮的创立和特点按钮元件可以用以电影中响应鼠标事件的交互按钮。创立方法：先创立一个空元件，在元件编辑界面编辑元件。按钮的创立和特点

任何一个按钮都是是一个4帧的影片剪辑。前3帧是用来显示按钮的3种可能状态，最后一帧是按钮的感应区域。时间轴不是播放的，只能根据指针的动作做出简单的响应并且转到所指示的帧。

按钮的创立和特点弹起帧：代表鼠标不在按钮感应区内的按钮状态。

指针经过帧：代表鼠标在按钮感应区内的按钮状态。

按下帧：代表鼠标在按钮感应区内按下时的按钮状态。

点击帧：定义了响应鼠标的感应区域。

按钮的创立和特点〔1〕按钮中不能嵌入按钮，动画效果按钮可以在按钮中使用影片剪辑。注意点：

〔2〕关于按钮的交互，不是在按钮元件编辑中设计的，而是把按钮实例放在舞台上，然后为该实例指定动作的。1、脚本概述action在动画中作用

许多动画和用户之间会有一定程度的交互如：点播电影、移动电影中的对象、输入信息，这些交互功能增添了动画的实用性和趣味性。这些功能需要通过动作脚本ActionScript实现Flash编程的方法和过程

〔1〕确定要完成的功能；〔2〕分析要完成功能的触发事件、目标、动作〔即执行的命令〕；〔3〕在动作面板编写程序；〔4〕测试。动作脚本三要素

动画交互功能的实现需要三因素：事件〔触发动作的事件〕动作〔事件所触发的动作〕目标〔执行动作的对象或事件所影响的目标〕actionscript是一组简单的命令，用以定义事件、目标、动作

动作脚本三要素注意：编程中为了对对象进行控制，因此要在属性面板中为帧或元件实例取一个唯一的且有意义的名称。

action面板

如何翻开动作脚本面板；如何利用“＋”输入动作；如何查看文件中添加了动作的帧、按钮实例、影片剪辑实例；如何使用帮助查看actionscript字典；2、脚本种类action的种类

在Flash中，action分为三类：帧动作、按钮动作、影片剪辑动作

action的种类—帧动作帧动作：给关键帧指定一个动作，使电影播放到那一帧时做些事情，如stop(),gotoandplay(n)……

步骤：

①选择关键帧，翻开动作面板；②输入动作action的种类—按钮动作

给按钮实例(不是按钮元件)指定动作可以使用户在按下鼠标或者鼠标经过按钮等事件发生时执行动作。当给按钮实例指定动作时，要指定触发动作的事件，也可以指定一个触发动作的键盘中的某一键。

action的种类—按钮动作

步骤：

①选择关键帧中的按钮实例，翻开动作面板；②全局函数—影片剪辑控制—选择on—选择一个激发事件的鼠标或键盘动作；③输入动作

action的种类—影片剪辑动作

步骤：

①选择关键帧中的影片剪辑实例，翻开动作面板；②全局函数—影片剪辑控制—选择onclipevent—选择一个激发的事件；③输入动作

3、实例学习实例学习1—动画播放控制观看效果：地球转控制[实例名.]Stop()停止[实例名.]Play()播放on(press){}按下鼠标“地球绕太阳转”、“月亮绕地球转”须分别控制吗？还是可以用一个命令同时控制呢？问题：实例学习1—动画播放控制注意：注意帧动作、按钮动作使用方法的区别实例须命名控制实例时，动作应为“实例名.play()”实例学习2—图片浏览观看效果：校园风光图片浏览gotoAndstop(帧号)跳转到某帧并停止gotoAndPlay(帧号)跳转到某帧并播放prevframe()跳转到前一帧nextFrame()跳转到后一帧on(release){}释放鼠标实例学习2—图片浏览观看效果：逐帧播放车跑思考：如何实现呢？实例学习2—图片浏览改进on(release){ gotoAndPlay(1); page=1;}on(release){ gotoAndstop(5); page=4}动态文本，变量为page第一页最后一页观看效果：校园风光图片浏览2实例学习2—图片浏览改进on(release){ prevframe(); if(page>1){ ; } else{ page=1 }}on(release){ nextFrame(); if(page<4){ page++; } else{ page=4 }}前页后页实例学习3—声音控制观看效果：简单声音控制stopAllSounds() 停止所有声音思考：用stop()能否实现同样的功能呢？用stop()与stopAllSounds()有什么区别呢？实例学习4—MTV制作观看效果：MTV制作1、制作幕布动画2、歌名动画3、歌手照片动画4、加播放按钮5、加声音前让加帧动作让动画停止，点按钮后播放6、为按钮加动作7、音乐的末尾设置停止实例学习5—教学网页观看效果：教