瑞星卡卡安全论坛技术交流区系统软件 【转贴】⊙⊙实例讲解flashMTV制作全过程

123   1  /  3  页   跳转页

【转贴】⊙⊙实例讲解flashMTV制作全过程

收藏
本主题由 在线技术支持工程师 瑞星工程师20 于 2012-2-28 15:56:24 执行 移动主题 操作
kubi8
头像
社区嘉宾
  • 帖子:5689
  • 注册: 2004-08-25
  • 来自:
发表于： 2005-03-09 09:24 | 只看楼主 短消息 资料
字号： 小 中 大 1楼

【转贴】⊙⊙实例讲解flashMTV制作全过程

闪闪作坊坊主制作的《雪孩子》Flash MTV 相信很多人都看过了，歌的优雅，配以优雅的画风，把雪景给人带来的情绪渲染得如此淋漓！！
　　闪闪本人也把《雪孩子》- Flash MTV 制作过程写成了教程，目的帮助想学习制作 flash MTV 的广大网友。以下偶就闪闪的帖子进行讲解!

[制作过程]　　

　　<一> 动画素材准备

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

　　　　（1）背景音乐地址

大家都熟悉喜欢的故事《雪孩子》，现在可以通过Flash动画的表现方式表现出来，你不想试一试吗？由我们自己亲手把它做成动画片，是一件多么让人兴奋的事情啊。

　※下面我们介绍的就是FLASH动画《雪孩子》的制作过程。制作之前，首先要准备好一些必备工具：

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

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

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

　<一> 动画素材准备

　※首先要准备好素材。

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

　（1）背景音乐

　※我们的背景音乐选用的是范晓萱演唱的歌曲《雪人》。当然这歌曲太长了，动画场景拉得太长，做起来也很费时间和精力。不用怕，我们可以利用 超级录音机 的功能把它剪掉一点点。

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






图 1）

　※如图1所示：用鼠标按下“文件”菜单，选择“打开”，在跳出的对话框里找寻自己机器上下载的mp3文件，点击文件 雪人.mp3 后按确定按钮。
最后编辑2005-08-19 20:36:02
分享到：
gototop
 
kubi8
头像
社区嘉宾
  • 帖子:5689
  • 注册: 2004-08-25
  • 来自:
发表于： 2005-03-09 09:28 | 只看楼主 短消息 资料
字号： 小 中 大 2楼

(2）故事情节[url]http://flash.skyhits.com/[/url
※现在我们这里的《雪孩子》故事可以根据《雪人》的歌曲意境来安排情节。

　※歌词写道：“雪 一片一片一片一片 映出你我的缘份 ...眼看春天就要来了 而我也将 也将不再生存...” 听到这里，我们也早已经给歌词深深打动了。我们可以想象一个可爱的雪孩子和一个小女孩之间深厚的情谊，可是欢乐的时光为什么这么短暂啊，春天就要来了，雪孩子也将要融化了...

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

　※第1部分：雪一片一片的下、一棵家门前的树

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

　※第3部分：雪孩子来到女孩的家门，看不见小女孩，它好伤心啊

　※第4部分：小女孩从外面回来，帮雪孩子系上自己的围巾

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

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


　　　　（3）动画形象

※故事情节已经安排好了,我们已经知道故事里有:一个小女孩、一个雪孩子、一座小房子、一棵树、雪花、太阳、围巾。现在就要开始画这些动画形象了。如果怕自己画得不好，可以扫描一些书上的素材在Flash里面参照着描一遍。

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

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

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

　※图片扫好后自动传入PhotoShop 。我们把图片颜色在PhotoShop里先调好，执行菜单Image（图象）下的Adjust（调整）Curves（曲线）命令，可以把图象颜色调得浅色一点，调色方法如图6。这样我们在 Flash 描图的时候才看得清描图线。 处理好图片后，我们选择File（文件）菜单下的Save（保存），把文件保存好以待备用。



（图 6）
gototop
 
kubi8
头像
社区嘉宾
  • 帖子:5689
  • 注册: 2004-08-25
  • 来自:
发表于： 2005-03-09 09:31 | 只看楼主 短消息 资料
字号： 小 中 大 3楼

<二> Flash动画制作

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

　　　　（1）LOADING制作http://flash.skyhits.com/

※可参照《闪客帝国》http://flash.ting365.com 里的Loading制作的基础教程来学习

　※网址如下： http://flash.ting365.com/efe_tutor/tutorview.php?id=39

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

　※http://flash.ting365.com/flashdown.php?id=50&name=loading5

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



图 9）

　　这里《雪孩子》的源代码是COPY（复制）闪客帝国提供的Loading源代码
gototop
 
kubi8
头像
社区嘉宾
  • 帖子:5689
  • 注册: 2004-08-25
  • 来自:
发表于： 2005-03-09 09:33 | 只看楼主 短消息 资料
字号： 小 中 大 4楼

2）动画编辑
　　　　　　　1. 动画编辑一

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



（图 16）

　※建立了场景2后，将自动切换到场景2工作面板。如果需要返回场景1，可以点击工作面板右上角按钮（如图17红色圈处）进行场景切换。



图 17）
现在我们在场景2，我们先建立4个层，分别是音乐层、歌词层、底色层、遮罩层
gototop
 
kubi8
头像
社区嘉宾
  • 帖子:5689
  • 注册: 2004-08-25
  • 来自:
发表于： 2005-03-09 09:35 | 只看楼主 短消息 资料
字号： 小 中 大 5楼

1、音乐层

　※刚建立的场景2，时间线上只有一个默认的图层。我们用它来做音乐层，接着把音乐层的图层名称该换成“音乐层”3字，以便标识。要改变名称，鼠标双击该名称，再输入文字即可。

　※接着选择 File 菜单下的 Import（导入）命令将我们上面剪辑好的歌曲素材雪人9.mp3 导入，导入后歌曲并没有出现而是保存在 Library（库）面板中了。按 Ctrl+L打开 Library（图库） 面板，可以看到一个新的声音符号。

　※将这个符号拖入场景，你可以看到Timeline（时间线）的变化，多了一串音频视图。Flash 5 给我们提供了简单的处理功能，比如声音渐现。选择Windows菜单下 Panels（面板） 子项下的 Sound（声音） ，打开 Sound（声音） 面板。选择Effect（效果）下的 Fade Out（逐渐关闭）， 这样，我们剪辑的歌曲结尾处就可以逐渐减弱，不会在剪辑处咔然绝止的生硬。再选择Sync（同步）下的Stream（数据流），可以让歌曲和画面达到同步播放效果。

　※然后移动光标至时间线上约1445桢上（如图18红色圈点处）点击右键，从弹出的菜单中选择Insert Frame（插入桢）。我们可以看见到1445桢时音频视图已经不再显示，可以知道此处是整首mp3播放结束的位置。由此我们可以暂定1445桢为整个动画片结束时的最后一桢。



（图 18）

　　2、歌词层

　※建立一个新层作为歌词层，改变层名称，输入“歌词层”3字（每建立一层都应该输入名称以便管理，以下部分不再重复）。 接着我们按下键盘Enter键，播放雪人歌曲。播放的时候，我们可以看见一根红色的线在时间线上跑，如果点击一下红色线，就停止播放了。所以我们可以用播放一句歌词然后点击红线停止播放，接着在红色线对应桢的工作区内输入歌词的方法，来实现歌词显示和音乐播放同步。

　　3、底色层

　※建立新层作为底色层，拖至所有层的最下方（以后每建立新层，底色层都应放置在最下层，以后不再重复）。 用矩形工具在第一桢对应的工作区画一个灰色底，然后在第1445桢上方点击右键，从弹出的菜单中选择Insert Frame（插入桢）。 这样整个动画场景用的都是灰色底。当然在影片结尾处，因为要表现春天来了，灰色底要相应变亮。所以在影片结尾处，太阳出现后，约1240桢的位置上方点击鼠标右键选择插入关键桢，然后对此关键桢对应的灰色块颜色进行调整，把颜色稍微调浅一点点。

　　4、遮罩层

　※为了遮住以后做动画动作时一些移至场景外的物件，我们可以专门建立一个新层，在场景外画一个遮罩色块盖住场景外的部分。此层应一直处于所有层最上方。
gototop
 
kubi8
头像
社区嘉宾
  • 帖子:5689
  • 注册: 2004-08-25
  • 来自:
发表于： 2005-03-09 09:36 | 只看楼主 短消息 资料
字号： 小 中 大 6楼

2. 动画编辑二http://flash.skyhits.com/

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

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

　　第1部分：

　※歌词：音乐前奏

　※情节：天色迷漫，雪一片一片的下（如图19）

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



（图 19）

　　1、树层

　※建立一个新层，把准备好的动画素材-树拖入到新层里至适当位置。选择Tools(工具)面板的Brush(画笔)工具在树上画上积雪。然后在第一片段结束桢（295桢）上方点击鼠标右键选择Paste Frames（粘贴桢）。

　　2、雪花层

　※雪花飘动可以直接复制Loading场景中已经作好的雪花循环飘动的MC（电影片段）。切换回场景1，在雪花循环飘动的关键桢上方点击右键选择Copy Frames（复制桢）。返回场景2，建立新层，在第一桢上方点击鼠标右键选择Paste Frames（粘贴桢）。移动光标至第1125桢点击右键，从弹出的菜单中选择Insert Frame（插入桢）。

　※为什么选择1125桢结束雪花飘动呢？因为我们参照歌词层的歌词显示可以知道大约此桢处已经唱到“眼看春天就要来了”，所以我们知道此桢大约可以停止飘雪。

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

　※同理，选择295桢结束第一场景的树，是考虑到此处的音乐前奏已经播完，而我们的构思是第一部分到音乐前奏处结束。而第2部分的树是表现落叶飘下来的，和这棵树有所不同，所以不能象雪花飘动一样覆盖几个片段。

gototop
 
kubi8
头像
社区嘉宾
  • 帖子:5689
  • 注册: 2004-08-25
  • 来自:
发表于： 2005-03-09 09:38 | 只看楼主 短消息 资料
字号： 小 中 大 7楼

第2部分：

　※歌词：好冷 雪已经积的那麽深 Merry X'mas to you

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

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



（图 20）

　　1、雪孩子层

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

　※滑动和雪花飘动制作方法都可以用运动动画制作方法：把雪孩子图案放置在工作区右上角。鼠标选中雪孩子图案后，选择菜单Modify（修改） 下的Group（群组）。然后在该桢上方单击鼠标右键，在弹出的窗口里选择Create Motion Tween (创建动画动作) ，并Copy（复制）该桢。接着按键盘F5键插入一桢，把该插入桢用鼠标拖动延长到适当位置并点击鼠标右键，在弹出的窗口里选择Paste Frames（粘贴桢）。然后把该粘贴桢下方对应的工作区内的雪孩子图案往左下角移至适当位置。

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

　※其中在此层中雪孩子所做的动作有平移、眨眼、抬头等，都是通过关键桢动画来实现的。方法就是一桢一桢画好并摆上去。关键桢类似于传统动画中的原画，关键桢越多动画就会越细腻。

　　2、树干层

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

　　3、树叶层

　※建立新层，把刚才Copy的树叶粘贴进新层，做落叶飘下的动作。落叶飘下制作方法可参照前面讲到的雪孩子滑雪的运动动画制作方法。

　※同时，在此层中树叶还用到了透明运动动画的效果，即树叶掉在地下后渐渐隐去（淡出）。制作方法：先把物体进行Group（群组），把鼠标移至树叶的关键桢上点击鼠标右键选Create Motion Tween （创建动画动作），再Copy此桢。然后光标右移到适当桢的位置上方按鼠标右键弹出窗口后选择粘贴桢。再把鼠标移至该粘贴桢对应的工作区，选中工作区的树叶图案，按键盘Ctrl+F打开Fram（桢）面板，Fram（桢）面板让他保留默认设置，我们选择桢面板左边的Effect（效果）栏，可以看见一个下拉列，选取Alpha后，右边相应出现可自己设置的百分比选项，我们把它设置为0%。

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

　※注：树叶层应在第2片段的3个层的最上层，雪人层在第2片段的3个层的最下层。整个第2部分在429桢处结束。



　　　　　　　3. 动画编辑三http://flash.skyhits.com/
gototop
 
kubi8
头像
社区嘉宾
  • 帖子:5689
  • 注册: 2004-08-25
  • 来自:
发表于： 2005-03-09 09:40 | 只看楼主 短消息 资料
字号： 小 中 大 8楼

第3部分：

　※歌词：我深爱的人

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

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



（图 21）


　　1、树干层

　※建立新层，Copy第2片段的树干，粘贴进新层430桢（第3片段开始位置）内，鼠标选中该树干，执行菜单Modify（修改）下的 Transform（转换）子项 Flip Horizontal（水平翻转）命令。再把树干移至适当位置。最后在时间线490桢（第3片段结束位置）上方点击鼠标右键，从弹出的菜单中选择Insert Frame（插入桢）。

　　2、房子层

　※如上，建立新层，Copy前面准备好的房子素材至新层。在时间线490桢上方点击鼠标右键，从弹出的菜单中选择Insert Frame（插入桢）。

　　3、雪人层（分3层）

　※如上，建立新层，把相应的雪人图案Copy过来后，选中手和脚Copy后，删除。再分别建立2个新层放置雪人的左右的手和脚。其中右手和脚放在这3层的最下层，左手和脚在3层的最上层。

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

　※雪人的躯干可以随手和脚的运动变化而变化。其中一些细节的动画动作，比如眨眼、踮起脚等动作，前面已经说过，可以一桢一桢画出来，利用关键桢来表现。

　※其中雪人手的运动动画用到了旋转效果。旋转制作方法：鼠标选中要编辑的物件，选择Tools(工具)面板的（Rotate)转工具，物件四个角会呈现节点，鼠标移至节点上方按鼠标左键可以向任意方向旋转物体。
gototop
 
kubi8
头像
社区嘉宾
  • 帖子:5689
  • 注册: 2004-08-25
  • 来自:
发表于： 2005-03-09 09:44 | 只看楼主 短消息 资料
字号： 小 中 大 9楼

第4部分：

　※歌词： 好冷 整个冬天在你家门 Are you my snow man? 我痴痴 痴痴的等

　※情节：雪继续下，雪孩子在女孩窗前等待。小女孩从外面回来，帮雪孩子系上自己的围巾（如图22、23）

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



（图 22）



图 23）

　　1、窗户层

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

　※窗户在第4片段结尾处将逐渐拉近镜头至消失，这里也用到了运动动画效果。前面已经有运动动画的制作方法，这里不再重复。

　※其中窗户运动动画过程，用到了工具面板里的Scale（放大缩小）工具。我们先选中工作区的窗户，然后选择放大缩小工具，窗户四角将相应呈现的白色节点，用鼠标在节点上方按住左键进行拖拉放大，到适当位置即可。

　　2、树干层

　※Copy前面几个片段已有的树干到新层。在第4片段结尾处逐渐拉远镜头。制作方法和窗户运动动画相似。

　　3、小女孩层

　※Copy准备好的素材图片 -小女孩至新层。其中小女孩解围巾的动作比较复杂，需要一桢桢的画出来。从图23我们可以看见小女孩那层的时间线上关键桢很多，这就是一桢桢画出来关键桢动画。

　　4、雪人层

　※同理，Copy相应的素材图片雪孩子至新层。此层的雪孩子的动作也是由运动动画和关键桢动画组成。 （第4部分在490桢处开始，749桢处结束）
gototop
 
kubi8
头像
社区嘉宾
  • 帖子:5689
  • 注册: 2004-08-25
  • 来自:
发表于： 2005-03-09 09:48 | 只看楼主 短消息 资料
字号： 小 中 大 10楼

第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桢画一片白色叶子（不要进行群组），鼠标选中叶子，按键盘Ctrl+F打开Frame（桢）面板，选择Tweening（变化）下拉列的Shape（图形）。Copy该桢，然后在此桢后面的任意桢上方点击鼠标右键选插入桢。鼠标选中插入桢下方工作区内的叶子，再点击工具面板的Fill Color（填充颜色）工具，改变白色为绿色。

　※绿叶层我们把它分成2层。一层放置刚冒出的绿叶，另一层放置绿叶渐变。

　　4、小草层

　※把画好的小草Copy到新层。这里的小草动画只是关键桢动画，我们可以把前面几桢小草数目减少一点，越往后放置的小草越多，这样可以造成不断长出小草的效果。

　※我们可以注意到第5部分是到歌词“眼看春天就要来了”的约1125桢处结束，前面第1部分的雪花层也是在约1125桢处结束，由于情节的安排，1125桢以后不再飘雪。



　　　　　　　4. 动画编辑四http://flash.skyhits.com/
gototop
 
<<上一主题|下一主题>>
123   1  /  3  页   跳转页
页面顶部
Powered by Discuz!NT