Flash教程Flash+MTV实例讲解制作全过程.docx

Flash教程Flash+MTV实例讲解制作全过程.docx

《Flash教程Flash+MTV实例讲解制作全过程.docx》由会员分享，可在线阅读，更多相关《Flash教程Flash+MTV实例讲解制作全过程.docx（47页珍藏版）》请在冰点文库上搜索。

Flash教程Flash+MTV实例讲解制作全过程

[制作过程]　　

　　<一>动画素材准备

　　　　要准备的素材包括背景音乐、故事情节、动画形象3个部分。

（1）背景音乐

大家都熟悉喜欢的故事《雪孩子》，现在可以通过Flash动画的表现方式表现出来，你不想试一试吗？

由我们自己亲手把它做成动画片，是一件多么让人兴奋的事情啊。

　※下面我们介绍的就是FLASH动画《雪孩子》的制作过程。

制作之前，首先要准备好一些必备工具：

　※这里采用的工具有PhotoShop、Flash和超级录音机（用来剪辑过长的mp3）。

　※如果你还没有这3种工具,可以在网上找来下载。

　※工具准备好了，就可以开始了。

　<一>动画素材准备

　※首先要准备好素材。

　※要准备的素材包括背景音乐、故事情节、动画形象3个部分。

（1）背景音乐

　※我们的背景音乐选用的是范晓萱演唱的歌曲《雪人》。

当然这歌曲太长了，动画场景拉得太长，做起来也很费时间和精力。

不用怕，我们可以利用超级录音机的功能把它剪掉一点点。

　※以下为超级录音机音频剪辑范例和步骤：

（图1）

　※如图1所示：

用鼠标按下“文件”菜单，选择“打开”，在跳出的对话框里找寻自己机器上下载的mp3文件，点击文件雪人.mp3后按确定按钮。

（2）故事情节

※现在我们这里的《雪孩子》故事可以根据《雪人》的歌曲意境来安排情节。

　※歌词写道：

“雪一片一片一片一片映出你我的缘份...眼看春天就要来了而我也将也将不再生存...”听到这里，我们也早已经给歌词深深打动了。

我们可以想象一个可爱的雪孩子和一个小女孩之间深厚的情谊，可是欢乐的时光为什么这么短暂啊，春天就要来了，雪孩子也将要融化了...

　※接着我们安排场景来表现这个意境，可以分成6部分：

　※第1部分：

雪一片一片的下、一棵家门前的树

　※第2部分：

雪继续下，雪孩子若有所思的看着最后几片树叶也掉下来了

　※第3部分：

雪孩子来到女孩的家门，看不见小女孩，它好伤心啊

　※第4部分：

小女孩从外面回来，帮雪孩子系上自己的围巾

　※第5部分：

冬天就要过去了，雪孩子看了看树上已经长出的几片绿叶，天色渐渐转暗，夜晚就要来临了...

　※第6部分：

又来到女孩的家门口，他想多看自己的好友几眼啊...春天就要来了...雪孩子留恋地看着睡梦里的小女孩...太阳渐渐出来了,天色也亮了,雪孩子带着遗憾悄悄的离开了人世...

　　　　（3）动画形象

※故事情节已经安排好了,我们已经知道故事里有:

一个小女孩、一个雪孩子、一座小房子、一棵树、雪花、太阳、围巾。

现在就要开始画这些动画形象了。

如果怕自己画得不好，可以扫描一些书上的素材在Flash里面参照着描一遍。

　　扫描和处理图片就要用到一些专业软件了

　※这里我们选用PhotoShop工具来扫描图象。

　※打开扫描仪开关，把你要扫描的图片放进扫描仪。

运行PhotoShop，选择File（文件）菜单下的Import（导入）子项下的扫描选项（名称与安装的扫描仪型号不同而略有不同），这时候弹出扫描对话框，点击预览按扭，等图片已经出现在预览窗口里了，然后用光标拖动预览窗里的选取线至合适位置，并设置扫描参数。

设置好后按扫描按扭。

　※图片扫好后自动传入PhotoShop。

我们把图片颜色在PhotoShop里先调好，执行菜单Image（图象）下的Adjust（调整）Curves（曲线）命令，可以把图象颜色调得浅色一点，调色方法如图6。

这样我们在Flash描图的时候才看得清描图线。

处理好图片后，我们选择File（文件）菜单下的Save（保存），把文件保存好以待备用。

（图6）

　　<二>Flash动画制作

　　　　《雪孩子》动画制作大致分LOADING制作动画编辑2个部分。

NextPage

href="

※可参照《闪客帝国》里的Loading制作的基础教程来学习

　※网址如下：

　※或者也可直接COPY闪客帝国提供的Loading源代码，源代码下载地址：

　※

　※下面是下载的Loading源代码（如图9）

（图9）

　　这里《雪孩子》的源代码是COPY（复制）闪客帝国提供的Loading源代码

（2）动画编辑

　　　　　　　1.动画编辑一

※Loading制作好后，我们选择Windows（窗口）菜单下的Panels（面板）Scene（场景）选项，在弹出的场景窗口中点击新建场景按钮（如图16红色圈处），建立一个新的场景用来做我们的动画片。

（图16）

　※建立了场景2后，将自动切换到场景2工作面板。

如果需要返回场景1，可以点击工作面板右上角按钮（如图17红色圈处）进行场景切换。

（图17）

现在我们在场景2，我们先建立4个层，分别是音乐层、歌词层、底色层、遮罩层

　　1、音乐层

　※刚建立的场景2，时间线上只有一个默认的图层。

我们用它来做音乐层，接着把音乐层的图层名称该换成“音乐层”3字，以便标识。

要改变名称，鼠标双击该名称，再输入文字即可。

　※接着选择File菜单下的Import（导入）命令将我们上面剪辑好的歌曲素材雪人9.mp3导入，导入后歌曲并没有出现而是保存在Library（库）面板中了。

按CtrlL打开Library（图库）面板，可以看到一个新的声音符号。

　※将这个符号拖入场景，你可以看到Timeline（时间线）的变化，多了一串音频视图。

Flash5给我们提供了简单的处理功能，比如声音渐现。

选择Windows菜单下Panels（面板）子项下的Sound（声音），打开Sound（声音）面板。

选择Effect（效果）下的FadeOut（逐渐关闭），这样，我们剪辑的歌曲结尾处就可以逐渐减弱，不会在剪辑处咔然绝止的生硬。

再选择Sync（同步）下的Stream（数据流），可以让歌曲和画面达到同步播放效果。

　※然后移动光标至时间线上约1445桢上（如图18红色圈点处）点击右键，从弹出的菜单中选择InsertFrame（插入桢）。

我们可以看见到1445桢时音频视图已经不再显示，可以知道此处是整首mp3播放结束的位置。

由此我们可以暂定1445桢为整个动画片结束时的最后一桢。

（图18）

　　2、歌词层

　※建立一个新层作为歌词层，改变层名称，输入“歌词层”3字（每建立一层都应该输入名称以便管理，以下部分不再重复）。

接着我们按下键盘Enter键，播放雪人歌曲。

播放的时候，我们可以看见一根红色的线在时间线上跑，如果点击一下红色线，就停止播放了。

所以我们可以用播放一句歌词然后点击红线停止播放，接着在红色线对应桢的工作区内输入歌词的方法，来实现歌词显示和音乐播放同步。

　　3、底色层

　※建立新层作为底色层，拖至所有层的最下方（以后每建立新层，底色层都应放置在最下层，以后不再重复）。

用矩形工具在第一桢对应的工作区画一个灰色底，然后在第1445桢上方点击右键，从弹出的菜单中选择InsertFrame（插入桢）。

这样整个动画场景用的都是灰色底。

当然在影片结尾处，因为要表现春天来了，灰色底要相应变亮。

所以在影片结尾处，太阳出现后，约1240桢的位置上方点击鼠标右键选择插入关键桢，然后对此关键桢对应的灰色块颜色进行调整，把颜色稍微调浅一点点。

　　4、遮罩层

　※为了遮住以后做动画动作时一些移至场景外的物件，我们可以专门建立一个新层，在场景外画一个遮罩色块盖住场景外的部分。

此层应一直处于所有层最上方。

　　　　　　　2.动画编辑二

完成了以上4层工作后，下面是故事情节部分了

　※前面我们已经构思好了故事情节，由6个动画片段来完成我们的《雪孩子》。

　　第1部分：

　※歌词：

音乐前奏

　※情节：

天色迷漫，雪一片一片的下（如图19）

　※道具：

一棵有积雪的只剩4片叶子的树、飘动的雪花

（图19）

　　1、树层

　※建立一个新层，把准备好的动画素材-树拖入到新层里至适当位置。

选择Tools（工具）面板的Brush（画笔）工具在树上画上积雪。

然后在第一片段结束桢（295桢）上方点击鼠标右键选择PasteFrames（粘贴桢）。

　　2、雪花层

　※雪花飘动可以直接复制Loading场景中已经作好的雪花循环飘动的MC（电影片段）。

切换回场景1，在雪花循环飘动的关键桢上方点击右键选择CopyFrames（复制桢）。

返回场景2，建立新层，在第一桢上方点击鼠标右键选择PasteFrames（粘贴桢）。

移动光标至第1125桢点击右键，从弹出的菜单中选择InsertFrame（插入桢）。

　※为什么选择1125桢结束雪花飘动呢？

因为我们参照歌词层的歌词显示可以知道大约此桢处已经唱到“眼看春天就要来了”，所以我们知道此桢大约可以停止飘雪。

　※因为整个动画的意境是雪花不停的飘，所以雪花层应该始终在除遮罩层歌词层外的所有层的上方。

　※同理，选择295桢结束第一场景的树，是考虑到此处的音乐前奏已经播完，而我们的构思是第一部分到音乐前奏处结束。

而第2部分的树是表现落叶飘下来的，和这棵树有所不同，所以不能象雪花飘动一样覆盖几个片段。

　　第2部分：

　※歌词：

好冷雪已经积的那麽深MerryX'mastoyou

　※情节：

雪继续下，雪孩子若有所思的看着最后几片树叶也掉下来了（如图20）

　※道具：

雪孩子、雪花、一棵有积雪的只剩下2片叶的树干、2片落叶

（图20）

　　1、雪孩子层

　※建立新层，Copy雪孩子动画素材到新层约295桢（第2部分开始桢）位置，让雪孩子从场景外滑雪至树下。

　※滑动和雪花飘动制作方法都可以用运动动画制作方法：

把雪孩子图案放置在工作区右上角。

鼠标选中雪孩子图案后，选择菜单Modify（修改）下的Group（群组）。

然后在该桢上方单击鼠标右键，在弹出的窗口里选择CreateMotionTween（创建动画动作），并Copy（复制）该桢。

接着按键盘F5键插入一桢，把该插入桢用鼠标拖动延长到适当位置并点击鼠标右键，在弹出的窗口里选择PasteFrames（粘贴桢）。

然后把该粘贴桢下方对应的工作区内的雪孩子图案往左下角移至适当位置。

　※这样雪孩子滑雪的动作就做好了。

　※其中在此层中雪孩子所做的动作有平移、眨眼、抬头等，都是通过关键桢动画来实现的。

方法就是一桢一桢画好并摆上去。

关键桢类似于传统动画中的原画，关键桢越多动画就会越细腻。

　　2、树干层

　※这是一棵掉了叶子的树干。

建立新层，Copy我们准备好的树干图案至新层适当位置，选中树叶Copy后，删除掉树叶。

　　3、树叶层

　※建立新层，把刚才Copy的树叶粘贴进新层，做落叶飘下的动作。

落叶飘下制作方法可参照前面讲到的雪孩子滑雪的运动动画制作方法。

　※同时，在此层中树叶还用到了透明运动动画的效果，即树叶掉在地下后渐渐隐去（淡出）。

制作方法：

先把物体进行Group（群组），把鼠标移至树叶的关键桢上点击鼠标右键选CreateMotionTween（创建动画动作），再Copy此桢。

然后光标右移到适当桢的位置上方按鼠标右键弹出窗口后选择粘贴桢。

再把鼠标移至该粘贴桢对应的工作区，选中工作区的树叶图案，按键盘CtrlF打开Fram（桢）面板，Fram（桢）面板让他保留默认设置，我们选择桢面板左边的Effect（效果）栏，可以看见一个下拉列，选取Alpha后，右边相应出现可自己设置的百分比选项，我们把它设置为0%。

　※这样，树叶掉下渐渐隐去的效果就完成了。

　※注：

树叶层应在第2片段的3个层的最上层，雪人层在第2片段的3个层的最下层。

整个第2部分在429桢处结束。

　　　　　　　3.动画编辑三

第3部分：

　※歌词：

我深爱的人

　※情节：

雪继续下，雪孩子来到女孩的窗前（如图21）

　※道具：

雪孩子、一座有窗口的小房子、一棵有积雪的只剩下2片叶子的树干

（图21）

　　1、树干层

　※建立新层，Copy第2片段的树干，粘贴进新层430桢（第3片段开始位置）内，鼠标选中该树干，执行菜单Modify（修改）下的Transform（转换）子项FlipHorizontal（水平翻转）命令。

再把树干移至适当位置。

最后在时间线490桢（第3片段结束位置）上方点击鼠标右键，从弹出的菜单中选择InsertFrame（插入桢）。

　　2、房子层

　※如上，建立新层，Copy前面准备好的房子素材至新层。

在时间线490桢上方点击鼠标右键，从弹出的菜单中选择InsertFrame（插入桢）。

　　3、雪人层（分3层）

　※如上，建立新层，把相应的雪人图案Copy过来后，选中手和脚Copy后，删除。

再分别建立2个新层放置雪人的左右的手和脚。

其中右手和脚放在这3层的最下层，左手和脚在3层的最上层。

　※接着可以让雪人的手和脚运动起来，制作方法方法可以参考雪花飘动运动效果，因它也和雪花飘动同属于运动动画。

　※雪人的躯干可以随手和脚的运动变化而变化。

其中一些细节的动画动作，比如眨眼、踮起脚等动作，前面已经说过，可以一桢一桢画出来，利用关键桢来表现。

　※其中雪人手的运动动画用到了旋转效果。

旋转制作方法：

鼠标选中要编辑的物件，选择Tools（工具）面板的（Rotate）转工具，物件四个角会呈现节点，鼠标移至节点上方按鼠标左键可以向任意方向旋转物体。

　　第4部分：

　※歌词：

好冷整个冬天在你家门Areyoumysnowman?

我痴痴痴痴的等

　※情节：

雪继续下，雪孩子在女孩窗前等待。

小女孩从外面回来，帮雪孩子系上自己的围巾（如图22、23）

　※道具：

窗户、雪孩子、外面回来的小女孩、雪花、树干、围巾

（图22）

（图23）

　　1、窗户层

　※建立新层，把已经画好的素材-窗户拖入工作区到适当位置。

　※窗户在第4片段结尾处将逐渐拉近镜头至消失，这里也用到了运动动画效果。

前面已经有运动动画的制作方法，这里不再重复。

　※其中窗户运动动画过程，用到了工具面板里的Scale（放大缩小）工具。

我们先选中工作区的窗户，然后选择放大缩小工具，窗户四角将相应呈现的白色节点，用鼠标在节点上方按住左键进行拖拉放大，到适当位置即可。

NextPage

一场景的树，是考虑到此处的音乐前奏已经播完，而我们的构思是第一部分到音乐前奏处结束。

而第2部分的树是表现落叶飘下来的，和这棵树有所不同，所以不能象雪花飘动一样覆盖几个片段。

　　第2部分：

　※歌词：

好冷雪已经积的那麽深MerryX'mastoyou

　※情节：

雪继续下，雪孩子若有所思的看着最后几片树叶也掉下来了（如图20）

　※道具：

雪孩子、雪花、一棵有积雪的只剩下2片叶的树干、2片落叶

（图20）

　　1、雪孩子层

　※建立新层，Copy雪孩子动画素材到新层约295桢（第2部分开始桢）位置，让雪孩子从场景外滑雪至树下。

　※滑动和雪花飘动制作方法都可以用运动动画制作方法：

把雪孩子图案放置在工作区右上角。

鼠标选中雪孩子图案后，选择菜单Modify（修改）下的Group（群组）。

然后在该桢上方单击鼠标右键，在弹出的窗口里选择CreateMotionTween（创建动画动作），并Copy（复制）该桢。

接着按键盘F5键插入一桢，把该插入桢用鼠标拖动延长到适当位置并点击鼠标右键，在弹出的窗口里选择PasteFrames（粘贴桢）。

然后把该粘贴桢下方对应的工作区内的雪孩子图案往左下角移至适当位置。

　※这样雪孩子滑雪的动作就做好了。

　※其中在此层中雪孩子所做的动作有平移、眨眼、抬头等，都是通过关键桢动画来实现的。

方法就是一桢一桢画好并摆上去。

关键桢类似于传统动画中的原画，关键桢越多动画就会越细腻。

　　2、树干层

　※这是一棵掉了叶子的树干。

建立新层，Copy我们准备好的树干图案至新层适当位置，选中树叶Copy后，删除掉树叶。

　　3、树叶层

　※建立新层，把刚才Copy的树叶粘贴进新层，做落叶飘下的动作。

落叶飘下制作方法可参照前面讲到的雪孩子滑雪的运动动画制作方法。

　※同时，在此层中树叶还用到了透明运动动画的效果，即树叶掉在地下后渐渐隐去（淡出）。

制作方法：

先把物体进行Group（群组），把鼠标移至树叶的关键桢上点击鼠标右键选CreateMotionTween（创建动画动作），再Copy此桢。

然后光标右移到适当桢的位置上方按鼠标右键弹出窗口后选择粘贴桢。

再把鼠标移至该粘贴桢对应的工作区，选中工作区的树叶图案，按键盘CtrlF打开Fram（桢）面板，Fram（桢）面板让他保留默认设置，我们选择桢面板左边的Effect（效果）栏，可以看见一个下拉列，选取Alpha后，右边相应出现可自己设置的百分比选项，我们把它设置为0%。

　※这样，树叶掉下渐渐隐去的效果就完成了。

　※注：

树叶层应在第2片段的3个层的最上层，雪人层在第2片段的3个层的最下层。

整个第2部分在429桢处结束。

　　　　　　　3.动画编辑三

第3部分：

　※歌词：

我深爱的人

　※情节：

雪继续下，雪孩子来到女孩的窗前（如图21）

　※道具：

雪孩子、一座有窗口的小房子、一棵有积雪的只剩下2片叶子的树干

（图21）

　　1、树干层

　※建立新层，Copy第2片段的树干，粘贴进新层430桢（第3片段开始位置）内，鼠标选中该树干，执行菜单Modify（修改）下的Transform（转换）子项FlipHorizontal（水平翻转）命令。

再把树干移至适当位置。

最后在时间线490桢（第3片段结束位置）上方点击鼠标右键，从弹出的菜单中选择InsertFrame（插入桢）。

　　2、房子层

　※如上，建立新层，Copy前面准备好的房子素材至新层。

在时间线490桢上方点击鼠标右键，从弹出的菜单中选择InsertFrame（插入桢）。

　　3、雪人层（分3层）

　※如上，建立新层，把相应的雪人图案Copy过来后，选中手和脚Copy后，删除。

再分别建立2个新层放置雪人的左右的手和脚。

其中右手和脚放在这3层的最下层，左手和脚在3层的最上层。

　※接着可以让雪人的手和脚运动起来，制作方法方法可以参考雪花飘动运动效果，因它也和雪花飘动同属于运动动画。

　※雪人的躯干可以随手和脚的运动变化而变化。

其中一些细节的动画动作，比如眨眼、踮起脚等动作，前面已经说过，可以一桢一桢画出来，利用关键桢来表现。

　※其中雪人手的运动动画用到了旋转效果。

旋转制作方法：

鼠标选中要编辑的物件，选择Tools（工具）面板的（Rotate）转工具，物件四个角会呈现节点，鼠标移至节点上方按鼠标左键可以向任意方向旋转物体。

　　第4部分：

　※歌词：

好冷整个冬天在你家门Areyoumysnowman?

我痴痴痴痴的等

　※情节：

雪继续下，雪孩子在女孩窗前等待。

小女孩从外面回来，帮雪孩子系上自己的围巾（如图22、23）

　※道具：

窗户、雪孩子、外面回来的小女孩、雪花、树干、围巾

（图22）

（图23）

　　1、窗户层

　※建立新层，把已经画好的素材-窗户拖入工作区到适当位置。

　※窗户在第4片段结尾处将逐渐拉近镜头至消失，这里也用到了运动动画效果。

前面已经有运动动画的制作方法，这里不再重复。

　※其中窗户运动动画过程，用到了工具面板里的Scale（放大缩小）工具。

我们先选中工作区的窗户，然后选择放大缩小工具，窗户四角将相应呈现的白色节点，用鼠标在节点上方按住左键进行拖拉放大，到适当位置即可。

　　2、树干层

　※Copy前面几个片段已有的树干到新层。

在第4片段结尾处逐渐拉远镜头。

制作方法和窗户运动动画相似。

　　3、小女孩层

　※Copy准备好的素材图片-小女孩至新层。

其中小女孩解围巾的动作比较复杂，需要一桢桢的画出来。

从图23我们可以看见小女孩那层的时间线上关键桢很多，这就是一桢桢画出来关键桢动画。

　　4、雪人层

　※同理，Copy相应的素材图片雪孩子至新层。

此层的雪孩子的动作也是由运动动画和关键桢动画组成。

（第4部分在490桢处开始，749桢处结束）

第5部分：

　※歌词：

雪一片一片一片一片映出你我的缘份我的爱因你而生你的手握出我的心疼雪一片一片一片一片在天空静静缤纷眼看春天就要来了

　※情节：

冬天就要过去了，雪孩子看了看树上已经长出的几片绿叶，天色渐渐转暗，夜晚就要来临了...（如图24、25）

　※道具：

雪孩子、树干、绿叶、小草

（图24）

（图25）

　　1、树干层

　※第5部分由750桢开始。

这里一定要记住必须Copy第4部分树干层最后一桢关键桢（749桢），到第5部分的树干层（750桢）处粘贴。

因为第4层是在749桢结束，结尾部分和第5层是同一场景，没有用到淡入淡出等过渡效果。

只有用Copy的方法，过渡部分才不至于生硬。

　※树干层将覆盖整个第5部分，第5部分在1125桢处结束。

第5部分结尾处，天色和树干暗下来的效果不是在第5部分完成。

我们将在第6部分1090桢处作室外渐变遮罩，以便自然过渡第5部分和第6部分之间（1090桢到1125桢）的场景变化。

方法下面第6部分将会提到。

　※第5部分结尾处出现的月亮星星也是第6部分1090桢处完成的，以便过渡。

　　2、雪孩子

　※雪孩子在850桢处出场，运动变化制作方法如前。

　※第5部分750桢开始到850桢，只有树干和雪花在静静的飘，是为了呼应整个动画开场时候的音乐前奏场景，造成一种节奏感，使人产生一种似曾相识的伤感情绪。

　　3、绿叶层

　※当雪孩子来到树干下，绿叶开始悄悄的长出来。

此层开始桢可以在雪孩子出场的850桢后几桢处插入。

　※这层用到了色彩运动的制作方法，如下：

　※在绿叶层860桢画一片白色叶子（不要进行群组），鼠标选中叶子，按键盘CtrlF打开Frame（桢）面板，选择Tweening