动画专业论文：基于Animate（Flash）的动画创作

概括

第一章简介

1.1 Flash的历史

1.2 Flash的主要应用领域

1.3 Flash现状、优缺点

第2章软件基本概念

2.1 帧和关键帧

2.2 层

2.3 时间轴面板

2.4 组件

2.5 绘图工具栏

2.6 动画形式

2.7 场景

3.1 项目规划

3.2 关于标题

3.3 关于剧情

3.4 关于过渡效果

3.5 关于场景

3.5 关于歌曲音效和同步字幕

3.6 关于结局

3.7 情节设计

第四章动画制作

4.1 场景1的制作（简介）

4.2 场景2的制作

4.3 场景3的制作

4.4 场景4的制作

4.5 场景5的制作

4.6 场景6的制作

4.7 场景7的制作

4.8 场景8的制作

4.9 场景9的制作

4.10 场景10的制作

4.11 场景11的制作

4.12 场景12的制作

4.13 场景13的制作

第五章音效和同步字幕

5.1 声音导入：

5.2 歌词、字幕制作：

5.3 综合文件：

概括

Flash MTV应用软件技术来制作歌曲MTV的剧情动画部分。它综合应用了多种Flash动画创作技术。论文通过描述创作过程记录了相关技术的实现思路。最后我添加了一些我自己创作过程中的见解。

第一章简介

1.1 闪存的历史

Flash的前身是Future Wave公司的Future Splash，它是世界上第一个用于设计和编辑Flash文档的商用二维矢量动画软件。

1996年11月，美国公司收购了Future Wave，并将其更名为Flash。后来于2005年12月3日被Adobe收购。Flash通常也指Macromedia Flash Player（现在的Adobe Flash Player）。 2012年8月15日，Flash退出Android平台，正式告别移动端。

2015年后，为了让这款软件适应新的环境，除了继续拓展HTML5和SVG领域之外，Adobe还特意更名为Animate CC。改版后的Animate CC依然会完美支持Flash文件SWF。

1.2 Flash的主要应用领域

Flash是一款集动画创作和应用开发于一体的创意软件；可用于教学课件开发、网页端游戏开发、静态互动网站开发、动态相册、影视动画开发等；

1.3 Flash现状、优缺点

第2 章基本概念

2.1 帧和关键帧

帧是动画的基本单位，类似于电影中的胶片帧；关键帧是当你需要制作补间动画时，将开始帧和结束帧设置为关键帧。

2.2 层

层是构成框架的基本单位。它就像一堆玻璃块，可以在玻璃块上绘制内容。视觉效果是从上到下，有些物体会覆盖其他物体。

图形组件（对应影片编辑组件，图形组件方便编辑时预览，但当影片组件在舞台上播放时预览时整个组件不会移动）。为了方便制作过程，我们主要使用图形组件进行制作。

2.3 时间轴面板

动画专业论文：基于Animate（Flash）的动画创作

时间轴面板由图层、帧、播放头等组成，用于安排设计的动画的播放。

2.4 组件

组件分为三种类型，包括图形组件、影片剪辑组件和按钮；图形组件类似于容器，将要转换为补间动画的对象进行封装和组合；影片剪辑组件在图形组件的功能上添加了单一组件。帧播放功能是指当SWF添加暂停播放头的代码或者视频文件只有一帧时，视频组件仍然可以独立正常播放。视频剪辑组件更多用于游戏制作项目和互动课件项目；按钮它是一个虚拟触发按钮，可以感应鼠标的经过或单击，以响应预编程的事件，例如单击按钮时停止播放。

2.5 绘图工具栏

绘图工具栏包含许多绘图工具，包括用于绘制贝塞尔曲线的钢笔工具、用于绘制正圆或椭圆的椭圆工具、用于绘制四边形的矩形工具以及用于绘制直线的直线工具。填充色块的油漆桶工具、文本输入工具等。

2.6 动画形式

动画的形式有逐帧动画和补间动画；逐帧动画的应用就像电影播放的原理一样，由一系列帧组成；补间动画定义前后两个关键帧，然后软件自行计算中间的一个。所有帧都用于完成动画，通常允许对象改变其位置、大小或亮度、不透明度等。

2.7 场景

场景用作软件中的主容器。当时间轴上的帧超过500帧时，需要编辑前后帧时，就得前后查找帧的位置；所以我们可以选择将编辑的5000帧动画分解为10个场景，每个场景500帧来补作品；事实上，每个场景的帧数是不同的，有的场景帧数较多，有的场景帧数较少，工作完成后可以增加或减少。一切都会好起来的；

主场景（对应组件内部的场景）

3.1 项目规划

首先我们确定作品的制作方向是歌曲MTV的小动画片；持续时间约180秒；作品结构包括片头和片尾、动画情节、镜头之间的过渡动画、歌曲音效和同步字幕；主要使用的创意软件为Adobe flash CS4。

3.2 关于标题

标题用于解释MTV歌曲的名称和原歌手的信息。它有点像一本书的封面。图片部分与书内容的联系不是太强。

3.3 关于剧情

动画情节采用矢量动画来营造一定的卡通场景，是以卡通动画的形式对歌曲内容的诠释和再现。因为是MTV类型，所以剧情设计得比较简单，没有太多的坎坷（另外，剧情太曲折，很难在屏幕上表达）。

3.4 关于过渡效果

镜头之间的过渡动画利用明暗变化来分隔两组镜头，这样一个场景与另一个场景之间的联系就不会太紧密。场景切换时，采用电影中常见的过渡方式，即采用从暗到亮的过渡；

3.5 关于场景

场景，其中开头部分由1个场景组成，主要部分由12个场景组成，结尾部分由1个场景组成；此时的场景不仅仅是动画中的一组镜头，更是软件中的一个场景功能。软件中每个场景都有独立的时间轴，操作起来非常方便。如果不使用软件中的场景功能，3分钟时间线中的帧数会很长，超过4500帧。如此多的帧被挤进一个场景中。而且会有很多层，所以各种操作就困难很多。虽然创建了十多个场景，但导出SWF格式文件时，会按照每个场景的默认顺序播放。

3.5 关于歌曲音效和同步字幕

歌曲音效和同步字幕，音效是本作品的主体，同步字幕是音效的补充和视觉呈现。

3.6 关于结局

3.7 情节设计

最后我们选择了歌曲《我相信》（原唱：杨沛安）。选定歌曲后，我们用歌曲中表达的信心和灵感来制定剧本的情节：

镜头出现在一条通向远方的道路前面。一辆面包车向前冲去，另一辆黑色汽车冲走；天空中留下一弯新月，出现片名《我相信》。暂停几秒钟。然后，字体放大并消失。

海滩上出现了一名大学二、三年级的年轻人。他做了一些准备活动，然后就直接跃上了天空。他飞到了天上的白云之上，然后，一不小心，他就撞上了冲天的火箭落下；年轻人突然在电脑桌前站了起来。原来，他刚刚做了一个梦。一看时间，已经快九点了（上班快迟到了）；于是年轻人就忙着上班的路上；公司里，一个看上去像是领导的人正在和年轻人谈论一些事情，“年轻人，你工作几年后，是否遇到过一段迷茫期？你可以考虑养精蓄锐了！”，年轻人挠了挠头。脑袋里似乎在深深地思考着什么（毕业后工作了三年，不喜欢的专业知识已经忘得一干二净了）；年轻人高兴地开着一辆小摩托车。我在公园遇见了我的女朋友。没想到，女朋友骂了她一会儿。年轻人低下头，听着。她最好朋友的男朋友才毕业两年，就已经买了一辆车。小伙子记住了领导给的建议，发现经过半年多的学习，小伙子现在坐在电脑前，勤勤恳恳地工作。他觉得自己从来没有这么专业和专注过。通过；红色幕布的舞台上，舞台上的字幕写着“国际设计大赛”。年轻人手捧奖杯站在了舞台上。他的努力得到了回报，他终于找到了自己的发展道路；年轻人和女友开着车从公园里出来，给这个励志的小故事带来了幸福的结局。

第四章动画制作

前期准备：

在网上搜索相关图片素材和矢量素材，包括卡通版人物、卡通版汽车、背景高楼大厦等。

在flash软件中画出电影卡通人物的三视图，包括男主角的正视图和侧视图；女主角的正面图和侧面图；网上找到场景中的相关道具，包括汽车的前视图和侧视图。后视等；

场景切换（过渡场景）：

相关技术（Alpha透明度变化）

镜头，Flash软件本身没有镜头的功能概念（3DSmax等三维软件具有相机的功能）。当我们画一些背景并覆盖舞台时，就看不到边界了；因此，为了方便缩放操作，我们画了一个与舞台大小相同的矩形（新建一个专用图层来放置，并将该图层放在最上面）来框住边界，这样在编辑操作时，我们可以方便的知道镜头中哪些元素可见，哪些不可见。例如，在开场动画中，一辆车从远处开进来，另一辆车从近处开出来。如果没有这个边界，动画操作起来会比较困难。因为我们不知道汽车部件何时何地进入镜头。

在Flash创作软件中，我们直接调整舞台上物体的缩放比例和位移，以达到推拉镜头的效果；例如，通过放大物体来制造镜头靠近的效果；通过从下到上移动物体，来模拟相机向上移动。

4.1 场景1；

分镜头剧情中（开场动画，“镜头”角度在路中间，然后逐渐上升），播放一个场景后，介绍主题并显示影片的歌名， “我相信”；

相关技术包括（Alpha透明度变化、任意缩放、补间动画）

在主时间轴中新建一个图层，命名为“Background”（图层的命名比较随意，不用像组件命名那样担心名称重复），将背景组件拖入舞台中，创建新建图层，命名为“Car 1”，拖入汽车左侧组件，扩展两层上的帧，在汽车所在图层添加关键帧，缩小第一个关键帧的汽车组件，减少第二个关键帧的分量。放大；然后在两个关键帧中创建传统的补间动画；这会产生汽车向左移动的动画，从小到大，再到一侧，即从远到近；创建一个新图层并将其命名为“Car 2”，使用相同的组件缩放并在关键帧之间创建传统的补间动画，以动画显示第二辆车从近到远的移动；

最后，使用文本输入工具输入文本。相信在属性面板中，选择字体为“华康海报正文”（该字体需要在电脑上安装，如果电脑没有安装这个字体，可能会打不开原文件）；将文本分离两次（第一次分离后，文本的字体由整个段落变为独立字体。第二次分离后，字体的文本属性被去除，字体不再具有文本属性，可以不再使用输入法修改，而是变成图形（即填充色块），转换为图形组件，然后分散到不同的图层中添加组件第一个关键帧的组件属性“I”选择Alpha值；为0，然后将第二个关键帧的Alpha值设置为100，然后添加

在帧之间创建传统的补间动画；这创建了一个动画过程，其中“我”从头开始出现；再次插入关键帧，将第三个关键帧的Alpha值设置为0，然后将其缩放值调整为150%，并在第二个关键帧和第三个关键帧之间创建传统的补间动画，从而使动画“我”字从出现到放大、消失；使用相同的方法为字体“LETTER”创建字体“phase”和动画效果。

在本作品中，最常用的动画技术是关键帧动画技术，也称为补间动画技术；例如，要制作一辆从左向右水平行驶的汽车（该技术不适合物体的三维转向），则需要将汽车转换为“组件”。

4.2 场景2；

分镜头剧情（男主角出现在海边做准备活动，然后冲上天空；）

相关技术（缩放变形、补间动画、旋转变形）

将角色上半身转换为元件，选择元件类型为图形元件，在绘图工具栏中操作鼠标，选择任意变形工具，将对象的“旋转中心点”移动到底部中间位置鼠标创建角色的上半身。要创建侧向弯曲的动作效果，请在时间轴上创建一个新图层，将默认图层名称（图层1）更改为“演员的头部和身体”，将此组件拖入舞台中，并调整到适当的位置。

当角色准备向上跳跃时，我们没有设计任何具体的动作，而是将角色元素垂直收缩，使其看起来像一个被压扁的弹簧，然后角色再次向上冲，这样看起来更符合物理定律。

4.3 场景三；

分镜头（男主角在天上飞，然后打火箭从天上掉下来；）

相关技术（Alpha透明度变化、旋转变形、传统补间动画、Photoshop软件基本应用）

在网上找到火箭素材图片，下载下来，在Photoshop软件中使用裁剪工具和魔棒工具去掉素材多余的部分，导入到Flash软件中。在主菜单栏中，选择“修改”类别，使用“将位图转换为矢量”命令，保证输出动画时图片不模糊；将火箭图形转换为图形组件，同样采用在关键帧之间建立传统补间动画的方法，制作火箭从下到上飞行的动画；然后在主场景时间轴中新建一个图层，命名为“男主角侧身飞翔”，在第200帧处插入关键帧，将此组件拖入舞台中，调整到合适的位置；创建男主角水平飞行后击中火箭的动画。

4.4 场景4；

分镜头剧情（男主在书房电脑前醒来，发现时间已经是上午九点了）

相关技术（旋转变形、补间动画、逐帧动画）

根据剧本的进度，我们需要拍一个男主从桌子上站起来的镜头。我们复用角色侧飞的组件（库中的组件支持多次调用，这样做可以提高创建效率）并将其拖入舞台中。并且放大显示局部，展示局部，这样就避免了身体其他部位的动画和调整（因为镜头里的画面看不到），丰富了动画本身的呈现方式（有近距离的）本地演示的ups，以及全球全景镜头的演示）；

使用椭圆工具绘制角色的眼睛，选择黑色作为线条和填充，并将其转换为组件。进入组件内部。在组件内部时间轴中逐帧扩展，在第8帧处添加关键帧，并使用自由变换工具偏移第二个关键帧的黑色椭圆；这会创建眼睛连续眨眼的动画效果。

动画专业论文：基于Animate（Flash）的动画创作