3272.A flash宣传动画片之中佳节 正文

1、 flash宣传动画片之中秋佳节 摘要科技发展的今天，计算机二维动漫在人们生活中的应用越来越广泛。 2004年全球数字动漫产业的产值已达2228亿美元，与动漫产业相关的周边衍生产品产值则在5000亿美元以上。在现代广告媒介中的宣传价值位居前列。我国有近四亿青少年受众，市场潜力深厚，动漫产品创造出了巨大的市场需求。动漫文化市场消费的潮流也已经到来。随着我国社会主义市场经济的逐步成熟与完善,一系列相关扶持动漫产业的政策相继出台，带动动画事业的发展进程。动漫市场经济将成为社会主义文化市场经济的主流。在动画作品的制作过程中二维制作技术尤为显得重要。本次课题的设计制作就是在flashcs4制作软件里面实

2、现基础的动漫知识的应用。 在本论文，论述了利用flash软件制作中秋节动画片的设计思路及制作过程，并说明了制作中所用到的关键技术。关键词 动漫 科技 经济 社会主义 中秋 团圆第1章 引言1.1引言flash是美国的macromedia公司推出的优秀网页动画设计软件。它是一种交互式动画设计工具，用它可以将音乐，声效，动画以及富有新意的界面融合在一起，以制作出高品质的网页动态效果。它采用的矢量图可以无限放大而图像质量不受损伤，由于动画是由矢量图构成的，生成的动画文件很小，在网络宽带局限的情况下，传输很快，可以很方便地下载观看。 flash的宣传广告形式具有亲和力和交互性优势。这是与网络的开放性结

3、合在一起的，使其可更好地满足受众的需要，让欣赏者的动作成为动画的一部分，通过点击、选择等动作决定动画的运行过程和结果，使广告的传达更加人性化， 更有趣味，比起传统的广告和公关宣传，通过flash进行产品宣传有着信息传递效率高、受众接受度高、宣传效果好的显著优势。第2章 flash动画发展概况 2.1.flash动画和传统动画flash动画与传统动画有很大的不同，和传统动画比较，有以下几点不同：1.体积小但效果好。flash宣传动画采用矢量图形和流式播放技术，保证了图形的质量和观看速度。通过使用关键帧和图符使得所生成的动画(.swf)文件非常小，因此适合在网站中插入。2.跨媒体性强，但制作、改动

4、成本低廉。flash宣传动画除了可以在互联网上进行传播，还可以在电视、楼宇广告、手机等载体上进行发布、传播。目前完整的 flash宣传动画多以500元（不少于10秒情节，动画整体风格及脚本设计flash动画效果）起价。而且改动起来也比传统电视广告方便很多、也便宜很多。 3.视觉冲击力比其他的广告形式要强。同一个产品的广告，如果采用flash形式会更容易吸引受众的注意。例如佳洁士牙膏的广告多源自于生活场景，而高露洁 的广告则多了“海狸先生”这个动画人物，让受众觉得更为有趣。取名叫打印一网通的flash动画广告，结合现实生活中的办公室常出现的打印纠纷，制造出一个幽默搞笑、动感十足的卡通打印机，它会

5、委屈，会抗议，将广告做得很可爱，也很人性化。 flash的宣传广告形式具有亲和力和交互性优势。这是与网络的开放性结合在一起的，使其可更好地满足受众的需要，让欣赏者的动作成为动画的一部分，通过点击、选择等动作决定动画的运行过程和结果，使广告的传达更加人性化， 更有趣味，比起传统的广告和公关宣传，通过flash进行产品宣传有着信息传递效率高、受众接受度高、宣传效果好的显著优势。2.2flash动画前景分析使用矢量图形和流式播放技术。通过使用关键帧和图符使得所生成的动画(.swf)文件非常小，几k字节的动画文件已经可以实现许多令人心动的动画效果，用在网页设计上不仅可以使网页更加生动，而且小巧玲珑下载

6、迅速，使得动画可以在打开网页很短的时间里就得以播放。 把音乐，动画，声效，交互方式融合在一起，越来越多的人已经把flash作为网页动画设计的首选工具，并且创作出了许多令人叹为观止的动画(电影)效果。而且在flash4.0的版本中已经可以支持mp3的音乐格式，这使得加入音乐的动画文件也能保持小巧的身材。强大的动画编辑功能使得设计者可以随心所欲地设计出高品质的动画，通过action和fs command可以实现交互性，使flash具有更大的设计自由度，另外，它与当今最流行的网页设计工具dreamweaver配合默契，可以直接嵌入网页的任一位置，非常方便。第3章 adobe flash cs5软件介

7、绍3.1adobe flash cs5软件介绍flash是美国的macromedia公司于1999年6月推出的优秀网页动画设计软件。它是一种交互式动画设计工具，用它可以将音乐，声效，动画以及富有新意的界面融合在一起，以制作出高品质的网页动态效果。下面将对界面上不同的组件做进一步的介绍：flash cs5操作界面 启动flash cs5后，工作界面就会很快呈现在用户的面前，和许多windows程序一样，flash cs5的界面也包括应用程序窗口和文档窗口。同时，flash cs5还有一些专用的面板，正是这些浮动面板给flash带来了极大的方便，后面将对界面上的不同组件做进一步的介绍。1.标题栏

8、标题栏显示当前运行的主要应用程序和文档名，在标题栏的最左侧，有一个flash cs5的标志。2.菜单栏 标题栏的下方就是菜单栏，各菜单栏下面都有子菜单，有的菜单下还包括三级、四级子菜单。用鼠标单击菜单，就可以打开下拉式菜单，从中选择相应的菜单来完成操作。3.主工具栏 flash cs5的主工具栏提供了一些常用的工具，它由一组带有通用的象形示意的按钮组成，形象直观地表现出了各个图表的功能。4.工具箱 flash cs5有功能强大的工具箱，在默认状态下工具箱位于窗口左侧单列竖排放置。用户可通过鼠标拖动，将它放在桌面的任何位置。通过工具箱上一些列按钮，用户可完成对象选择、图形绘制、文本录入与编辑、对

9、象控制与操作等工作，在颜色填充按钮上有个折角形小标记，单击它会弹出一个颜色选取框。5.时间轴 时间轴用于组织和控制影片内容在一定时间内播放的层数和帧数。与胶片一样，flash影片也将时长分为帧。图层就像层叠在一起的幻灯胶片一样，每个图层都包含一个显示在舞台中不同图像，时间轴的主要组件是图层、帧和播放头。文档中的图层列在时间轴左侧列中。每个图层包含的帧显示在该图层名右侧的一行中。时间轴顶部时间轴标题显示帧编号。播放头指示当前显示的帧。6.舞台 舞台就是flash主要的工作窗口，是创作影片中各个帧内容的区域，可以在其中直接编辑文档的内容。7.面板舞台下侧是动作、帮助、属性面板，右侧是浮动面板区域，

10、它们功能强大并且在工作中最为常用。flash提供了许多种方式根据需要自定义工作区。使用这些面板，可以查看、组合和更改资源及其属性，可以显示、隐藏面板和调整面板的大小，也可以组合面板并保存自定义的面板设置，从而能更容易地管理工作。第4章 动漫设计4.1动漫设计1.动漫剧本的创作 中秋节有悠久的历史，和其它传统节日一样，也是慢慢发展形成的，古代帝王有春天祭日，秋天祭月的礼制，早在周礼一书中，已有“中秋”一词的记载。后来贵族和文人学士也仿效起来，在中秋时节，对着天上又亮又圆一轮皓月，观赏祭拜，寄托情怀，这种习俗就这样传到民间，形成一个传统的活动，一直到了唐代，这种祭月的风俗更为人们重视，中秋节才成为

11、固定的节日，唐书?太宗记记载有“八月十五中秋节”，这个节日盛行于宋朝，至明清时，已与元旦齐名，是我国仅次于春节的第二大传统节日。中秋节的习俗很多，形式也各不相同，但都寄托着人们对生活无限的热爱和对美好生活的向往。 中秋节的传说是非常丰富的，嫦娥奔月，吴刚伐桂，玉兔捣药之类的神话故事流传甚广。中秋佳节是我国华夏传统节日，值得我们每个人铭记。动画的宣传就是为了加强我们的民族节日意识，让我们通过一些形象一点的元素更能加深我们每个人的视觉冲击力以致印象更加深刻。2.场景设置场景运用了一些矢量图片作为背景，图片颜色和动画所要宣传的内容与季节融合在一起，前半段场景里面的色彩大部分是以金黄色为主，表现了秋季

12、的色彩，体现出了秋季的氛围。各个场景中光是一张背景图片又会显得很单调，所以用了很多小动画：字体的透明动画特效、由小变大特效、抖动特效等来陪衬，以致场景显得更加生动。后半段是以中秋月夜为背景，其它各个部分的图片都是用potoshop软件绘制出来，在场景中也用到了各种各样的特效以及动作：流星的飞逝、星星的闪耀等动画也给月夜的空际增添了不少色彩，给月夜提供了不少的浪漫气氛。2.人物设置 本设计选用了卡通的形象来充当动画的主人公，有蜻蜓、稻草人、火车、圆月、嫦娥、流星等。几只在天空下飞舞的蜻蜓，为了给场景添加某种气氛而添加，避免场景过分死气。一光束在晴空下闪耀，光束也形象化了，有不同的两种形状。一个稻

13、草人,火车。各种各样的野草以及树枝夜空中有月亮、有星星、有流星、有光晕，也有嫦娥奔月。3.主要场景的绘制 主要场景的绘制，在场景中，有的背景需要用到引导层，有的要用到淡入淡出，有的要用到遮罩层，下面一一来介绍：故事的开始场景（如下图所示）是一个背景淡入淡出的过程，具体制作步骤如下：（1）单击菜单栏“插入”一“新建元件”，新建名为“背景1”，时间轴的第一层的第一帧中插入关键帧，在工作区用矩形工具绘出可以盖住舞台的长方形，其填充颜色为蓝色要浅蓝色的线性渐变模式。（2）新建一个名为云的图形元件，在工作区用钢笔工具绘制出云的形状，填充白色。为了使云朵看起来有变化，再建一个与刚才的云形状有些差异的图形元

14、件名为云2。（3）用类似的方法再绘制一些光线，填充白色，透明度调到40%，再画些圆圈，充当光圈。以上绘制的元件分别要放在不同的图层里。（如下图所示）最终得出了第一个场景，如下图所示：这样场景里用到的画面都画好了，现在需要让场景在舞台上动起来，有动画的效果出来，回到场景的工作区，将元件“背景1”放在一个图层中，在第1帧使图形的透明度调至0%（如下图所示），在同一图层在12帧处透明度调至100%，选中第1帧到12帧创建传统补间动画，这样在舞台上看到的背景画面是渐隐的动画效果。alpha值的设置光线的闪动主要是在光的层中，新建一个图形名为“光”的元件，在该元件的工作区中，用钢笔工具绘制出一个不规则的

15、图像，填充色为白色，然后选中这个图形，在属性面板里把透明度调至40%，多绘制几个类似于这样的图形，再用同样的方法做几个圆圈，主要是为了让光线在场景的画面中更加丰富。（如下图所示） 在蜻蜓飞过天空，文字出现在光线闪耀的场景中，蜻蜓是网站里找的素材分层图片，文字是用photoshop软件处理后保存成png格式后导入到flash软件的库中，这样的图就不会有白色的背景了。新建一个命名为“夏过秋来”的层，在第8帧的地方插入关键帧，并将文字拖到该帧，透明度调至0%，在28帧插入关键帧，透明度调至100%，并在29帧插入关键帧，用选择工具把文字往下移动两个像素的位置，30帧回到原位，依次方法复制帧数若干个，

16、这样，文字抖动的动画效果就出来了，在62帧插入关键帧。其余几个背景绘制与第一个场景绘制方法一样，但是颜色填充和图形的绘制不同，得到的效果也不同。4.人物的绘制绘制之前，我先到素材网站找了一些卡通的矢量素材，根据自己的想法，对素材进行修改，然后绘制成自己想要的人物形象和物体的形象。下面介绍片中的一个人物-嫦娥的详细绘制过程：将准备好的素材图片导入到photoshop中，操作步骤为：文件打开选中图片打开。将素材周围的背景去除，操作步骤为：点击右边工具栏的钢笔工具在图片中描出素材的轮廓分离图层删除带有背景的图层。 在素材半透明处有背景图案的地方模糊化，操作方法为：点击右边工具栏的模糊工具调整工具属性

17、点击需要模糊的区域。调整素材大小。保存导出。5.动画的制作为了便于动画整体的可控性，以及各图层间的动画协调运动，我为个每个元素设置了独立的时间轴。 现在以导入图层“嫦娥”为例，介绍一下各个图层的导入过程：建立一个新的图层，并重命名为“人”； 在335帧的位置建立一个空白关键帧；把素材导入库中，并从库中拖入到图层左下方； 把该影片剪辑的alpha的值设置为0； 在该图层的360帧位置插入关键帧； 把“嫦娥”影片剪辑拖到x:281.2 y:25.9的位置； 取消“嫦娥”影片剪辑的色彩样式；在335至360之间建立补间动画。6.音效制作音效制作动画角色和场景都完工以后，就要进行后期音效的制作。在影片

18、里，有的地方需要背景音乐，有的地方需要人物的声音。我们找了适合影片节奏和内容的音乐，比如天鹅 湖、香水百合、夏日微风、单身情歌等。然后在旁白和人物讲话的地方自己来配音，再用声音编辑处理软件goldwave 对声音进行适当的处理，使之听起来像卡通人物的声音。 然后将声音.wav 文件导入到动画场景的库中，使用时，直接新增一个图层，然后，将声音拖到场景中，就可以了。 7.设计的测试作品完成以后，需要进行测试。打开菜单栏里的“控制”“测试影片”，对制作好的动画进行测试，可以在制作过程中，边做边测试，这样可以及时发现问题及时修改。 8.设计中遇到的问题和解决的方法在往场景中拖入一个图片后，这个图片是不

19、能设置alpha值的，必须要先把它转化为影片剪辑。如下图： 一开始以为声音可以简单的通过as来控制，后来发现了它的局限性，十分容易出现音画不同步的现象，后来就之间采用时间轴的方式了。小结我是初次使用flash 制作动画，设计的作品还有很多需要改进的地方。通过这次设计，我对flash 软件和动画领域有了一定的深入了解，对制作flash 动 画也有了一些心得体会： 1 保持动画中的字体数目最小 flash 动画比静态web 页面宽大一些因为它们是运动的，字体不必一次出现在 一页上。然而，太多的字体增加了文件大小，有时甚至很可怕。2 避免使用位图图像 位图比矢量图形包含的细节多，但是增加了文件大小。 3 尽量使用元件 元件可以不用占据很多空间却能表现大多数flash 的元素。当你重用图像或动画时 使用元件。不会增加文件大小，只用一个元件，比如在本设计中，用一片叶子元件，就 可以变成一棵大树。 4 通过使动作之间接近，可以增加渲染速度。 文件大小只增加在新帧与旧帧有差别时。如果动作和运动物体只出现在屏幕的一小 部分，动画会刷新得更快。 5 把每个元素放在自己的层，尤其是像动画背景这样的大的对象。 这样可以使动画方便修改。因为它使用了很多一帧帧动画（而不是渐变），动画在 文件尺寸和重画率上的要求较高。为了避免这些，注意背景保持在一个静态序列层上， 所有的运动很紧密的组织在一起。 附录以四季