岗前培训学习单元3-制作电子贺卡课件.ppt

1、二维数字动画制作案例教程二维数字动画制作案例教程Flash CS5Flash CS5制作贺卡动画 逢年过节，季节更替，都可以给亲朋好友送去祝福，如果能送上自己亲手制作的，带有精彩动画和音乐的电子贺卡，那将更能表达一份美好的祝愿。Flash电子贺卡是由动画、图形、文字和音乐等元素组合而成的特殊艺术品，是目前网络中比较流行的一种祝福方式。电子贺卡的种类很多，有新年卡、圣诞卡、元宵卡，中秋卡、生日卡等。下面将以秋日的祝福为例，介绍Flash电子贺卡的制作过程。【单元情境】贺卡秋日的祝福展示了五幅画面，通过网络资源和Flash工具获取、绘制背景图片。在贺卡的具体制作中，涉及到了元件的制作及使用方法、传

2、统补间动画、引导线动画、和音频文件的导入及设置，包含了简单动作代码的设置。【单元概要】1 Flash Flash的场景的场景23创建动画的方式创建动画的方式 关于音频文件关于音频文件【单元知识准备】1了解动画贺卡主题呈现方式及组成要素。2利用网络获取与主题相关的素材，运用相关软件编辑 素材。3使用Flash中的工具绘制素材。4掌握元件制作、使用的方法。5掌握传统补间动画、引导线动画的制作方法。6、掌握喷涂刷子工具和Deco装饰工具的使用方法。7掌握音频文件的导入及设置。8了解动作控制代码的作用及简单代码的运用。9培养读者合作学习的意识和能力，提高审美能力。【单元目标】舞台表演离不开道具，动画制

3、作离不开元件，在项目一中，通过任务的制作，完成贺卡场景中所要使用的图形、影片剪辑、按钮三种类型的元件。图形元件影片剪辑元件按钮元件【项目一】制作元件 任务目标：1能够熟练使用工具箱中的工具进行图形的绘制 2了解“Deco工具”的作用，掌握使用方法和“属性”面板 选项设置。【项目一】制作元件【任务1】制作图形元件1.枫叶元件：导入图片分离图片直线工具勾画轮廓【项目一】制作元件【任务1】制作图形元件2.白云元件：使用“椭圆工具”，绘制图形元件 【项目一】制作元件【任务1】制作图形元件3 野花元件：选择“Deco工具”，制作图形元件。【项目一】制作元件【任务1】制作图形元件【项目一】制作元件【任务1

4、】制作图形元件任务总结:1图形元件可以通过两种方式制作，一种是执行“插入”“新建元件”命令，或使用快捷键。另一种是在舞台上绘制好图形后通过快捷下拉菜单，执行“转换为元件”命令。2特别提示：文字分离也叫文字打散，最明显的标志是，独立的文字被选中后周围有蓝色的边框，而分离或打散后的文字周围没有边框，表面出现密密麻麻的白色小点。【项目一】制作元件【任务1】制作图形元件 3使用Deco装饰工具中的对称刷子效果，可以围绕中心点对称排列元件。在舞台上绘制元件时，将显示手柄，使用手柄增加元件数、添加对称内容或者修改效果，来控制对称效果。使用对称刷子效果可以创建图形用户界面元素和旋涡图案。4使用Deco装饰工

5、具可以快速完成大量相同元素的绘制，也可以应用它制作出很多复杂的动画效果。将其与图形元件和影片剪辑元件配合，可以制作出效果更加丰富的动画效果。【项目一】制作元件【任务1】制作图形元件任务拓展:1使用Deco装饰工具中的对称刷子制作图形元件花朵。（可参照所提供样图，也可自由创意设计）【项目一】制作元件【任务1】制作图形元件任务拓展:2探索尝试使用Deco装饰工具属性面板中绘制效果中的“花刷子”和“树刷子”创建所需图形元件。3制作图形元件“小蜜蜂”。【项目一】制作元件【任务2】制作影片剪辑元件任务目标：1了解影片剪辑元件的作用，掌握影片剪辑元件的制作方法。2掌握简单的“动作”命令的设置。1 星星元件

6、：1）制作“星星”影片剪辑元件的闪烁效果（正 圆由小大小的变化）【项目一】制作元件【任务2】制作影片剪辑元件1 星星元件：2）时间轴“控制层”设置随机播放命令【项目一】制作元件【任务2】制作影片剪辑元件2 风车元件：1）1.制作“风车”元件（绘制轮廓、填充颜色）2）.制作“风车”元件转动效果(设置旋转)。【项目一】制作元件【任务2】制作影片剪辑元件【项目一】制作元件【任务2】制作影片剪辑元件任务总结：1一个影片剪辑元件就是一个动画片段，这种制作方式，可以减少场景中图层的复杂度。2在影片剪辑元件中可以使用多种动画形式。如逐帧动画、传统补间动画、引导线动画等。【项目一】制作元件【任务2】制作影片剪

7、辑元件任务拓展：尝试探索，影片剪辑元件中嵌套其它的元件实例，利用所制作的图形元件，制作花朵上下左右摆动的影片剪辑元件，摆动幅度不易过大，任务总结：1一个影片剪辑元件就是一个动画片段，这种制作方式，可以减少场景中图层的复杂度。2在影片剪辑元件中可以使用多种动画形式。如逐帧动画、传统补间动画、引导线动画等。【项目一】制作元件【任务2】制作影片剪辑元件 任务目标：1了解四个关键帧的显示状态和作用。2掌握按钮元件的制作方法。【项目一】制作元件【任务3】制作按钮元件【项目一】制作元件【任务3】制作按钮元件【任务3】制作按钮元件【项目一】制作元件 任务总结：1按钮元件中，“弹起”帧：鼠标没有接触按钮的状态

8、；“指针”帧：鼠标移到按钮上，但尚未点击的状态；“按下”帧：鼠标在按钮上单击左键的状态；“点击”帧：按钮响应鼠标的热区。2动画中的按钮，不仅可以自己制作，还可以使用Flash”公共库”中自带的按钮元件。使用时，执行“窗口”“公共库”“按钮”命令，打开按钮库，将按钮元件拖入到舞台中即可。任务拓展：制作卡通按钮元件如图3-52所示（可参照所提供样例，也可自由创意设计）。【项目一】制作元件【任务3】制作按钮元件 通过项目一中任务的完成，制作出了所需的三种元件，进一步熟练掌握了三种元件的制作使用要点。在具体制作时使用Deco工具快速制作复杂的图形，以实现丰富的效果。在实际使用时，图形元件作为基础的元素

9、，用来创建静态的对象，嵌套于其它元件中并可重复使用，但不能独立播放；影片剪辑元件中可以嵌套图形元件或按钮元件，可以脱离主时间轴独立播放，无论影片剪辑中的内容有多长，它在主时间轴中只占一个关键帧；按钮元件中可以嵌套影片剪辑元件或图形元件使用。【项目总结】有了道具，就要让它们在尽情表演，贺卡秋天的祝福共有五幅画面组成，分别在五个场景中制作，五组动画图文呼应，图形、文字元素通过创建补间，以实现动画效果。【项目二】多场景制作贺卡【项目二】多场景制作贺卡【任务1】贺卡第一页 任务描述：在悠扬的音乐的伴随下，一片枫叶随风飘落，描述 文字淡入淡出。【项目二】多场景制作贺卡【任务1】贺卡第一页 任务分析：在场

10、景中制作“树叶落下”的动画效果。即树叶按 照预先设定的路线运动。任务目标：了解引导层和被引导层的关系，掌握引导线动画的 制作方法。任务总结：1引导线动画属于动作补间动画，动画对象为元件。2引导线必需绘制在引导图层中，被引导图层必须在引导图层的下方3起始关键帧元件实例中心点必需与引导线起点重合，结束关键帧元件实例中心点必需与引导线终点重合。4创建了传统补间动画后，才能改变实例对象的亮度、色调和Alpha值【项目二】多场景制作贺卡【任务1】贺卡第一页 任务拓展：创建影片剪辑元件，影片剪辑元件中使用小蜜蜂图形元件制作引导线动画，形成小蜜蜂沿着设置的路线飞舞的动画效果，【项目二】多场景制作贺卡【任务1

11、】贺卡第一页 任务描述：蔚蓝的天空，洁白的云朵，随风缓缓飘过。描述性文字淡入淡出。【项目二】多场景制作贺卡【任务2】贺卡第二页 任务分析：1矢量背景图片的绘制，传统补间动画的制作。2掌握“颜色”面板上色带的设置。任务目标：掌握传统补间动画的制作方法。【项目二】多场景制作贺卡【任务2】贺卡第二页 任务拓展：创建影片剪辑元件，影片剪辑元件中使用小蜜蜂图形元件制作引导线动画，形成小蜜蜂沿着设置的路线飞舞的动画效果，【项目二】多场景制作贺卡【任务2】贺卡第二页 任务总结：1在“颜色”面板上进行渐变色色带的设置，“H”为“色相”，“S”为饱和度，“B”为“亮度”。2“线性渐变”默认状态下是从左往右渐变。

12、可使用“渐变变形工具”更改填充的效果。【项目二】多场景制作贺卡【任务2】贺卡第二页 3传统补间动画1）传统补间动画主要表现在对象整体、比例、位置、角度、透明度发生变化。2）传统补间动画的对象必须是元件，元件的内容可以是图形、文字、图片、按钮、影片剪辑等。3）传统补间动画正确的操作方法是：在同一时间轴上，两个关键帧之间创建传统补间。4）创建完成后的传统补间动画，两个关键帧之间的时间轴背景颜色是淡紫色，且之间的箭头是连续的【项目二】多场景制作贺卡【任务2】贺卡第二页 任务拓展：1使用传统补间动画，设计并制作动画出现的场景效果和转 场效果。2设计文字内容，通过创建补间形状实现动画效果。要求字 体，大

13、小，位置布局合理，出现效果自然。【项目二】多场景制作贺卡【任务2】贺卡第二页 任务描述：山坡的小花清新淡雅；远处的风车在连绵起伏的山野上吱悠悠的转动着；诉说着秋天的故事，描述性文字淡入淡出。【项目二】多场景制作贺卡【任务3】贺卡第三页 任务分析：1用“直线工具”“颜料桶工具”“渐变工具”进行矢量风 景画的绘制。2将 影片剪辑元件“风车”拖放到舞台，调整大小和位置。3将图形元件“野花”放置到舞台画面上，调整大小、位置 和色调。任务目标：1熟练运用工具箱中的工具绘制矢量图。2掌握影片剪辑元件的使用方法和修改方法。【项目二】多场景制作贺卡【任务3】贺卡第三页 任务总结：1复制多个元件实例的方法：一是

14、从库面板中拖出多次。二 是直接复制舞台上的影片剪辑元件实例，多次粘贴即可。2图形元件不仅可以调整透明度，还可以调整色调，使元件 色彩丰富。【项目二】多场景制作贺卡【任务3】贺卡第三页 任务拓展：使用图形元件“野花1”制作花丛随风摆动的动画效果，要求符合运动规律，摆动幅度不宜过大，方向自定。巩固掌握元件实例在动画中的运用。【项目二】多场景制作贺卡【任务3】贺卡第三页 任务描述：秋天的夜晚，星光闪烁，带来了无限的遐想。描述性文字淡入淡出。【项目二】多场景制作贺卡【任务4】贺卡第四页 任务分析：1通过代码设置影片剪辑元件星光闪烁的效果。2使用“喷涂刷工具”绘制夜晚的星空。任务目标：1熟练运用工具箱中

15、的工具绘制矢量图。2掌握影片剪辑元件的使用方法和修改方法。【项目二】多场景制作贺卡【任务4】贺卡第四页 任务总结：1喷涂刷的作用类似于粒子喷射器，使用它可以一次将形状 图案“刷”到舞台上。默认情况下，喷涂刷使用当前选定 的填充颜色喷射粒子点。2使用喷涂刷工具可以将影片剪辑或图形元件作为图案应用。【项目二】多场景制作贺卡【任务4】贺卡第四页 任务拓展：1使用“喷涂刷子工具”制作山坡野花，探究属性参数数值 变化的意义及效果。2使用“影片剪辑元件”完成小蜜蜂飞舞动画。【项目二】多场景制作贺卡【任务4】贺卡第四页 任务描述：在背景图片的衬托下，文字渐渐显现，且由小到大前推近，直至贺卡结束。【项目二】多

16、场景制作贺卡【任务5】贺卡第五页 任务分析：文字转换成图形元件，设置传统补间动画，文字实例实现由无到有，由小到大的变化。任务目标：掌握文字图形元件的制作方法。【项目二】多场景制作贺卡【任务5】贺卡第五页 任务总结：1分散到图层命令，可以实现动画对象各自独立，便于以后 的修改和制作。2文字分离两次，再转换成元件可以必免放大变形时文字抖 动现象。【项目二】多场景制作贺卡【任务5】贺卡第五页 任务拓展：1制作文字动画，毎组文字所用动画类型不限，但要展现出 不同的效果，出现与结束衔接自然。字体，大小，位置布 局合理，强调性文字动画效果新颖醒目，以达到提升气氛 的作用。2使用任务拓展练习完成的素材，整合

17、成一部动画短片，要 求动画片中内容丰富，每张动画出现、消失效果顺畅自然。技术上，运用动画形式多样。【项目二】多场景制作贺卡【任务5】贺卡第五页 通过五幅动画的制作，实现了贺卡动画的完整性，在分场景的制作中，分别学习了“引导线动画”、“传统补间动画”、“Deco装饰工具”、“喷涂刷工具”和“文字”在作品中的编辑和运用。在知识点上理解创建动画的三种形式（补间形状、补间动画、传统补间）的区别与应用。【项目总结】三种动画的区别与应用任务描述：贺卡播放时，背景音乐同时响起，贯穿整个贺卡 播放的过程，直至结束。任务分析：将音频文件导入到库中，再拖放到场景中使用。任务目标：了解音频文件的类型，掌握导入、设置

18、音频文件 的方法。任务总结：1能直接导入Flash的声音文件，主要有WAV和MP3两种格式。【项目三】导入音频文件和控制影片【任务1】音频文件的导入和设置 2“事件”选项会将声音和一个事件的发生过程同步起来。事件声音在它的起始关键帧开始显示时播放，并独立于时间轴播放完整个声音，即使SWF文件停止也继续播放。“开始”与“事件”选项的功能相近，但如果声音正在播放，使用“开始”选项则不会播放新的声音实例。“停止”选项将使指定的声音静音。“数据流”选项将同步声音，强制动画和音频流同步。音频流随着 SWF文件的停止而停止。【项目三】导入音频文件和控制影片【任务1】音频文件的导入和设置 任务拓展：尝试下载

19、.mp3格式或.wav格式的音频文件，将音频文件导入到任务拓展作品中。【项目三】导入音频文件和控制影片【任务1】音频文件的导入和设置 任务描述：贺卡结束时，影片停止播放，出现“raplay”按 钮，点击可再次观看贺卡播放。任务分析：按设计者的意图控制影片播放、停止和重播。任务目标：了解简单的ActionScript 2.0命令，掌握动作的设 置方法。【项目三】导入音频文件和控制影片【任务2】影片播放的控制 任务总结：常见的ActionScript 2.0命令1play()开始 2stop()停止3go to and play(场景、帧数或帧标签)从指定的位置开始播放4go to and sto

20、p(场景、帧数或帧标签)从指定的位置停止播放5stopAllSounds()停止播放所有声音【项目三】导入音频文件和控制影片【任务2】影片播放的控制 任务拓展：1使用按钮元件设置动画重播效果。1使用“动作”面板，设置音乐与画面同步播放、停止效果。2探究“声音编辑器”的使用方法，尝试调整声音的播放效果。【项目三】导入音频文件和控制影片【任务2】影片播放的控制 在动画中添加音乐，是贺卡完成的最后环节，它起到渲染气氛的作用，在作品中具有强的艺术感染力。Flash支持wav和mp3两种格式的声音文件导入，但有的mp3格式的声音文件，在具体使用时，也需要满足44100 Hz和16kbps的参数要求。在具体的操作上，掌握声音编辑器的使用，掌握常用的控制命令代码的正确写入。项目三的学习要充分利用网络资源并以探究的学习方法来完成。【项目总结】通过本单元学习电子贺卡的制作，了解了动画贺卡的组成要素。具备了采用多种方式获取素材的能力，学习了元件的制作方法与应用规律，掌握了多种不同动画类型及制作要点，接触到了软件中功能强大的“Deco装饰工具”和“喷涂刷子工具”。拓展了导入音频文件和控制命令等知识的学习。使读者具备了制作完成动画短片的综合能力。进一步提升了审美能力与动手操作的能力。【单元知识总结与提炼】