二维数字动画制作案例教程二维数字动画制作案例教程————Flash CS5Flash CS5制作贺卡动画制作贺卡动画 逢年过节，季节更替，都可以给亲朋好友送去祝福，如果能送上自己亲手制作的，带有精彩动画和音乐的电子贺卡，那将更能表达一份美好的祝愿Flash电子贺卡是由动画、图形、文字和音乐等元素组合而成的特殊艺术品，是目前网络中比较流行的一种祝福方式电子贺卡的种类很多，有新年卡、圣诞卡、元宵卡，中秋卡、生日卡等下面将以《秋日的祝福》为例，介绍Flash电子贺卡的制作过程单元情境】【单元情境】 贺卡《秋日的祝福》展示了五幅画面，通过网络资源和Flash工具获取、绘制背景图片在贺卡的具体制作中，涉及到了元件的制作及使用方法、传统补间动画、引导线动画、和音频文件的导入及设置，包含了简单动作代码的设置单元概要】【单元概要】 1 Flash Flash的场景的场景23创建动画的方式创建动画的方式 关于音频文件关于音频文件【单元知识准备】【单元知识准备】 1．了解动画贺卡主题呈现方式及组成要素2．利用网络获取与主题相关的素材，运用相关软件编辑 素材。
3．使用Flash中的工具绘制素材4．掌握元件制作、使用的方法5．掌握传统补间动画、引导线动画的制作方法6、掌握喷涂刷子工具和Deco装饰工具的使用方法7．掌握音频文件的导入及设置8．了解动作控制代码的作用及简单代码的运用9．培养读者合作学习的意识和能力，提高审美能力单元目标】【单元目标】 舞台表演离不开道具，动画制作离不开元件，在项目一中，通过任务的制作，完成贺卡场景中所要使用的图形、影片剪辑、按钮三种类型的元件图形元件影片剪辑元件按钮元件【项目一】制作元件【项目一】制作元件 任务目标：• 1．能够熟练使用工具箱中的工具进行图形的绘制• 2．了解“Deco工具”的作用，掌握使用方法和“属性” 面板 选项设置 【项目一】制作元件【项目一】制作元件 【任务【任务1】】 制作图形元件制作图形元件 1.枫叶元件：导入图片——分离图片——直线工具勾画轮廓【项目一】制作元件【项目一】制作元件 【任务【任务1】】 制作图形元件制作图形元件 2. 白云元件：使用“椭圆工具”，绘制图形元件 【项目一】制作元件【项目一】制作元件 【任务【任务1】】 制作图形元件制作图形元件 3 野花元件：选择“Deco工具” ，制作图形元件。
【项目一】制作元件【项目一】制作元件 【任务【任务1】】 制作图形元件制作图形元件 【项目一】制作元件【项目一】制作元件 【任务【任务1】】 制作图形元件制作图形元件任务总结:1．图形元件可以通过两种方式制作，一种是执行“插入”>“新建元件”命令，或使用快捷键< Ctrl + F8 >另一种是在舞台上绘制好图形后通过快捷下拉菜单，执行“转换为元件”命令2．特别提示：文字分离也叫文字打散，最明显的标志是，独立的文字被选中后周围有蓝色的边框，而分离或打散后的文字周围没有边框，表面出现密密麻麻的白色小点 【项目一】制作元件【项目一】制作元件 【任务【任务1】】 制作图形元件制作图形元件 3．使用Deco装饰工具中的对称刷子效果，可以围绕中心点对称排列元件在舞台上绘制元件时，将显示手柄，使用手柄增加元件数、添加对称内容或者修改效果，来控制对称效果使用对称刷子效果可以创建图形用户界面元素和旋涡图案4．使用Deco装饰工具可以快速完成大量相同元素的绘制，也可以应用它制作出很多复杂的动画效果将其与图形元件和影片剪辑元件配合，可以制作出效果更加丰富的动画效果 【项目一】制作元件【项目一】制作元件 【任务【任务1】】 制作图形元件制作图形元件任务拓展:1．使用Deco装饰工具中的对称刷子制作图形元件花朵。
可参照所提供样图，也可自由创意设计） 【项目一】制作元件【项目一】制作元件 【任务【任务1】】 制作图形元件制作图形元件任务拓展:2．探索尝试使用Deco装饰工具属性面板中绘制效果中的“花刷子”和“树刷子”创建所需图形元件3．制作图形元件“小蜜蜂” 【项目一】制作元件【项目一】制作元件 【任务【任务2】】 制作影片剪辑元件制作影片剪辑元件任务目标：1．了解影片剪辑元件的作用，掌握影片剪辑元件的制作方法2．掌握简单的“动作”命令的设置 1 星星元件：1）制作“星星”影片剪辑元件的闪烁效果（正 圆由小—大—小的变化）【项目一】制作元件【项目一】制作元件 【任务【任务2】】 制作影片剪辑元件制作影片剪辑元件 1 星星元件：2）时间轴“控制层”设置随机播放命令【项目一】制作元件【项目一】制作元件 【任务【任务2】】 制作影片剪辑元件制作影片剪辑元件 2 风车元件： 1）1.制作“风车”元件（绘制轮廓、填充颜色） 2） .制作“风车”元件转动效果(设置旋转)项目一】制作元件【项目一】制作元件 【任务【任务2】】 制作影片剪辑元件制作影片剪辑元件 【项目一】制作元件【项目一】制作元件 【任务【任务2】】 制作影片剪辑元件制作影片剪辑元件任务总结：1．一个影片剪辑元件就是一个动画片段，这种制作方式， 可以减少场景中图层的复杂度。
2．在影片剪辑元件中可以使用多种动画形式如逐帧动画、 传统补间动画、引导线动画等 【项目一】制作元件【项目一】制作元件 【任务【任务2】】 制作影片剪辑元件制作影片剪辑元件任务拓展： 尝试探索，影片剪辑元件中嵌套其它的元件实例，利用所制作的图形元件，制作花朵上下左右摆动的影片剪辑元件，摆动幅度不易过大， 任务总结：1．一个影片剪辑元件就是一个动画片段，这种制作方式，可以减少场景中图层的复杂度2．在影片剪辑元件中可以使用多种动画形式如逐帧动画、传统补间动画、引导线动画等项目一】制作元件【项目一】制作元件 【任务【任务2】】 制作影片剪辑元件制作影片剪辑元件 任务目标：1．了解四个关键帧的显示状态和作用2．掌握按钮元件的制作方法项目一】制作元件【项目一】制作元件 【任务【任务3】】 制作按钮元件制作按钮元件 【项目一】制作元件【项目一】制作元件 【任务【任务3】】 制作按钮元件制作按钮元件 【任务【任务3】】 制作按钮元件制作按钮元件【项目一】制作元件【项目一】制作元件 任务总结：1．按钮元件中，“弹起”帧：鼠标没有接触按钮的状态；“指针”帧：鼠标移到按钮上，但尚未点击的状态；“按下”帧：鼠标在按钮上单击左键的状态；“点击”帧：按钮响应鼠标的热区。
2．动画中的按钮，不仅可以自己制作，还可以使用Flash”公共库”中自带的按钮元件使用时，执行“窗口”>“公共库”>“按钮”命令，打开按钮库，将按钮元件拖入到舞台中即可 任务拓展：制作卡通按钮元件如图3-52所示（可参照所提供样例，也可自由创意设计） 【项目一】制作元件【项目一】制作元件 【任务【任务3】】 制作按钮元件制作按钮元件 通过项目一中任务的完成，制作出了所需的三种元件，进一步熟练掌握了三种元件的制作使用要点在具体制作时使用Deco工具快速制作复杂的图形，以实现丰富的效果在实际使用时，图形元件作为基础的元素，用来创建静态的对象，嵌套于其它元件中并可重复使用，但不能独立播放；影片剪辑元件中可以嵌套图形元件或按钮元件，可以脱离主时间轴独立播放，无论影片剪辑中的内容有多长，它在主时间轴中只占一个关键帧；按钮元件中可以嵌套影片剪辑元件或图形元件使用项目总结】【项目总结】 有了道具，就要让它们在尽情表演，贺卡《秋天的祝福》共有五幅画面组成，分别在五个场景中制作，五组动画图文呼应，图形、文字元素通过创建补间，以实现动画效果 【项目二】多场景制作贺卡【项目二】多场景制作贺卡 【项目二】多场景制作贺卡【项目二】多场景制作贺卡 【任务【任务1】贺卡第一页】贺卡第一页 任务描述：在悠扬的音乐的伴随下，一片枫叶随风飘落，描述 文字淡入淡出。
【项目二】多场景制作贺卡【项目二】多场景制作贺卡 【任务【任务1】贺卡第一页】贺卡第一页 任务分析：在场景中制作“树叶落下”的动画效果即树叶按 照预先设定的路线运动 任务目标：了解引导层和被引导层的关系，掌握引导线动画的 制作方法 任务总结：1．引导线动画属于动作补间动画，动画对象为元件2．引导线必需绘制在引导图层中，被引导图层必须在引导图层的下方3．起始关键帧元件实例中心点必需与引导线起点重合，结束关键帧元件实例中心点必需与引导线终点重合4．创建了传统补间动画后，才能改变实例对象的亮度、色调和Alpha值【项目二】多场景制作贺卡【项目二】多场景制作贺卡 【任务【任务1】贺卡第一页】贺卡第一页 任务拓展： 创建影片剪辑元件，影片剪辑元件中使用小蜜蜂图形元件制作引导线动画，形成小蜜蜂沿着设置的路线飞舞的动画效果，【项目二】多场景制作贺卡【项目二】多场景制作贺卡 【任务【任务1】贺卡第一页】贺卡第一页 任务描述： 蔚蓝的天空，洁白的云朵，随风缓缓飘过描述性文字淡入淡出项目二】多场景制作贺卡【项目二】多场景制作贺卡 【任务【任务2】贺卡第二页】贺卡第二页 任务分析：1．矢量背景图片的绘制，传统补间动画的制作。
2．掌握“颜色”面板上色带的设置 任务目标：掌握传统补间动画的制作方法项目二】多场景制作贺卡【项目二】多场景制作贺卡 【任务【任务2】贺卡第二页】贺卡第二页 任务拓展： 创建影片剪辑元件，影片剪辑元件中使用小蜜蜂图形元件制作引导线动画，形成小蜜蜂沿着设置的路线飞舞的动画效果，【项目二】多场景制作贺卡【项目二】多场景制作贺卡 【任务【任务2】贺卡第二页】贺卡第二页 任务总结： 1．在“颜色”面板上进行渐变色色带的设置，“H”为“色相”，“S”为饱和度，“B”为“亮度”2．“线性渐变”默认状态下是从左往右渐变可使用“渐变变形工具”更改填充的效果项目二】多场景制作贺卡【项目二】多场景制作贺卡 【任务【任务2】贺卡第二页】贺卡第二页 3．传统补间动画1）传统补间动画主要表现在对象整体、比例、位置、角度 、透明度发生变化2）传统补间动画的对象必须是元件，元件的内容可以是图形、文字、图片、按钮、影片剪辑等3）传统补间动画正确的操作方法是：在同一时间轴上，两个关键帧之间创建传统补间4）创建完成后的传统补间动画，两个关键帧之间的时间轴背景颜色是淡紫色，且之间的箭头是连续的【项目二】多场景制作贺卡【项目二】多场景制作贺卡 【任务【任务2】贺卡第二页】贺卡第二页 任务拓展：1．使用传统补间动画，设计并制作动画出现的场景效果和转 场效果。
2．设计文字内容，通过创建补间形状实现动画效果要求字 体，大小，位置布局合理，出现效果自然项目二】多场景制作贺卡【项目二】多场景制作贺卡 【任务【任务2】贺卡第二页】贺卡第二页 任务描述： 山坡的小花清新淡雅；远处的风车在连绵起伏的山野上吱悠悠的转动着；诉说着秋天的故事，描述性文字淡入淡出项目二】多场景制作贺卡【项目二】多场景制作贺卡 【任务【任务3】贺卡第三页】贺卡第三页 任务分析：1．用“直线工具”“颜料桶工具”“渐变工具”进行矢量风 景画的绘制2．将 影片剪辑元件“风车”拖放到舞台，调整大小和位置3．将图形元件“野花”放置到舞台画面上，调整大小、位置 和色调任务目标：1．熟练运用工具箱中的工具绘制矢量图2．掌握影片剪辑元件的使用方法和修改方法项目二】多场景制作贺卡【项目二】多场景制作贺卡 【任务【任务3】贺卡第三页】贺卡第三页 任务总结：1．复制多个元件实例的方法：一是从库面板中拖出多次二 是直接复制舞台上的影片剪辑元件实例，多次粘贴即可2．图形元件不仅可以调整透明度，还可以调整色调，使元件 色彩丰富项目二】多场景制作贺卡【项目二】多场景制作贺卡 【任务【任务3】贺卡第三页】贺卡第三页 任务拓展： 使用图形元件“野花1”制作花丛随风摆动的动画效果，要求符合运动规律，摆动幅度不宜过大，方向自定。
巩固掌握元件实例在动画中的运用项目二】多场景制作贺卡【项目二】多场景制作贺卡 【任务【任务3】贺卡第三页】贺卡第三页 任务描述： 秋天的夜晚，星光闪烁，带来了无限的遐想描述性文字淡入淡出项目二】多场景制作贺卡【项目二】多场景制作贺卡 【任务【任务4】贺卡第四页】贺卡第四页 任务分析： 1．通过代码设置影片剪辑元件星光闪烁的效果 2．使用“喷涂刷工具”绘制夜晚的星空任务目标： 1．熟练运用工具箱中的工具绘制矢量图 2．掌握影片剪辑元件的使用方法和修改方法项目二】多场景制作贺卡【项目二】多场景制作贺卡 【任务【任务4】贺卡第四页】贺卡第四页 任务总结：1．喷涂刷的作用类似于粒子喷射器，使用它可以一次将形状 图案“刷”到舞台上默认情况下，喷涂刷使用当前选定 的填充颜色喷射粒子点2．使用喷涂刷工具可以将影片剪辑或图形元件作为图案应用项目二】多场景制作贺卡【项目二】多场景制作贺卡 【任务【任务4】贺卡第四页】贺卡第四页 任务拓展：1．使用“喷涂刷子工具”制作山坡野花，探究属性参数数值 变化的意义及效果2．使用“影片剪辑元件”完成小蜜蜂飞舞动画项目二】多场景制作贺卡【项目二】多场景制作贺卡 【任务【任务4】贺卡第四页】贺卡第四页 任务描述： 在背景图片的衬托下，文字渐渐显现，且由小到大前推近，直至贺卡结束 。
项目二】多场景制作贺卡【项目二】多场景制作贺卡 【任务【任务5】贺卡第五页】贺卡第五页 任务分析： 文字转换成图形元件，设置传统补间动画，文字实例实现由无到有，由小到大的变化任务目标：掌握文字图形元件的制作方法项目二】多场景制作贺卡【项目二】多场景制作贺卡 【任务【任务5】贺卡第五页】贺卡第五页 任务总结：1．分散到图层命令，可以实现动画对象各自独立，便于以后 的修改和制作2．文字分离两次，再转换成元件可以必免放大变形时文字抖 动现象项目二】多场景制作贺卡【项目二】多场景制作贺卡 【任务【任务5】贺卡第五页】贺卡第五页 任务拓展：1．制作文字动画，毎组文字所用动画类型不限，但要展现出 不同的效果，出现与结束衔接自然字体，大小，位置布 局合理，强调性文字动画效果新颖醒目，以达到提升气氛 的作用2．使用任务拓展练习完成的素材，整合成一部动画短片，要 求动画片中内容丰富，每张动画出现、消失效果顺畅自然 技术上，运用动画形式多样项目二】多场景制作贺卡【项目二】多场景制作贺卡 【任务【任务5】贺卡第五页】贺卡第五页 通过五幅动画的制作，实现了贺卡动画的完整性，在分场景的制作中，分别学习了“引导线动画”、“传统补间动画”、“Deco装饰工具”、“喷涂刷工具”和“文字”在作品中的编辑和运用。
在知识点上理解创建动画的三种形式（补间形状、补间动画、传统补间）的区别与应用项目总结】【项目总结】 三种动画的区别与应用 任务描述：贺卡播放时，背景音乐同时响起，贯穿整个贺卡 播放的过程，直至结束任务分析：将音频文件导入到库中，再拖放到场景中使用任务目标：了解音频文件的类型，掌握导入、设置音频文件 的方法任务总结：1．能直接导入Flash的声音文件，主要有WAV和MP3两种格式项目三】导入音频文件和控制影片【项目三】导入音频文件和控制影片 【任务【任务1】音频文件的导入和设置】音频文件的导入和设置 2．“事件”选项会将声音和一个事件的发生过程同步起来事件声音在它的起始关键帧开始显示时播放，并独立于时间轴播放完整个声音，即使SWF文件停止也继续播放开始”与“事件”选项的功能相近，但如果声音正在播放，使用“开始”选项则不会播放新的声音实例 “停止”选项将使指定的声音静音 “数据流”选项将同步声音，强制动画和音频流同步音频流随着 SWF文件的停止而停止项目三】导入音频文件和控制影片【项目三】导入音频文件和控制影片 【任务【任务1】音频文件的导入和设置】音频文件的导入和设置 任务拓展： 尝试下载.mp3格式或.wav格式的音频文件，将音频文件导入到任务拓展作品中。
项目三】导入音频文件和控制影片【项目三】导入音频文件和控制影片 【任务【任务1】音频文件的导入和设置】音频文件的导入和设置 任务描述：贺卡结束时，影片停止播放，出现“raplay”按 钮， 点击可再次观看贺卡播放任务分析：按设计者的意图控制影片播放、停止和重播任务目标：了解简单的ActionScript 2.0命令，掌握动作的设 置方法项目三】导入音频文件和控制影片【项目三】导入音频文件和控制影片 【任务【任务2】影片播放的控制】影片播放的控制 任务总结：常见的ActionScript 2.0命令1．play( )开始 2．stop( )停止3．go to and play(场景、帧数或帧标签)从指定的位置开始播放4．go to and stop(场景、帧数或帧标签)从指定的位置停止播放5．stopAllSounds( )停止播放所有声音【项目三】导入音频文件和控制影片【项目三】导入音频文件和控制影片 【任务【任务2】影片播放的控制】影片播放的控制 任务拓展：1．使用按钮元件设置动画重播效果。
1．使用“动作”面板，设置音乐与画面同步播放、停止效果2．探究“声音编辑器”的使用方法，尝试调整声音的播放效果项目三】导入音频文件和控制影片【项目三】导入音频文件和控制影片 【任务【任务2】影片播放的控制】影片播放的控制 在动画中添加音乐，是贺卡完成的最后环节，它起到渲染气氛的作用，在作品中具有强的艺术感染力Flash支持wav和mp3两种格式的声音文件导入，但有的mp3格式的声音文件，在具体使用时，也需要满足44100 Hz和16kbps的参数要求在具体的操作上，掌握声音编辑器的使用，掌握常用的控制命令代码的正确写入项目三的学习要充分利用网络资源并以探究的学习方法来完成项目总结】【项目总结】 通过本单元学习电子贺卡的制作，了解了动画贺卡的组成要素具备了采用多种方式获取素材的能力，学习了元件的制作方法与应用规律，掌握了多种不同动画类型及制作要点，接触到了软件中功能强大的“Deco装饰工具”和“喷涂刷子工具”拓展了导入音频文件和控制命令等知识的学习使读者具备了制作完成动画短片的综合能力进一步提升了审美能力与动手操作的能力单元知识总结与提炼】【单元知识总结与提炼】 。