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