《Flash CS5动画设计实例教程 第2版 教学课件 ppt 作者 鲍雷 教案《flash cs5动画设计实例教程》9》由会员分享，可在线阅读，更多相关《Flash CS5动画设计实例教程 第2版 教学课件 ppt 作者 鲍雷 教案《flash cs5动画设计实例教程》9（70页珍藏版）》请在金锄头文库上搜索。
1、第9章 Flash cs5的综合运用2,目标技能 掌握制作Flash MTV的流程。 学会制作Flash贺卡。 学会制作Flash广告。,本章目录 9.1 利用Flash进行MTV的制作实例 9.2 利用Flash进行电子贺卡的 制作实例 9.3利用Flash进行广告的制作实例,本章重点： 制作Flash MTV、Flash贺卡和Flash广告。 本章难点：Flash的灵活运用。,9.1 利用Flash进行MTV的制作实例,Flash MTV是目前网上非常盛行的一种Flash音乐媒体，音乐使动画声情并茂，动画又赋予音乐很强的视觉冲击力，两者相辅相成，能够达到更好的视觉和听觉效果。,歌曲宁夏 F
2、lash MTV的制作可分为下面的几个步骤： 一、创意与构思。 二、人物设定。 三、分镜。 分镜是动画创作的蓝本，通过分镜头反映影片的整体构思与设计，这在制作动画短片时很重要。一部短片可以分为若干个镜头，当衔接起来时，就是一个完整动画。本例中的四个分镜如图所示。,四、收集和准备素材。 五、制作动画。 MTV动画涉及到歌曲与动画内容的同步，以及歌词的添加，因此动画的制作比一般的动画略麻烦一些，大致分为一下几个步骤来完成：,1制作下载进度条。 1）新建一个Flash文档。修改舞台大小为550400，背景颜色为#FF3366，帧频为25。 2）在图层1绘制一个与舞台大小一样的无边框矩形，填充颜色为从
3、桃红色（#FF3366）到浅粉色（#FE6D99）的线性渐变色，颜色变化方向为上深下浅。,3）新建图层2，绘制一个如图所示的形状，填充颜色为#FFAFC3到#FFCADD的线性渐变色。颜色变化方向为上浅下深。然后将轮廓线条删除。,4）新建图层3，使用多角星形工具绘制一些如图所示的星星，填充为白色。在图层1、2、3的第906帧插入帧延续。,5）点击【插入】【新建元件】命令，新建一个名为“loading”，影片剪辑类型的元件。在这个元件的编辑窗口中，绘制一个填充为白色，边框为极细的棕色（#8C0000）线条的矩形条。然后选中下方和右方的线条，将其颜色改为白色。这样，这个loading就会具有立体感
4、。,6）在填充的白色矩形条上点击右键，选择“剪切”。然后再新建图层2，在舞台上点击右键，选择“粘贴到当前位置”。这样填充和边框就分别位于一个图层。 7）新建图层3，在舞台上点击右键，选择“粘贴到当前位置”，又复制出一个一样的白色矩形。使用颜料桶工具，改变他的颜色为#FEADC4。将图层3拖到图层1下方。 8）在图层1和图层3的第100帧插入帧，图层2的第100帧插入关键帧。选中图层2第1帧中的白色矩形条，使用任意变形工具将其向左压缩。创建第1到第100帧的形状补间。再将图层2拖到图层1下方。时间轴效果如图所示。,9）回到场景1，新建图层4，将loading元件拖放到舞台中心位置并调整其大小，打
5、开属性面板，为该元件实例命名为“load_bar”。在进度条上方使用文本工具书写文字“Loading”，在第15帧插入空白关键帧，loading持续14帧，从第15帧要开始播放动画 10）新建图层5，改名为Action Layer，这一层专门放置动作。在第2帧插入关键帧，打开属性面板，添加帧标签为“loop”，然后再在动作面板输入命令： byteloaded = _root.getBytesLoaded(); bytetotal = _root.getBytesTotal(); loaded = int(byteloaded / bytetotal * 100); load_bar.gotoA
6、ndStop(loaded);,11）在第15帧插入关键帧，在属性面板设置帧标签为“start”，说明动画从第15帧开始播放。然后再在第14帧插入关键帧，在动作面板输入命令： if (byteloaded = bytetotal) gotoAndPlay(“start“); /如果文件下载完，则跳转到标签为“start”的帧播放 else gotoAndPlay(“loop“); / 如果没有下载完，则跳转到标签为“loop”的帧播放 进度条制作完毕，动画内容和歌曲的播放从第15帧开始。,2将剪辑好的音乐导入到场景中。点击【文件】【导入】【导入到舞台】，在打开的对话框中找到音乐“nx.mp3”
7、，将其导入到Flash文件中。新建一个图层，命名为“Sound Layer”，专门来放置音乐。音乐从第15帧开始播放，因此在第15帧插入关键帧，然后打开属性面板，选择“nx.mp3”，同步方式为“数据流”。,3制作歌词。 1）计算歌曲的长度。 由于歌曲长度为3分29秒，而帧频为25fps，将整首歌播放完大概需要5000帧。在图层“sound layer”的第50000帧处插入帧，使歌曲能够完整播放。,2）将播放头放在歌曲开始的第15帧处，按下【Enter】键开始播放，同时注意听歌曲。 在听到一句歌词的开始时，立刻按下【Enter】键使播放头停止。第一句歌词“宁静的夏天”在大概608帧处。在图层
8、“sound layer”上新建图层，改名为“歌词”。在这一层的第608帧处插入关键帧，打开属性面板添加帧标签，标签内容为歌词，即“宁静的夏天”。如果这句歌词比较长，则只需写出前几个字，自己能够看懂即可。,3）将播放头放在第608帧处，按【Enter】键继续播放，听到第二句歌词时按下【Enter】键停止。第二句在681帧处。在图层“歌词”的第681帧插入关键帧，在属性面板添加帧标签为“天空中繁星点点”。 4）使用同样的方法，在“歌词”图层使用帧标签将整首歌的歌词标注出来。标注完之后，再重新听一遍，如果有错误的地方再重新修改。,5）根据标注，添加MTV中与歌曲同步显示的歌词。选中图层“歌词”标注
9、第一句歌词的第608帧，在舞台下方输入文字“宁静的夏天”，将其转换为图形元件。在第669帧和第680帧插入关键帧，选中第680帧中的歌词，设置其透明度为0。创建第669帧到第680帧的动画补间，完成歌词逐渐消失的动画效果。 6）使用同样的方法，将歌曲所有的歌词制作完毕，并重新播放一遍，检查修改。,4制作动画内容。Loading、歌曲、歌词都制作好之后就可以开始制作动画内容了。根据在前面步骤中绘制好的分镜，一个一个制作完成，这些分镜头连续起来就是我们最终完成的MTV。这一步骤中，动画的具体制作不再详细讲述，由读者自己完成。注意，最终歌词图层一定要在所有图层最上方。,六、调试和发布动画。 动画完成
10、后按【Ctrl】【Enter】键进行测试，如果有不满意的地方再进行修改调整，最后发布，Flash MTV制作完成。,9.2 利用Flash进行电子贺卡的 制作实例,随着网络的发展和普及，电子贺卡（E-card）以其简单快捷、形式活泼、内容丰富而越来越收到人们的喜爱，成为增进亲情、传递友情的重要媒介。 以一个生日贺卡为例，掌握电子贺卡的制作方法。本实例的制作，可以分为四个主要部分：“制作背景”、“制作主要人物（小猪）”、“添加遮罩和声音”、“贺卡结尾”。,第一步：制作背景 1）新建一个Flash动画文件。 2）单击【修改】【文档】，在“文档属性”对话框中修改文档尺寸为500ps400ps，帧频为
11、12pbs，背景为黑色。 3）将图层1改名为“背景”，绘制一个500400的矩形，用直线工具将矩形分成两个部分。给矩形填充颜色，上面填充白色到黄色（#F8C400）的线性渐变色，下面填充深蓝（#495778）到浅蓝（#75C5F0）的线性渐变色。最后将中间的线条删除。,4）新建图层2，改名为“墙壁”。用多边形工具，在黄色背景上绘制一些三角形、六角星形点缀背景。他们的边框均为白色，填充色可以为浅粉、浅绿、浅蓝、浅黄等。,5）新建图层3，改名为“桌子和蛋糕”。使用铅笔工具在舞台上绘制桌子形状，并给桌子填充颜色，然后将多余的线条删除,6）单击【文件】【导入】【导入到舞台】命令，从本书提供的素材中找到
12、“蛋糕.png”文件，将其导入到舞台上，并放置在桌面上。 7）新建图层4，改名为“蜡烛”。在蛋糕上方使用直线工具绘制一支蜡烛，并填充颜色。最后再将线条删除。,8）选中蜡烛，将其转换为影片剪辑类型元件，命名为蜡烛。双击进入他的编辑窗口，新建图层2，将其拖到图层1下方。 选中椭圆工具，打开混色器，设置填充色为“黄色（#FFFF00）橘黄（#FF6600）白色（#FFFFFF Alpha0）”的放射状渐变色。 在图层2绘制一个无边框的圆，并将其转换为图形元件，命名为烛光。 在第3和第5帧插入关键帧，选中第3帧中的烛光，使用任意变形工具使其放大，然后创建第1到第3帧，第3到第5帧的动画补间。图层1第5
13、帧插入帧延续。,9）回到场景1，新建图层5，改名为“文字”。单击【文件】【导入】【导入到舞台】命令，从本书提供的素材中找到“生日快乐.png”文件，将其导入到舞台上。,第二步：制作小猪元件 1）单击【插入】【新建元件】命令，在打开的窗口中命名为“小猪”，类型是影片剪辑，点击确定进入编辑窗口。 2）将图层1改名为“头”。使用钢笔工具在舞台上绘制一个小猪头的轮廓，并填充颜色，各部分颜色如图所示。 然后把多余线条删除，并选中小猪头，将其转换为图形元件，命名为“头”。,3）新建图层2，改名为“帽子”。使用直线和铅笔工具在猪头上方绘制一个帽子，并填充颜色。然后选中帽子，将其转换为图形元件，命名为“帽子”
14、。 4）单击【插入】【新建元件】命令，在打开的窗口中命名为“小猪鼻子”，类型是影片剪辑，点击确定进入“小猪鼻子”的编辑窗口。使用椭圆工具在舞台中间绘制一个如图所示的小猪鼻子，并填充颜色。然后将鼻子选中，转换为图形元件，命名为“鼻子”。,5）在第5帧插入关键帧，选中鼻子，在变形面板将其水平垂直方向同时扩大105。创建第1到第5帧的动画补间。 6）回到小猪元件的编辑窗口，新建图层3，改名为“鼻子”。从库中将影片剪辑小猪鼻子拖放到舞台上合适位置并调整大小，如图所示。 7）新建图层4，改名为“身体”。使用椭圆、钢笔等工具在舞台上绘制小猪身体轮廓，填充颜色并转换为名为“身体”的图形元件，如图所示。然后将
15、该图层拖到图层“头” 下方，并适当调整身体的位置。,8）新建图层5，改名为“手”。在身体右侧使用钢笔工具绘制一只小猪手，并填充与身体相同的颜色。如图所示。然后将其转换为图形元件“手”。 9）使用选择工具选中“手”，按住Ctrl键的同时拖动“手”，复制出一个相同的元件。选中这个元件，单击【修改】【变形】【水平翻转】，将翻转后的“手”放到小猪身体左侧。如图所示。,10）选中图层“头”，使用任意变形工具选中小猪头，将中心点置于头的中心处。如图所示。 然后分别在第6、13、18、24帧插入关键帧。选中第1帧中的小猪头，打开变形面板，输入旋转“-10度”，按Enter键应用设置。再选中第13帧中的小猪头
16、，使用同样的方法使其旋转“10度”；第24帧中的小猪头旋转“-10度”。然后创建第1到第6帧、第6到第13帧、第13到第18帧、第18到第24帧的动画补间。,11）选中图层“帽子”，使用任意变形工具选中帽子，将中心点置于小猪头的中心处。如图所示。然后分别在第6、13、18、24帧插入关键帧。选中第1帧中的帽子，打开变形面板，输入旋转“-10度”，按【Enter】键应用设置。再选中第13帧中的帽子，使用同样的方法使其旋转“10度”；第24帧中的帽子旋转“-10度”。然后创建第1到第6帧、第6到第13帧、第13到第18帧、第18到第24帧的动画补间。 12）对图层“鼻子”中的小猪鼻子做同样的操作，这样就完成小猪头部、鼻子和帽子一同左右晃动的效果。,13）选中图层“手”，分别在第6、13、18、24帧插入关键帧。同时选中第6帧中的两只猪手，点击【修改】【变形】【垂直翻转】命令，然后再适当修改两只手的位置。复制第6帧中的两只手，选中第18帧，将这一帧中的手删掉，然后点击右键选择“粘贴到当前位置”。这样第1
