《黄菊花开了吗》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、在“黄条”图层的上面新建一个图层,重命名为“落款”。

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

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

  此主题相关图片如下:

最终的效果如下:

  此主题相关图片如下:

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

四、歌词的制作。

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

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

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

具体来说就是一边测试音乐一边制作歌词动画,关键当然是掌握每一句歌词的起止位置。按下回车键(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)

  

爱华网本文地址 » http://www.aihuau.com/a/25101013/170697.html

更多阅读

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

南京梅花山的梅花开了吗?——简介南京有座梅花山,就在紫金山下,梅花开时风景不错,梅花一般在2月下旬之后才会开放,2月14日左右进入观赏期,2月20日梅花将绽放20-30%,进入最佳观赏期,此后梅花将一直盛开到3月中旬。梅花节期间,梅花山主会场有梅

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

《中国人失掉自信力了吗》教学设计——张文波一、导入“九·一八事变”以后,日寇加紧侵略我国,国土日益沦丧。日本帝国主义的铁蹄在践踏了东北三省之后,又向关内步步进逼,亡国灭种的局面迫在眉睫,悲观失望的情绪主宰了一部分人的头脑

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

假如生活欺骗了你 普希金像本词条主要介绍俄罗斯诗人普希金的诗歌《假如生活欺骗了你》的相关概况。诗歌全文表述了一种积极乐观而坚强的人生态度,亲切和蔼。阅读节奏假如/生活欺骗了你,不要/悲伤,不要/心急!忧郁的日子里/需要镇静:相信

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