Flash CS4动画制作项目实训教程 PPT10.ppt

1、第10章 电子贺卡制作,10.1 电子贺卡概述 10.2 电子贺卡教师节快乐 10.3 任务总结 10.4 任务拓展,10.1 电子贺卡概述,电子贺卡是网络连接友情的一种常见动画媒体形式。通过贺卡可以把自己对亲朋的祝福用动画和声音表现出来 ,电子贺卡相对传统贺卡更加具有表现力.,电子贺卡的制作流程 1分析需要制作的电子贺卡的表现内容 2制定电子贺卡制作的计划 3收集制作电子贺开所需素材 4执行电子贺卡制作计划 5测试作品,10.2 电子贺卡教师节快乐,10.2.1 贺卡内容分析及工作思路,10.2.2 制作落叶场景 1初始化文档 设置舞台大小为550400。按Shfit+F2键启动“场景”面板

2、。将“场景一”命名为“main”.2绘制动画背景 （1）在场景“main”的时间轴中，将“图层1”命名为“背景”。 （2）在“工具栏”选择“矩形”工具，设置填充颜色为透明，笔触颜色为黑色，绘制大小为550400，并且设置它的位置为00。 （3）使用“铅笔”和“线条”工具在“背景”层上绘制图形轮廓，如图10-2-3所示。 （4）选择“颜料桶”工具，填充树枝以外的区域,填充树枝内部如图10-2-4所示。,3绘制树叶 （1）锁定“背景”层，在“背景”层之上新建图层命名为“树叶”，使用线条工具绘制树叶的轮廓，如图10-2-5所示。 （2）使用“颜料桶”工具为树叶填充颜色。叶脉填充为#EA9E00，树叶

3、主体填充为#FFCC00，树叶高光填充为#FFEEAA，树叶阴影填充为#996600，如图10-2-6所示。,图10-2-5,图10-2-5,4为树叶制作动画,（1）制作树叶摆动 选中绘制好的树叶按Ctrl+G键将其组合， “转换为元件” ，将树叶转换为影片剪辑。双击舞台上的树叶实例进入影片剪辑的编辑环境。选中树叶按F8键启动“转换为图形元件” . 在“mc_left”影片剪辑元件编辑环境树叶所在的时间线上第5、10、15、20帧插入关键帧。使用“任意变形工具”调整每一帧的旋转方向，如图10-2-9所示。选中1到19帧，单击右键在上下文菜单中选择“创建传统补间”，如图10-2-10所示。,（2

4、）制作树叶飘落 点击返回按钮（），回到文档编辑模式。使用“任意变形”工具将树叶缩小到11070像素。选中“树叶”图层，单击右键在上下文菜单中选择“添加传统运动引导层”。在引导层中使用线条工具绘制引导线，如图10-2-11所示。 （3）选中“树叶”层的第1帧，单击右键，在弹出的快捷菜单中选择“创建传统补间”。选中第90帧插入关键帧，在引导层和“背景”层的第90帧插入帧。将树叶图层中第1帧中的树叶拖动到舞台的顶部，如图10-2-12所示。在90帧将树叶拖动到舞台的底部，如图10-2-13所示。,图10-2-11,图10-2-12,图10-2-13,（4）制作树叶放大动画 新建图层命名为“树叶2”，

5、将这个图层拖动到其他所有图层之上。在第91帧插入空白关键帧。复制图层“树叶”第90帧的树叶实例，选中图层“树叶2”的第91帧按Ctrl+Shift+V粘贴，并且按Ctrl+B将树叶实例进行一步分离，分离的结果为图形元件实例。在图层“树叶2”的第150帧插入关键帧，在这一帧，使用“任意变形”工具调整树叶，如图10-2-14所示。选中第91帧，单击右键在上下文菜单中选择“创建传统补间”。在“背景”层的第150帧插入帧，时间轴如图10-2-15所示。选中“树叶2”图层第91帧，单击右键在上下文菜单中选择“创建传统补间”。 （5）保存动画命名为“教师节贺卡”，预览动画观察结果。,10.2.3 制作小树

6、逐渐长大,1建立新场景 在文档中打开“场景”面板，在“main”场景的下面建立新场景，命名为“main2”， 2制作遮照背景 （1）将“图层1”命名为“遮照背景”，回到“main”场景，将场景“main”中“背景”图层的内容复制到“main2”场景的“遮照背景”图层。 （2）将场景“main”中“树叶2”图层的第150帧的树叶也复制到“main2”场景的“遮照背景”图层。 （3）选中复制过来的树叶，反复按Ctrl+B键将树叶图形实例打散为图形，取消选择。删除整个树叶后，锁定该图层。结果如图10-2-17所示。,3绘制动画背景,新建图层，命名为“背景”。先将这个图层拖动到“遮照背景”图层之上。使

7、绘图工具绘制如下背景，如图10-2-18所示。,4制作飘动的白云 （1）在“背景”图层的工作区上绘制一朵白云，选中绘制好的白云按F8键将其转换为影片剪辑元件。将转换好的影片剪辑拖动到舞台。 （2）双击转换好的影片剪辑，进入到影片剪辑的编辑环境。按Alt键反复拖动白云，并且使用“任意变形”工具调整白云的大小，使白云布满整个舞台，如图10-2-20所示。 （3）在时间线的第1帧上单击右键，在弹出的快捷菜单中选择“创建传统补间”。在第171帧插入关键帧。将白云向右移动，结果如图10-2-22所示。在第170帧插入关键帧，删除第171帧，返回到“main2”场景中。,10-2-20,10-2-22,4

8、制作动画过渡 （1）将“遮照背景”图层拖动到“背景”图层之上，调整白云和其他图形的位置，如图10-2-23所示。 （2）在所有图层之上新建图层命名为“树叶”，将场景“main”中图层“树叶2”中的第150帧中的树叶实例复制到场景“main”中图层“树叶”的第1帧。 （3）在“树叶”图层的第1帧上单击右键，在弹出的上下文菜单中选择“创建传统补间”。在第45帧插入关键帧，并且将第45帧中的图形实例设置为透明。在图层“遮照背景”和“背景”的第45帧插入帧，如图10-2-24所示。 （4）测试动画,4制作树苗、小树和大树 （1）制作树苗 新建影片剪辑元件，名称为“mc_树苗。使用绘图工具绘制树苗，如图

9、10-2-26所示。在“树苗”所在图层的第1帧上单击右键在上下菜单中选择“创建传统补间”，在第17帧和第38帧插入关键帧，在第52正插入帧，如图10-2-27所示。选中第17帧的“树苗”，使用“任意变形”工具，按住Alt键使树苗水平方向倾斜，如图10-2-28所示。返回到“main2”场景。,（2）使用相同方法制作小树和大树，建立的影片剪辑分别为“mc_小树”和“mc_大树”。其图形为10-2-29到10-2-30所示。,5制作树的成长过程 （1）在“main2”场景的背景图层之上新建图层，命名为“树苗”。打开“库”面板拖动到舞台上两个实例，并且使用“任意变形”工具调整其位置及大小，如图10-

10、2-31所示。 图10-2-31 舞台上摆放树苗 （2）将舞台上所有的树苗转换为图形元件，命名为“g_树苗”。在第60和第90帧插入关键帧，将第90帧树苗的透明度设置为0，在60到90帧中间创建传统运动补间动画。在“遮照背景”和“背景”图层的第90帧插入帧。如图10-2-32所示。,（3）锁定“树苗”图层，新建图层命名为“小树”，将“小树”图层拖动到“遮照背景”和“背景”图层之间。在第80帧插入空白关键帧，从库中拖动“小树”到舞台上并且调整大小和位置。将绘制好的小树转换为图形元件。在“小树”图层的第100，130和150帧插入关键帧，将第100和150帧中小树的透明度设置为0，如图10-2-3

11、4所示。 （4）锁定“小树”图层，新建图层命名为“大树”。将“大树”图层拖动到“遮照背景”和“背景”图层之间。在第140帧插入空白关键帧，从库中拖动“小树”到舞台上并且调整大小和位置。将绘制好的大树转换为图形元件。在“大树”图层的第160和190帧插入关键帧，将第16帧中大树的透明度设置为0。在第204帧插入关键帧，在“遮照背景”层和“背景”层的地204帧插入帧，如图10-2-36所示。,10.2.4 制作感谢画面,1绘制祝福画面 新建图层，命名为“祝福语”，将“祝福语”图层拖动到“遮照背景”图层之下，在第205帧插入关键帧。在“祝福语”图层的第205帧绘制画面，如图10-2-37所示。,2制

12、作过渡 （1）新建图层，命名为“过渡”，将“过渡”图层拖动到“遮照背景”之下“祝福语”图层之上，在第191帧插入空白关键帧。选中191帧，使用“矩形”工具绘制大小为550400的白色填充矩形，设置其X和Y的位置都为0。 （2）选中绘制好的白色矩形，将其装换位图形元件。 （3）在第204、205帧和220帧插入关键帧，将第191帧和第220帧矩形实例的透明度设置为0。选中191帧到219帧，打开“属性”检查器，设置运动补间动画。在图层“遮照背景”的第220帧插入帧，在图层“大树”的第204帧插入关键帧，如图10-2-39所示。,10.2.5 添加声音控件及动画控制,1添加声音控件,“创建新元件”

13、对话框,声音播放状态,声音停止状态,（2）选中第1帧的图形将其转换为按钮元件。双击转换好的按钮，进入按钮的编辑状态，在“点击”状态插入关键帧，使用“颜料桶”工具将图形填充为一个圆形，保证按钮的有效区域，如图10-2-44所示。在“编辑栏”单击“mc_声音控件”返回“mc_声音控件”的编辑环境。 （3）使用同样的方法将第2帧的图形转换为按钮元件，命名为“btn_声音关”。,（4）将“bg.mp3”文件导入到库中，选中第1帧，打开”属性”检查器，在“声音”属性的下拉菜单下选择“bg.mp3”，“同步”属性设置为“开始”和“循环”。如图10-2-45所示。 （5）选中第1帧，按F9键启动“动作”面板

14、。 （6）输入如图10-2-47所示。,图10-2-45,图10-2-47,（7）选中第2帧的按钮，启动“动作”面板。输入如图10-2-48所示。,（8）制作声音波形 打开“库”面板，双击“mc_声音控件”元件进入到“mc_声音控件”的声音编辑环境，在第1帧绘制圆环并且使用放射状填充，选中圆环将其装换为影片剪辑，命名为“mc_波形”,如图10-2-49所示。 （9）双击“mc_波形”实例，进入元件编辑环境，选中第1帧单击右键选择“创建传统补间”，在第15帧插入关键帧。使用“任意变形”工具将第1帧的图形缩小。在第10帧插入关键帧。将第1帧和第15帧图形实例设置为透明。新建3个图层，将“图层1”中

15、的1到15帧复制到新建图层的1到15帧，每个图层帧一次向后拖动6帧，如图10-2-50所示。返回“main2”场景编辑模式。,图10-2-49,图10-2-50,2使用声音控件 打开“场景”面板，进入“main”场景，将制作好的声音控件拖动到“背景”图层的舞台上，复制声音控件。进入“main2”场景，选中“遮照图层”，按Ctrl+Shift+V键粘贴声音控件。 3添加“播放”和“重放”控制 （1）新建按钮元件，命名为“btn_控制”，制作按钮。如图10-2-51所示。导入声音“btn.mp3”，并且应用到“按下”状态。 （2）进入“main”场景，新建图层命名为“控制”，并将其拖动到其他图层之

16、上，将“btn_控制”按钮拖动到图层“控制”的第1帧，使用“文本”工具输入“play”，设置文本字体为“华文行楷”、颜色为“#116C98”、字号为“25”。如图10-2-52所示。在第2帧插入空白关键帧。,（3）选中“控制”层第1帧，打开“动作”面板输入代码，如图10-2-53所示。选中播放按钮，打开“动作”面板，输入代码，如图10-2-54所示。,（4）进入“main”场景，新建图层命名为“控制”，并将其拖动到其他图层之上，在第220帧插入关键帧。将“btn_控制”按钮拖动到图层“控制”的第220帧，使用“文本”工具输入“replay”，设置文本字体为“华文行楷”、颜色为“#116C98”

17、、字号为“25”。如图10-2-55所示。,10.2.6 制作下载进度条,1制作进度条动画 （1）启动“场景”面板，新建场景，命名为“loadBar”,并且将其放置到最上面。 （2）将“图层1”重命名为“背景”，将“main”场景的背景复制到“loadbar”场景的“背景”图层。 （3）新建图层，命名为“进度条”，使用“矩形”工具绘制进度条，填充颜色为#0394DA，线条颜色为#BCE9FE。如图10-2-61所示。,（4）选中绘制好矩形的填充，复制一份，按F8键将其转换为影片剪辑。 （5）双击转换完毕的影片剪辑，进入其编辑状态，给图形设置线形渐变，然后退出影片剪辑编辑环境，如图10-2-63所示。选中第1帧单击右键，在打开的上下文菜单中选择“创建传统补间”，在第100帧插入关键，将第1帧进度条图形的长度修改为1px，如图10-2-64所示。,图10-2-63,图