flash+动画设计与项目实践11.ppt

第11章项目实践,11.1动画设计的基本流程11.2商业广告设计11.3电子简历制作11.4电子相册制作11.5Flash手机动画制作11.6习题与实验指导,主目录,11.1动画设计的基本流程,11.1.1前期动画制作,1.电影创作策划正确的策划分析是每一项工作得以顺利进行的重要保证，需要认真完成对整个影片编辑工作中诸多内容和操作环节进行分析，如影片画面保持什么样的风格、需要使用什么样的素材、工作步骤的顺序怎样安排，舞台场景如何布置以及怎样进行影片的输出发布等。创作故事剧本故事剧本就是文字记录的剧情，主要包括人物对白、动作和场景的描述。造型设计造型设计就是由设计者根据故事，对人物和其他角色进行造型设计，并绘制出每个造型或角色不同角度的形态，以供其他工序的制作人员参考。而且，还要画出他们之间的高矮比例、各种角度的样子、脸部的表情、他们使用的道具等。背景背景要根据故事的情节需要和风格来画，在背景绘制过程中，要标出人物组合的位置，白天或夜晚。2.准备影片素材在确定了影片的主题与故事内容、画面效果后，需要进行影片外部素材的准备工作，如需要使用到的图片、声音、视频剪辑及文字资料等内容。,使用Flash进行动画创作的过程与制作传统动画的步骤基本相同。作者将以Flash制作动画片的创作过程分为以下几个环节。1.制作元件根据策划的影片内容，绘制需要的角色元件，如图形，按钮，影片剪辑等元件，以及各种需要的媒体素材。2.编排影片将制作好的各个元件角色放入的舞台场景中，为它们编排各自在影片中的表演动作。,11.1.2中期动画制作,1.影片测试在编排影片的过程中，随时按下Ctrl+Enter，测试舞台场景中目前编辑完成的动画效果，以便及时发现问题并修改。2.影片优化和输出通过前面的理论知识学习，我们知道动画文件的大小可以影响到下载的时间和播放的速度。因此在输出动画前应该对源文件进行优化，这样就可以减少输出文件的字节数。在优化动画的时候一般都要注意以下原则：在动画中尽量减少元件的个数。在动画中减少不必要的关键帧也能减少文件的字节数。将在动画中需要多次出现的元素转换成元件。如有必要可以将MV的音频设置中压缩比例进行修改。避免使用大的位图文件等。动画的输出就很简单了，我们可以按Ctrl+Enter组合键对动画进行实时发布输出。相对其他动画制作软件来讲Flash这一功能确实是很有优势的。,11.1.3后期动画制作,本章目录,11.2商业广告设计,11.2.1项目要求,导出Flash作品的主要作用是产生单独的动画文件，以便于观赏者观看。将动画优化并测试下载性能后，就可以通过导出影片或图像命令将动画导出。,运行配套光盘中的“项目实践”文件夹中的汽车广告.swf文件，首先映入的是下载进度效果，橙色的数字表示已经下载广告的百分比数，当下载完毕达到100%时广告就开始自动播放。因为案例是存储在光盘上的，所以下载的进度数一次就达到100%。右图是广告的开场效果，一条望不到尽头的路上下起伏延续，随着音乐的开始，“路漫长”广告词缓缓下降消隐，脚下的路也开始飞驰起来，视野在黑暗中飞行，随着一道闪光，前方出现一线曙光。,广告效果图1,展台慢慢搭建起来，黑暗中一辆轿车的轮廓闪烁而出，遮在车上的黑布缓缓地拉下，精美的汽车终于显现出来。随着车灯开启，整个车身和展台都被照亮，这时影片的风格由沉寂的冷色调变成活泼的橙色背景，广告进入了高潮，如左下图所示。展台慢慢地向两侧展开，车名“新花冠”闪烁而出，汽车瞬间启动，飞驰而走，如右下图所示。,广告效果图2,广告效果图3,广告尾声使用了遮罩效果突出展示了汽车精美的细节，如右上图和右下图所示。广告末尾使用了ActionScript编写的群星围绕的效果，突出了公司名称和广告中展示的“花冠系列”车型，如左下图-6所示。,广告效果图6,广告效果图5,广告效果图4,11.2.2创意与构图分析,1.制作要点当要制作一种产品的展示广告的时候，最重要的是广告的创意。好的创意就需要对这个广告的产品有一种感觉，起码有一个模糊的构思，怎么把这个创意表现，用哪种画法，用哪种色调，用什么样的故事情节，准备营造怎么样的氛围等。最好先在纸上反复制作草稿，把脑子里浮现的是什么样的画面描绘出来，不要遗漏每一个好点子。制作完善草稿后就可以开始动鼠标制作了。其次就是商品形象的制作了。一般剧情开始前要画好商品的正面、侧面、形体等，做好准备，到时候需要用到商品的时候就直接套用，需要变化的就新建一个组件，再在原来的基础上修改一下。然后是背景，背景在Flash广告中烘托气氛是非常关键的，广告的主题要能与背景歌曲结合起来。还有，广告一般要精益求精，越是细节的地方，做得要越仔细，这样就使广告更加精致，一个优秀的广告是能经得起放大N倍看的。准备好40至50个元件后，开始制作就不会太吃力了。Flash里导入位图，要掌握好它的分辨率，不同的位图分辨率会破坏整体效果。导入的声音也是广告中关键的环节，要把握场景的变换和整个广告的节奏，一般节奏稍慢的歌用做渐变切换场景，感觉比较柔和；快歌用于空帧切换场景，利落也比较容易适应节奏，其次快歌里不断地根据节奏快速变换场景也是很赏心悦目的。,最后广告中搭配的广告语的字体和颜色也是非常关键的，字体在广告中可以说有画龙点睛的效果，很多广告整体做得不错，但是最后却因字体破坏了整体效果，颜色突兀，字体用得不好，不能和广告溶为一体。在有的广告中纯色的字幕要比五颜六色的多种字体拼起来的字母要好看得多。当然，在卡通中不妨让字体活泼一点，变化多一点。其实就是要看什么样的歌和作者掌握的尺度了。有的场景较简单，不妨让字幕动起来，来互补一下缺陷。广告不仅在网络上很流行，而且现在很多的电视广告也用Flash来制作。有了好的创意和精湛的技术，广告制作不再是难事。2.方案设计广告的制作需要作者与客户相互合作，当广告设计获得到客户的认可后才能开始制作，做出精美的广告还是需要双方很多努力的。在这部广告里，我们按照剧情的发展将整个广告分成下载场景、开始场景、揭幕效果、舞台展示和特点展示几个部分，每部分由一些小的动画影片剪辑组成。由于实例使用的元件多达百个，我们就不详细介绍每个元件的的制作过程了，下面我们就按制作顺序讲解重要元件的制作。,11.2.3制作元件,在开始制作前，要先做好图像的准备，而且广告的效果也要求精益求精，需要很多精美的图片，这些可以向广告赞助商索取。本案例中最主要的位图是“car01.png”和“car02.png”，它们显示了汽车的整体效果。以png格式存储位图文件不但比相同的用bmp格式存储的文件压缩比高，而且支持无损压缩和Alpha通道。同时FireWork默认的位图操作的格式也是.png，在Flash中操作位图时可以很容易与FireWork相互调用协调，所以一般导入Flash中的大位图都使用.png格式的。,11.2.4制作场景动画,1.路延伸、隐退场景制作2.揭幕效果3.舞台展示,11.2.5添加背景音乐,11.2.6添加Action语句,本章目录,11.3.1项目要求,11.3电子简历制作,程序运行后，将出现一段开场动画，随后显示“基本情况”、“教育背景”、“工作经验”等一系列相关按钮，用户通过点击任意按钮，都出现相应的动画介绍画面，效果如下图所示。,11.3.2创意与构图分析,这份简历分为三个部分：上部、左部和右部。其中上部显示个人简历的名称，比如“个人简历”，还需要加入一些背景充实版面：左部主要是个人简历的一些分类链接，需要制作菜单和按钮；右部主要显示简历的详细内容，单击分类按钮时，在右部会出现该类的详细介绍。,11.3.3导入素材,11.3.4制作按钮和影片剪辑,11.3.5制作和编辑动画场景,本章目录,11.4.1项目要求,11.4电子相册制作,程序运行后首先从场景单击播放按钮，程序会找出存放相片的文件夹，用户选择后，会显示播放的图片，效果如下图所示。另外，如果有新的图片，只须加入相应的相册文件夹即可，不需更改源程序。,11.4.2创意与构图分析,在此案例中，首先导入相册的背景图片，单击播放和后退的按钮既可浏览相应的图片，最大的特点就是当图片发生变化的时候不需要改动源程序，而只是在图片储存的文件夹进行相应的修改，重点掌握在flash中怎样调用外部图像文件loadMovie的命令，还需要注意的是最后flash文档的保存应与图片的文件夹存于同一目录下。,11.4.3添加素材,11.4.4制作元件,11.4.5布置场景,本章目录,11.5Flash手机动画制作,作为Flash的最新版本，Flash手机程序的应用是其一大亮点。随着手机技术的发展和性能的提升，Flash已经渗透到了手机的应用领域。毕竟手机不能和电脑相比，因此想要在手机上比较畅快地运行Flash动画，还需要对Flash动画有所限制，例如动画文件的体积大小、不要使用手机不支持的字体、不要使用图形以及透明效果、不要过多使用复杂的ActionScript语句等。,11.5.1项目要求,程序运行后，手机屏幕将出现白云飘过，随后一土著人由远而近地走进屏幕，最后出现随之出现“IC卡”、“IP卡”、“EQ卡”和“统统交出来”等搞笑文字，效果如下图所示。,11.5.2创意与构图分析,在“手机动画”案例中首先通过flash自带的手