《黄菊花开了吗》FLASH教程 MTV制作教程 FLASH动画教程 flashmtv动画制作步骤-爱华网

[黄菊花开了]flash制作教程

一、新建550*400（默认值）文档一个，背景色改为黑色。

修改文档属性方法如下：在场景中任意一点，鼠标右键，出现如下菜单：

　　此主题相关图片如下：

再点文档属性，出现：

　　此主题相关图片如下：

在这里可以修改场景的大小、背景色、帧频等。

然后文件-->保存，保存为“黄菊花开了”。

特别提醒：作品做一段时间就请按保存一次，快捷键为“CTRL+S”。

在绝大多数的软件中，“CTRL+S”都是保存，而“CTRL+Z”都是撤消到上一步。

所以偶然做错了也不要紧，按“CTRL+Z”撤消就是啦，按一步就回到前一步了！

二、建立音乐层。

1、导入音乐。

打开“文件”-->“导入”-->“导入到库”。

　　此主题相关图片如下：

选择你机器里下载好的“黄菊花开了”的MP3文件，打开。

　　此主题相关图片如下：

界面上会出现：

　　此主题相关图片如下：

打开“窗口””-->“库”，调出库面板。或者直接使用快捷键“F11”。

我们在库面板中可以看到“黄菊花开了”的一个音乐元件。

　　此主题相关图片如下：

将这个音乐元件拖入场景中，可以看到在时间轴的第一帧上出现一道横线。

　　此主题相关图片如下：

音乐导入成功！

将图层重命名为音乐。

　　此主题相关图片如下：

2、音乐的编辑。

第一步：在时间轴上编辑音乐图层。

回到场景上的时间轴上，在音乐图层的第10帧点一下，鼠标右键，插入帧。

　　此主题相关图片如下：

就可见音乐的声波就延长到了第10帧，接着鼠标按住第10帧向后拖动，或者左手按住“CTRL”键，出现一个左右拖动的标志后，右手按住鼠标左键一直向后拖动。

　　此主题相关图片如下：

使声波一直延伸到尽头，这里一直延伸到2630帧。

　　此主题相关图片如下：

特别提醒：左手按住“CTRL”键，右手按住鼠标左键左右拖动，是调整关键帧位置的最好方法，因为这与插入与删除帧不同，不会影响整个时间轴上的帧数，只单纯调整单个关键帧的位置。

第二步：在属性面板上设置音乐为“数据流”。

打开场景下面的属性面板，可以看到“黄菊花”声音的一些属性，单击“同步”栏右侧的下箭头，弹出下拉菜单，选择其中的“数据流”。

　　此主题相关图片如下：

为什么要选择数据流？

因为“数据流”模式的音乐就是音乐与动画同步播放，动画停止音乐也随之停止，再继续播放动画时音乐也会从刚才的停顿处接着播放。

其他选项含义如下：

“事件”是把声音与事件的发生同步起来，与动画时间轴无关。一发生就一直播放下去，除非有命令使它停止。

“开始”与“事件”唯一不同处在于到达声音的起始帧有别的声音播放，则该声音不播放。

“停止”顾名思义是指定声音不播放啦！

第三步：在库面板上设置音乐的声音属性。

按F11打开库面板。双击小喇叭状图标，调出声音属性。

　　此主题相关图片如下：

把使用导入的MP3品质前的小勾去掉。

　　此主题相关图片如下：

出现：

　　此主题相关图片如下：

选择一个合适的比特率，这里选择16kbps，比特率数值越大，音质越好，但文件越大。

有的人发布出的的文件体积很大，其中有一个重要的原因就是没有进行这样的设置。

音乐的设置基本结束，将音乐图层上锁，并一直保持音乐图层在最上面。

　　此主题相关图片如下：

现在大家可以按Enter键试一试啦，按一下，音乐开始，再按一下，音乐停止，仔细观察一下帧的位置。

另：按“Enter”键是在场景中的测试，做一部分，再测试一下看看。而“Ctrl+Enter”是发布，自动在文档所在的同源文件夹内产生一个同名的文件，后缀名为*.swf，就是大家经常在网上看到的东东啦！（ FLASH的源文件名为*.fla）

三、提款的制作。

1、在“音乐”图层的下面新建一个图层，重命名为“深绿色”。一般情况我喜欢用黑色，这里为了与黄菊花相配改成了深绿色。

　　此主题相关图片如下：

选择工具栏中的矩形工具，画一个550*45的无边框矩形。

　　此主题相关图片如下：

　　此主题相关图片如下：

点中这个矩形，在下面的属性面板中更改其属性，将宽改为550（与场景的宽一样），高改为45。

　　此主题相关图片如下：

注意下面的锁，如果上锁了，其宽与高是同比例增减；如果是开锁状态，可任意设置图形（元件）的大小。

打开“窗口”--->“设计面板”--->“对齐”面板（或者直接点击时间轴上方的快捷栏中的对齐面板），将其设为“垂直居中”与“上对齐”。

注意：要将“相对于舞台”这个图标按下去，因为深绿条的位置是相对于场景来说的。

　　此主题相关图片如下：

　　此主题相关图片如下：

这样，上面的深绿条就做好了。

左手按住“Ctrl”键，右手用鼠标点中深绿条往下拖动，这个就复制了另一条深绿条，然后在对齐面板中，让“垂直居中”与“下对齐”。

这样“深绿条”图层就做好了，上锁。

2、在“深绿条”图层的上面新建一个图层，重命名为“黄条”。

选择工具栏中的直线工具，按住“Shift”键画一条长550，笔触颜色为深黄色（参考值#FF9900），大小为6px的直线。

注：按住“Shift”键，用直线工具可画出水平、垂直或45度的直线来。

也可先画出直线，然后在属性面板中更改。

　　此主题相关图片如下：

画好这条线后，将其放在深绿条的下面，同样用左手按住“Ctrl”键，将其向下拖动，复制另一个黄条，将其放在下面的深绿条的上面。具体位置如图：

　　此主题相关图片如下：

“黄条”图层做好了，上锁。

3、在“黄条”图层的上面新建一个图层，重命名为“落款”。

在这个图层里用文本工具分别在左上角写上歌名“黄菊花开了”，右上角写上制作者。

同样的，也可先写好，再在属性面板上设置文字的属性，并放之适当的位置。

　　此主题相关图片如下：

最终的效果如下：

　　此主题相关图片如下：

“落款”图层也制作完毕，上锁。

四、歌词的制作。

歌词的制作既是重点，也是难点，还是“烦”点。

在“落款”图层上新建一图层，重命名为“歌词”。

当然歌词的制作方法也有许多，有插入帧标签的，有用ＡＳ语句的，但我认为最简单的一个笨办法就是“听”！

具体来说就是一边测试音乐一边制作歌词动画，关键当然是掌握每一句歌词的起止位置。按下回车键（Enter），时间轴上的红色游标开始走，音乐也随之响起。仔细听：第一句“黄菊花开了吗？”的“黄”字出来了，赶快按回车键，看时间轴，呵~红色游标好象停在了312帧处，在“歌词”图层的第312帧处插入空白关键帧。

　　此主题相关图片如下：

打开歌词本子，将“黄菊花开了吗”复制，回到FLASH中来，选择文本工具，在下面的面板属性中将文本的属性改成这样子的。

　　此主题相关图片如下：

当然也可设置出更漂亮的字体来！

回到场景，在最下面的中间处（黄条下，深绿条上）按住鼠标左键轻拉一下，将第一句的歌词复制粘贴至此。

　　此主题相关图片如下：

然后双击字框的右上角，使文字与文本框相匹配。

　　此主题相关图片如下：

接着用“选择”工具点中歌词，用鼠标右键将其转换成元件“歌词1”。

　　此主题相关图片如下：

　　此主题相关图片如下：

将第一句的歌词用对齐面板“居中”对齐，并放在适当的位置上。

第一句的歌词就制作好了，咱们接着听：按回车键，“摘一朵给我吧”中的“摘”字出来了，按回车键，音乐停止，这次游标好象停在了第361帧处。在“歌词”图层的第361帧处插入空白关键帧，复制“摘一朵给我吧”再用文本工具粘贴在同样的位置上，将之转换元件“歌词2”。

再接着听，在第408帧处制作第三句歌词“你知道我从来都很喜欢盛开的黄菊花”，并将之转换为元件“歌词3”......

歌词4：你是这样说开始时帧数：514

歌词5：我也就这样承诺开始时帧数：565

歌词6：等黄菊花开了我一定会送给你一朵开始时帧数：613

歌词7：黄菊花开了我已经走了你是否还记得开始时帧数：718

歌词8：记得在花开花开的时候摘菊花给我的承诺开始时帧数：820

歌词9：黄菊花开了你已经走了我还想听你说开始时帧数：921

歌词10：摘一朵菊花最美的菊花夹在给你的信里开始时帧数：1024

歌词11：告诉你今天今天的清晨黄菊花开了开始时帧数：1125

再仔细听，第一段的“告诉你今天今天的清晨黄菊花开了 ”在第1225帧处唱结束了，就在第1225帧处插入空白关键帧。

接着第二段，在第1431帧处“黄菊花开了吗”又响起来了，这下可以直接从库中将“歌词1”的元件拖入场景合适的位置。

同样的，分别在第1481、1528、1633、1685、1732、1838、1941、2043、2145、2246帧处拖入“歌词2”“歌词3”......

咦？到了第2348帧处，这句歌词库里怎么没有？呵~用制作第一句歌词的方法制作出“歌词12”来。同样的，在第2398帧处制作出“歌词13”来。

在第2506帧处，歌唱完了，在这个帧上插入空白关键帧。

如果不需要其他效果的话，歌词基本上做完了。其实在许多MTV中，歌词也制作成这样也就可以了。不过为了做成卡拉OK的效果，还要另加一些技巧。

小窍门：找歌词起止的地方，看“音乐”图层的声波图，一般情况歌词的第一句的波形频率都比较大；声波变平了，歌词也唱完了。

　　此主题相关图片如下：

歌词的效果。

歌词的淡出效果：现在要做出歌词唱完，那一句歌词就淡出的效果。也就是说每一句歌词起始帧都已找出来了，再找出歌词最后一个字唱出与歌词结束的那两个帧的位置，转换为关键帧，并在最后的那个关键帧设歌词为不可见（Alpha值为0）。

呵呵~我是不是太啰嗦了点。

以第一句的歌词为例。在312帧处已经有了起始帧了，仔细听：在340帧处歌词都唱出来了，在360帧处消失（通常在第二句歌词的前一帧）。我们就把时间轴的340与360帧处用鼠标点一下（游标所在的位置），在弹出的右键菜单中选择“插入关键帧”。

　　此主题相关图片如下：

在场景中点击360帧处的“歌词1”元件，在属性面板中，将颜色选项中的Alpha值设为0。

注：在颜色选项中共有四个：亮度、色调、Alpha与高级。Alpha值就是透明度，其值为100全部可见，为0时有不可见。

　　此主题相关图片如下：

设置340帧与360帖为动作补间动画。如图：

　　此主题相关图片如下：

第一句歌词的淡出效果就做好的。

同样的，做出第二、三.....句歌词的淡出效果。

至此“歌词”图层才算基本结束。

测试一下看看，检查一下每一句的歌词是不是与音乐同步，如果不同步的话，请左手按住“Ctrl”键，右手同时按住鼠标左键将其所在的关键帧往左右调整。

跟随歌词的制作：随着歌声的出现，歌词也随之出现。

这个主要用遮罩效果来实现。所谓遮罩，必须有二层，就是上一层遮罩着下面的一层，用上面一层的形状来显示下面一层的内容，也就是上面一层的填色区块显示下面一层的图案。说白了，就是你要显示什么，就在遮罩层遮罩什么。

要显示歌词从无到有的过程，我们就用一个长矩形慢慢将歌词遮住。

在“歌词”图层的上面新建一图层，重命名为“遮罩”。

还能第一句歌词为例来说明：

在遮罩图层上，先把歌词开始帧就是第310帧转换成空白关键帧，在场景中画出一无边框的红色小窄矩形（颜色也可自定），参考尺寸（13.4*32）如图：

　　此主题相关图片如下：

在歌词完全出现的第340帧插入关键帧，用任意变形工具将其一直往右拉。

　　此主题相关图片如下：

参考数据：红色矩形的大小为150*32，注意一定要将歌词全部覆盖住。如图：　　此主题相关图片如下：

在310、340帧之间设置形状补间。

选择“遮罩”图层，在弹出的鼠标右键菜单中选择“遮罩层”，自动就将“遮罩”图层变成了遮罩层，下面的“歌词”图层变成了被遮罩层。

　　此主题相关图片如下：

图层与时间轴的关系如下：

　　此主题相关图片如下：

测试一下看看，第一句歌词的渐显效果就出来了！

同样的，做出下面歌词的渐显效果。

说到歌词的渐显过程是通过遮罩来实现的，第一句的歌词渐显效果已经做出来了，接着就照样子做第二句、第三句。。。的。随便提醒一下，每做一次时，要将遮罩图层前面的锁开开，前一个关键帧一定要不遮住歌词，后一个关键帧一定要全遮住歌词。

现在是考验耐心的时候了，一句句地做下去，一直把所有的歌词做完。

为了说明清楚再发一个第二句歌词时间轴与帧的位置。

　　此主题相关图片如下：

歌词做完了，咱们轻松一下，按回车键，听一下，再看一下效果。

咦？有的歌词怎么还是不同步啊？！特别是长一点的歌词，怎么办呢？不急，慢慢来。

在这两个关键帧中再插入若干关键帧，调整每个关键帧所在的遮条的大小，使其遮住唱词的全部。下面举最后一句歌词为例而说明。

我们在遮罩图层的第2498帧（与歌词图层是一样的）处插入关键帧，遮条如下：

　　此主题相关图片如下：

歌词全部唱出来时是第2487帧，遮条如下：

　　此主题相关图片如下：

按回车键仔细再听一下，在第2416帧处“菊花般”三个字都唱出来了，但遮条早就跑过了，我们就在这个帧处插入关键帧，把下面遮条的大小调整到恰巧把“菊花般”三个字都遮住。

　　此主题相关图片如下：

下面的第2450、2463帧也插入关键帧，同时调整遮条的大小：

　　此主题相关图片如下：　　此主题相关图片如下：

当然啦，关键帧做得越多，歌词的同步效果就越好，不信，你就试试吧？

真正的卡拉OK效果：真正的卡拉OK好象是有个底图，先出歌词，再随着歌曲的演唱不同颜色的歌词才渐渐地显露出来。

其实这个很简单，再加一个图层，与“歌词”图层是一样子的，所需要的就是把这个图层的颜色更改一下。

在“歌词”图层的下面新建一个图层，我们所要做的就是将“歌词”图层复制到这个图层来。复制图层，我在所有的书上与所有网上的教程中都没有提过，下面的方法是我在多次的实战中总结出来的一点点经验，其实说出来非常简单，但做起来却能省去许多的麻烦。

来吧，先在“歌词”图层的左边点一下，“歌词”图层整个变黑色的了，证明这个图层就整个选中了，再将鼠标移到右边，右键菜单，选择“复制帧”，具体操作如图：

　　此主题相关图片如下：

然后在新建的图层的第一个空白关键帧处点鼠标右键，选择“粘贴帧”。

　　此主题相关图片如下：

瞧，整个图层都被复制了，就连图层名都被复制成“歌词”了，为了区别，将新图层名重命名为“歌词1”吧。

咦？又出现了点问题，这个“歌词1”图层的帧怎么比别的图层多啊？没关系，从多出来的那一帧用鼠标点中，一直往后拖可以拖到最后，再鼠标右键“删除帧”就可以了。也可以不用拖到最后，鼠标右键“删除帧”多点几次，一直删除到对齐为止。别的图层如果出现类似情况，也一样处理（一般情况，到最后所有图层的帧都应该是一样的）

　　此主题相关图片如下：

后来的工作就简单多了，将“歌词1”图层中每一句歌词起始的那帧的“歌词”元件变个颜色就行了。

具体操作如下，选择每一句歌词起始的那帧的“歌词”元件，在下面的属性面板中将其的色调更改为如图的样子。当然你也可以更改成别的颜色，或调整Aphla值来改变颜色也成。

　　此主题相关图片如下：

最后做出的各图层的关系如下：

　　此主题相关图片如下：

至此，歌词的效果全部制作完毕，测试一下，欣赏一下效果吧！

在做图片效果以前，我们先将库整理一下。按F11键打开库面板，新建一个文件夹，重命名为“歌词”，将以前所做出来的歌词元件全部放入这个文件夹内。

　　此主题相关图片如下：

　　此主题相关图片如下：

再新建两个文件夹，分别命名为“原图”、“图”，分别放置马上要导入的原图及原图转换的元件图片。

　　此主题相关图片如下：

将库中的元件分门别类地整理是一个非常有益的习惯，以后制作时不但查找方便，更重要的是利于下一步的修改。

五、场景效果的制作。

为了制作的简单，这个MTV场景的效果主要是图片的转换，而淡入与淡出就是需要两个图层，一个图层做图片的淡入，另一个图层做图片的淡出。在片头与中间音乐过门的地方，加入了歌名从无到有的动画，这只是个简单的运动渐变。

1、导入图片。

文件-->导入-->导入到库，将下载好的黄菊花的图片导入到库中，并将之放入“原图”的文件夹中。

2、新建三个图层，分别从上到下重命名为：歌名、图片2、图片1。

　　此主题相关图片如下：

3、在“图片1”图层的第一帧处放入一张背景图片，右键菜单选择“转换为元件”，将其转换成图形元件，重命名放入“图”文件夹内。

特别提醒：以后每导入一张图片都如此处理，都要转换成元件。

有人要问：为什么要转换成元件啊，不转换可不可以？

如果图片只是单纯地作为背景图层用，不变大也不变小，就是放那儿不动的，可以不转换成元件。但如果要进行变换就一定要转换成元件，因为只有元件才可能做运动渐变，才可能改变其色调、Alpha、亮度等属性指标。

4、按F8新建一图形元件，取名为“歌名”

用文本工具在场景中写上“黄菊花开了”歌名，各项属性如下：

　　此主题相关图片如下：

再新建一个图层，将图层1的帧复制到图层2中，改变图层2中文字的颜色，然后将其用键盘中的向下和向右箭头分别向下和向右移两下，文字的立体效果就出来了。

细心的朋友们可能已经看出来了，教材中的图层2的字体我是用变形工具放大的，效果也不错（自夸一下）。

　　此主题相关图片如下：

5、回到“歌名”图层。

在20帧处插入关键帧，将做好的“歌名”元件放入图中适当的位置。

　　此主题相关图片如下：

接着在205帧处也插入关键帧，我们要做的就是20帧到205帧间的运动渐变，“歌名”从小逐渐变大。回到20帧处，点中“歌名”元件，按“Ctrl+T”打开变形面板。在约束前打上勾，在约束的前两个小框内直接输入“0.1"，再按回车键，呵呵~“歌名”一下子看不见了。设置20帧~205帧为运动渐变。

　　此主题相关图片如下：

我们在264帧处与287帧处插入关键帧，用同样的方法将287帧处的“歌名”元件设为最小，设置其间的动画为“运动渐变”。有288帧处插入空白关键帧。

音乐过门时的“歌名”动画也是如此。在 1278~ 1375帧间制作从无到有的动画，在1404~1418间制作从有到无的动画。在1419帧处插入空白关键帧。

“歌名”图层的动画就做好了，上锁。

6、图片的淡出淡入效果。

回到“图片1”图层，图片1要淡出，在288、320帧处插入关键帧，将320帧处的图片元件的Alpha值设置为0（为不可见），在288~320帧间设置运动补间动画，测试一下，图片1的淡出效果就出来了。

图片2的淡入：在“图片2”图层的305处插入空白关键帧，把库中的另一张黄菊花图片拖入场景中，位置放好，鼠标右键将其转换成图形元件。接着在336帧处插入关键帧，设置305帧处的图片元件Alpha值为0，设置运动补间动画。

　　此主题相关图片如下：

同样的，在“图片2”图层的390、414帧处插入关键帧，设置后一帧的Alpha值为0，设置运动补间动画；再回到“图片1”图层，在403处插入空白关键帧，导入另一张图片，转换成元件，在430帧处插入关键帧，设置前一帧的Alpha值为0，设置运动补间动画。

　　此主题相关图片如下：

大家看出来什么门道没有啊？呵呵~这张图片在这个图层淡入淡出，另一张图层在另一个图层淡出淡入，两个图层交错着来。有人要问为什么要两个图层啊？一个图层也可以的啊，一张图片淡出后，另一张图片再淡入。如果这样子的话，效果不是很好，你想啊，一张图片淡得看不见了，背景完全显示了，与另一张的图片过渡就不自然了。

下面图片的淡出与淡入我就不多说了，主要是关键帧的位置，一个图片的淡出与淡入最好与歌词相配，就是说一句歌词唱完了，场景也转换了。这得靠自己体会啦！怎么觉得好看就怎么做吧！

《黄菊花开了》制作方法就全部结束了。按Ctrl+Enter发布吧，好好欣赏一下自己的劳动成果！

一个MTV的大体制作过程大家都知道了，其实一个动画的变化也是千姿百态的。图片的转换这里用的是淡入淡出，也可以用遮罩、变形、移动等方法来实现，在图片的上方新建几个图层，加入一些诸如下雨、下雪等的效果......呵呵~一千个人制作就有一千个的效果。

我花了8个晚上的时间，每天基本是2个小时左右，终天将教程写完了，别看我写花了这么长的时间，一但熟练了过程，不过几个小时就可以做出一个MTV来。

希望不但能早日看到大家各式各样的黄菊花开了，还能看到各种各样的红菊花、绿菊花开了......

双击自动滚屏

相关评论:

没有相关评论

发表评论:

用户名：

电子邮件：

评论内容：

（最多评论字数：500）

flashmtv动画制作步骤

爱华网本文地址 » http://www.413yy.cn/a/25101013/170697.html

《黄菊花开了吗》FLASH教程 MTV制作教程 FLASH动画教程 flashmtv动画制作步骤

更多阅读

东方神起《做我女朋友好吗》中文，韩文，字符歌词女朋友韩文

南京梅花山的梅花开了吗？南京的梅花山

《中国人失掉自信力了吗》教学设计中国人失掉自信力教案

《假如生活欺骗了你》普希金外国诗歌经典100篇

转载《假如生活欺骗了你》原文和译文书谱原文及译文

声明:《《黄菊花开了吗》FLASH教程 MTV制作教程 FLASH动画教程 flashmtv动画制作步骤》为网友末结的奢望分享！如侵犯到您的合法权益请联系我们删除

更多阅读

东方神起《做我女朋友好吗》中文，韩文，字符歌词 女朋友韩文

南京梅花山的梅花开了吗？ 南京的梅花山

《中国人失掉自信力了吗》教学设计 中国人失掉自信力教案