太原科技大学化学与生物工程学院

         人物形象设计说明书

                        

                          目录

一．   摘要……………………………………………………3

二．   引言……………………………………………………3

三．   概论……………………………………………………4

四．   选题主要内容…………………………………………6

五．   选题的意义和目的……………………………………7

六．   设计方案………………………………………………7

七．   设计原理………………………………………………7

八．   设计过程………………………………………………7

九．   动画测试………………………………………………14

十．   设计总结………………………………………………14

十一．     感谢…………………………………………………14

             

Flash MTV 《我们都一样》

摘  要

Flash 是一种创作工具，设计人员和开发人员可使用它来创建演示文稿、应用程序和其它允许用户交互的内容。Flash 可以包含简单的动画、视频内容、复杂演示文稿和应用程序以及介于它们之间的任何内容。通常，使用 Flash 创作的各个内容单元称为应用程序，即使它们可能只是很简单的动画。您也可以通过添加图片、声音、视频和特殊效果，构建包含丰富媒体的 Flash 应用程序。

本设计是用FLASH MX 2004多媒体制作软件制作的一个简单的MTV，其主要有两部分组成，即动画和音频两部分。FLASH MTV与传统的MTV有所不同，其不同之处就是在听到优美音乐的同时，还可以给人一种视觉上的新感受。

在Flash中创作内容时，需要在Flash文档文件中工作。Flash文档的文件扩展名为.fla（FLA）。Flash文档有四个主要部分：

　　舞台是在回放过程中显示图形、视频、按钮等内容的位置。在Flash基础中将对舞台做详细介绍。

　　时间轴用来通知Flash显示图形和其它项目元素的时间，也可以使用时间轴指定舞台上各图形的分层顺序。位于较高图层中的图形显示在较低图层中的图形的上方。

库面板是Flash显示Flash文档中的媒体元素列表的位置。

                                                

引言

FLASH是由美国Macromedia公司出品的用于矢量图编辑和动画创作的专业软件。主要用于动画制作，使用该软件可以制作出网页交互式动画,还可以将一个较大的交互式动画。

FLASH还被广泛用于多媒体领域，如交互式软件开发、产品展示等多个方面。随着FLASH的广泛使用，出现了许多完全使用FLASH制作的多媒体作品。由于FLASH具有支持交互、文件体积小、效果棒等特性，并且不需要媒体播放器之类软件的支持，因此这样的多媒体作品取得了很好的效果，应用范围不断扩大。

FLASH是一个优秀的矢量绘图与动画制作软件，它秉承了矢量绘图软件的所有优点，能制作出声色俱佳的动画效果。强大的动画编辑功能使得设计者可以随心所欲地设计出高品质的动画，PHOTOSHOP图片的色彩更加靓丽，使Flash具有更大的设计空间。

本设计主要是用Flash MX 2004多媒体制作软件制作的一个简单的MTV，其主要有两部分组成，即动画和音频两部分。利用这种多媒体软件来制作MTV。用Flash软件做出的动画作品，其最大的特点是它能够把一些矢量图、位图和歌词、文字做成交互性很强的动画，不仅具有视觉和听觉的双重感受，使其更具有趣味性和创造性。

关键词：flash动画  发展    标准  矢量

技术要点： 歌词的插入同音乐同步    调整图片的透明度  关键帧和空白关键帧的用法。

人物形象设计概论

设计题目：人物形象设计（MTV）

设计目的：通过课程设计深入撑握学习Photoshop、Flash等有关软件的应用，使学生在事例分析，策划以及实际制作等方面得到综合训练和提高。综合运用在学期间说学理论知识和技能，设计使用Flash动画知识制作一个MV。此题目主要涉及Flash动画制作方面的知识，另外对学生的想象力有一定的要求。

设计思想：Flash把音乐，动画，声效，交互方式融合在一起，越来越多的人已经把Flash作为课件动画设计的主要工具，并且创作出了许多令人摊位观止的动画课件（电影）效果，它强大的动画编辑功能，使得设计者可以随心所欲地设计出高品质的动画。我设计这个MTV（简称MV）的思路就来源于此。

设计步骤：在建设flash动画前，为了能在较短的时间内做出一具令人满意的效果，我首先对自己将要建设的MV动画做了一个大体的流程安排：

一、 前期筹备

1.筹备阶段不涉及具体制作，却是整个过程中最重要的基础阶段，也是创作中最难熬的阶段。选择并熟悉音乐，确定动画风格没有风格，就没有动画。动画风格要紧紧依附于音乐作品，为音乐主题服务，不能喧宾夺主。

2.  分镜头脚本的确定

分镜头脚本是前期筹划阶段的根基，是重中重。分镜头脚本的制作分3个阶段，即文字脚本、绘画脚本和电子脚本—­­—在文字脚本的基础上，将每一个镜头的背景、人物和色彩关系简单地绘制出来，形成绘画脚本；再将绘画脚本输入电脑，在后期制作软件中与音乐配合连成电子脚本，以便调试出每个镜头最默契的时间。

3.  背景、人物、色彩设定

分镜头脚本完成后，背景的内容与数量、人物动画的动作与数量也就确定了。

背景设定绝对不能马虎，没有细致的背景，再好的人物也失去了存在感。一部动画M如果没有丰富精美的背景，就损失掉半数以上的视觉冲击力。同时，背景的设定工作还要考虑到每个背景的利用程度。一般来讲，一个高级背景至少要为3个镜头服务，就好像是一个搭建好的摄影棚，人物可以利用不同的位置进行表演。所以，偏重写实的动画MV，对背景的透视关系要求很高。

人物设定方面除了造型设计外，还要将其在每个镜头中的具体动作确定下来，设计出原画。一般情况下，每个5秒以内的镜头，其中的动作不要超过3个，太多的动作反而会破坏节奏感与动作的真实性。

色彩设定最重要的是符合整风体格。

二、 前期制作

1.   制图

制图就是绘制线稿的工作。可以直接在电脑中鼠绘完成：也可以先在图纸上手绘完成，然后将手绘背景和人物扫描入电脑，再将背景和人物的所有线条都在矢量软件中重新描绘一遍，以确保图形的精致与细腻，描绘完成以后，再开始上色工作。

2.  上色  

上色是制作过程中最重要的一步，要根据既定的色彩风格与所在镜头的音乐旋律相互配合。上色时还要注意颜色中黑白灰的表现，有了基于空间的明度变化，色彩才能使动画变得鲜活丰富。

三、 动画制作阶段

（1）音乐的导入与设置。

（2）添加歌词，使歌词与歌曲同步。

（3）制作动画。

（4）场景的安排。

四、测试与输出

1.测试

（1）按Ctrl+Enter键，测试影片。

（2）记录不合适或不满意的地方，回到主场景作修改或调整。

2.输出

（1）保存文件。

（2）按Shift+Ctrl+F12键，单击“发布”按钮。

                                             

一、选题主要内容

1.MTV的内容设定

(1）动画模块

该模块主要制作MTV所需要的动画场景。

(2）片头动画

主要是告诉观众本MTV歌曲的信息。

(3）片中动画

主要是表现歌曲所要表达的含义。

(4）片尾动画

标明本MTV的结束。

(5）音频模块

该模块主要是插入MTV的灵魂——歌曲。

总体架构如图[1]所示：

 

图[1]

二、选题的意义和目的

1.MTV的含义

  制作《我们都一样》MTV是张杰唱一首给他的歌迷—【星星】的歌。

三、设计方案

1.MTV的界面设计

  首先，出来的是“播放”按钮，然后点击按钮背景文字消失，出现主体画面。上下两边出现两个矩形框，分别用来存放控制按钮与歌词。

2.MTV的结构设计

通过不同的场景，出现不同的人物和歌词，带领我们进入一段段的回忆。

四、设计原理

1.简易性、直观性

  MTV设计界面简单易懂，操作性强。

  界面上的“播放”按钮，使观众很容易懂得点击一下就可以开始MTV了，界面的右下角的“开始”、“返回”两个按钮，也是根据大众的需求设计的。简单易懂，操作性强。

五、设计过程

1.前期准备

(1)背景音乐的收集

在网上搜索张杰“我们都一样.MP3”格式的歌曲，然后将歌曲下载下来保并存在指定的文件夹中。

(2) MTV素材收集

  在网上搜索一些关于张杰的素材，并下载下来。将剧本中所需要的素材都保存在指定的文件夹中。

2.MTV的制作

 （1）制作片头的缓缓拉开

(2)制作片头动画

片头是整个MTV的开始，它显示了歌曲名称和制作者。制作主要是使用“创建文本”，“补间动画”工具来实现的。如图[2]所示。

图[2]

(2)制作片中动画

片中动画是整个设计的表现主体，是从视觉上感受所要表现的意义与主题。

（本部分就不一一列举每句歌词的动画制作了，简要的举几个例子）

1）歌词“出现的动画场景。其制作首先是在元件里打好歌词，使用 “补间动画”和“调整透明度”来实现的。如图[3], 图[4], 图[5]，图[6]所示。 

图[3]

图[4]

图

图[5]

图[6]

卷轴效果

2）主题动画出现，切换，交替等效果。其制作主要是使用“遮罩层”，“补间”，“透明度”来实现。

a)浮动文字效果。主要通过“遮罩层”，“补间”做成。如图[7] ，图[8]，图[9] 。

图[7]

图[8]

b)图片淡入淡出效果，将图片转换为元件后设置Alpha值。如图[10]，图[11]，图[12],图[13]，图[14]所示。

图[10]

图[11]

图[12]

图[13]

（3）制作片尾动画

片尾动画标明本MTV的结束。其制作【女主角缓缓入场】，【谢谢观赏四个字】，还有【按钮】主要是使用 “补间动画”来实现的，如图[15]、图[16]所示：

图[15]

图[16]

（4）音频处理，其目的是将其导入的歌曲放置到时间轴上并播放。如图[17]所示：

图[17]

制作过程：

1）、将声音导入到库中

单击【文件】→【导入】菜单命令，打开“导入”对话框，选择要导入的声音文件。

从中选取想要导入的声音文件后，单击【打开】按钮。

导入的声音会自动加载到库中。

2）、再给动画添加声音

a．单击【插入】→【图层】，在时间轴中为声音加入一个新的图层，以放置声音。

b.选择一个图层名双击，改名为“音乐层”便于日后的管理。

c.选择“音乐层”图层，将声音从库中直接推动到场景中，并在第3800帧击鼠标左键，按【F6】键插入关键帧。这时就看到声音波形图。

3）、设置声音同步。

a.单击声音所在图层的关键侦。

b.在“属性”面板的“同步”中设置声音播放的方式为“数据流”。

c.最后在“重复”文本框中输入声音循环的次数“1”。

六、 动画测试

5.1动画测试

1.测试的目的

（1）发现错误

（2）解决错误

（3）有效定义和实现软件成分由低层到高层过程

（4）验证软件是否满足任务书和技术要求                

2.动画通过的测试发现的问题

 (1)在制作歌词与音乐同步的时候，不同步。

(2)返回到场景中，寻找问题准确把握歌词与音乐的同步。 

3.解决测试发现的问题

（1）重新编辑，创建补间，合理把握歌词与音乐同步。

（2）重新测试，歌词与音乐同步的效果图和预期想象的一样了，影片测试成功了。

4.测试结论

   导致这样一问题的，因为自己粗心没有在关键处把握歌词与音乐同步，在以后的制作当中应当，做完一个动画应锁定相关图层，以免导致类似的问题.

设计总结

通过此次FLASH的制作，我对FLASH  MX 2004软件有了更深一步的了解。开拓了眼界，加深了认识，并且有了一些切身的体会，收获最大要具有一颗细心的心，激情的态度，且持之有恒。在制作过程中要敢于尝试，发现问题，解决问题,光有动画设计的理论知识是不行的，还得有更丰富的实践经验，也就是多动手、多动脑。而这次的课程设计就提供了一次非常好的实践操作的机会，使我对Flash动画短片的设计制作有了一定的了解。

总之，通过这次FLASH作品的制作，限于我的技术水平有限这次的课程设计说明书和作品的错误和不当之处在所难免，还得请老师多多指教！在这次的课程设计中虽然学会了很多,使我深深地感觉到了自己在专业认识上的欠缺和不足，自己的很多地方都急需挖掘和深化，今后我一定注重培养自己的审美情操，加强审美观的培养，多加开拓自己的视野，使自己的创新意识不断的得到加强，对FLASH更是要继续不断的深化学习。FLASH是一个功能强大的动画创作工具，仅仅掌握一些表面知识是远远不够的，只有在实践中不断探索和总结，并且不断激发自己的想象力和创意，才能逐步提高自己的创作水平，进而制作优秀的作品。

参考文献                 

 

[1] 三维书屋工作室. Flash CS5中文版标准实例教程/胡仁喜. —北京:机械工业出版社,2010.9

[2] Photoshop(CS2 中文版)标准教程 /施华锋，冯哲等编著. —北京:清华大学出版社，2009.6

[3]中文版 Flash MX 20## 多媒体课件制作教程/韦钢. —北京：海洋出版社，2005.8（2009.7重印）

[4] 李红玉.Flash动画制作 [M].北京：地质出版社，2009

[5] 刘甘娜，朱文胜，付先平. 多媒体应用基础 [M].2版.北京：高等教育出版社，2000.111~13

                         感谢语

感谢平时老师对我的悉心指导，以及设计期间的督促，能让我能够在设计期间完成作品；感谢同学平时的帮助，能让我能够学会正确的制作方法。

第二篇：Flash设计报告

商贸系电子商务falsh课程设计报告

设计目的

1.通过课程设计，树立正确的设计思想，培养综合运用Flash动画设计课程和其他先修课程的理论与实践知识来分析和解决平面动画设计问题的能力。

2.学习Flash动画设计的综合方法，掌握Flash动画设计的一般流程。

3.进行Flash动画设计基本技能的训练，能将所学知识应用于一般的动画作品创作，提高自己制作面的实际应用能力。

本课程设计要求在课程设计过程中，学生会对设计任务进行全面的策划，根据任务的描述，通过实际查阅资料、分析设计、综合利用Flash动画的基本原理和技术，并通过实践，掌握融汇自己思维及创意创作完整作品的基本方法和过程，达到能够制作运动动画、形变动画和逐帧动画；能够制作基本层动画、具有遮罩特效的动画和具有链接引导特效的动画；能够制作和使用符号；能够制作按钮并能够为按钮设置控制动画播放的动作脚本；能够为Flash作品添加声音；能设计制作出具有完整主题要求的Flash作品，在作品制作中能理性地、有针对性地选择使用flash提供的动画表现技术，还能够撰写基本的动画剧本和制作说明书的目标以达到加深、巩固所学课程的相关知识、培养学生综合设计的能力、参阅和参考各种资料的能力，达到灵活运用各种特效功能与技巧进行设计与创作，全面综合的提高学生利用各种手段进行设计、综合策划设计能力和整体分析及艺术处理的能力。同时，通过实践教学活动，拓宽学生的知识领域，锻炼学生的实践技能，培养科学严谨、求真务实的工作作风。

1

商贸系电子商务falsh课程设计报告

设计过程

1.茶1如图：

我做的是中国比较有名度一种茶，名为铁观音，在60针加了遮罩层，轮播到下一个图层。

2.茶2如图;

这个图用ps处理了一下，这个图在flash效果是，在119针出到165针处是静止的，一直到215加传统补间动画，215针处的Alon值为0，让图有一个渐渐变没效果。

2

商贸系电子商务falsh课程设计报告

3.茶3如图：

这张图的效果是，290针到332针是一个从小慢慢变大的效果，到380是静止状态，再是从395针到425针的效果变小再向下移动在是从右上角飞出。

4.茶4如图：

这张图也是用ps先制作出来，再falsh呈现出效果，192针到250针是一个从透明渐渐变亮的过程，然后到290针处是静止状态，再是渐渐变透明。

5.茶5如图：

3

商贸系电子商务falsh课程设计报告

这个图没有什么效果，只是在390针到470针是静止的，是茶3变小时呈现出来直到结束.

6.我运用按钮作图，在图层运动时把指针放到按钮上就有停止到某个图上，当指针移走是，动画又从第一针开始播放，有一个循环效果。

开发环境预计工具

硬件设备：

1.我们是在教室里完成的falsh课程设计，教室里有网线，可以提供我们上网找材料

2.用的是自己的电脑，这样方便储存资料，也不当心不见。

软件设备：

1.windows7,用falsh cs5或falsh cs3还有 ps等软件。

遇到的问题

在这次的课程设计中，我遇到最大的困难就是按钮，反复做了很多次就是做不好，也问了很多同学，但是都得不到解决，最后问了老师，在发现我用的是3.0做的，跟之前学的不一样，然后我果断改用2.0的。问题就没那么多了，但是在代码那块还是有问题，最后在老师的帮助下做出来了，顿时觉得这个世界还 4

商贸系电子商务falsh课程设计报告

是美丽的。

设计过程心得

现在学习Flash通常都是按照书本上和老师的例子来做，要是离开了例 子要自己创作，可能就有些困难。这就说明了自己缺少训练。其中要学好Flash不但要懂技术，更要懂艺术和创意，加上思维要发散，才能做出好的作品。自己就是缺少对艺术和创意的造诣，所以有时拿到一些素材就会有种无从下手的感觉。

经过本次的课程设计，使我对Flash的一些技巧有了一定的了解。实训一是文字特效处理，文字作为人类文化的重要组成部分，无论在何种视觉 5

商贸系电子商务falsh课程设计报告

媒体中，文字和图片都是其两大构成要素，文字排列组合的好坏，直接影响着版面的视觉传达效果。因此，文字设计是增强视觉传达效果，提高作品的诉求力，赋予版面审美价值的一种重要构成技术。果，针对不同的需要来对其加工，个人感觉要做到一副效果好的图片要不断练习，打好一定的基础才可以。实训三可以说是将前面所学到的知识用来制作，这需要有一定的扎 平面动画设计与制作（Flash）课程设计报告实基础。Flash 是自己喜欢的一门课程，本人也很用心来学，不过就是有点懒，缺少训练，虽然平时都有上一些论坛和看一些Flash CS4的教程，但还是不够勤快，所以还不能熟练运用Flash ，因此今后要持之以恒，不断练习才可以有所提高。

6