flash制作一个简单的音乐动画教程

很多同学都对Flash感兴趣 ,下面小编就教教大家如何用flash做一个简单的动画。

通过这个设计充分地将FLASH动画的现况分析出来了,本设计是根据选定音乐、人物的设定、剧本的创作、场景的布置等。首先就是选歌,一部好的MTV就得有一首贯穿全场的好歌,其次就是根据歌意确定主题和场景的布置,最后围绕剧情制造出MTV。

工具/原料

Flash

PS

一首自己感兴趣的歌

素材照片

方法/步骤

1.2 Flash软件的特点

FLASH的全称是Macromedia flash,后来又被adobe收购了,所以现在的flash全称是adobe flash。自从被adobe收购后就功能也不断地强大,现在它的功能有以下几点:

1. 具有动画效果的按钮和菜单;

2. 向量透明效果可以让图片透明改变不同层次的透明效果;

3. FLASH可以控制用户输入的信息;

4. 可以创建基于网站,跨平台,也可以显示声音图片动画等交互式等内容;

5. 自定义字体,改变字体、颜色、大小、间距等格式;

6. 可以导入图像,产生翻转、拉伸、歪斜、擦除和改变颜色的亮度等效果及功能。

flash制作一个简单的音乐动画教程

2、目前的FLASH中,除了时间轴动画外,使用AS脚本开发的应用越来越多。而以时间轴开发的FLASH理想工具是ADOBE的FLASH系列,包括FLASH 8,FLASH MX2004,FLASH CS3,FLASH CS4等。

3、它的功能区是由:时间轴、工具箱、属性、库、工作区等组成,如图2-1所示:

1.首先导入素材

点【文件】    找到    【导入】,会出现一列小菜单,然后点【导入到舞台】或【导入到库】都可以,如图

flash制作一个简单的音乐动画教程

2.插入元件

在菜单栏上找到【插入】,点击它会出现小菜单,找到【新建元件】,如图所示,然后就会跳出对话框,里面有三个选项,如图第二张

flash制作一个简单的音乐动画教程

flash制作一个简单的音乐动画教程

图形的对齐,分为水平对齐和垂直对齐,选项如下图所示,图形的变形以及旋转,如图第二张

flash制作一个简单的音乐动画教程

flash制作一个简单的音乐动画教程

flash制作一个简单的音乐动画教程

剧情:一只快乐的小青蛙,它每天开开心心地玩着,每天不是在水上享受午后阳光就是在大片的草地上唱歌跳舞。它乐观向上,相信奇迹,也坚信它是王子,会遇到童话里的公主,得到一份美好的爱情,于是它就走过了大江南北,遇到无数人,终于在人群中遇到了她,我的公主,它的公主与它都是一见钟情,但是它还是一只青蛙,它告诉它的公主:我是王子,我被诅咒了,我需要................(格林童话里的剧情),公主听了后就吻了它,青蛙真的就变成了王子恢复了真身,它非常感谢公主,决定要娶她,于是它就去号召它的小伙伴们,让它们帮助它一起布置场地,瞒着公主,它的小伙伴们都非常乐意并一起去布置,场地很快就完成了,首要的任务就是把公主引到这里,然后它们就去找公主,并顺利地带她过来,一场完美地求爱就这样开始了,当然要这么精心布置下公主被拿下了,它们为这个成功欢呼着,然后一起去游历山河。

人物的介绍

人物一:粉粉       人物二:小梅      人物三:小可     人物四:小哈

如图一到四

flash制作一个简单的音乐动画教程

flash制作一个简单的音乐动画教程

flash制作一个简单的音乐动画教程

flash制作一个简单的音乐动画教程

男主角:王子                          女主角:公主   

flash制作一个简单的音乐动画教程

flash制作一个简单的音乐动画教程

“开始”的脚本是先【插入】找到【新建元件】选择【按钮】重名为:开始

画一个圆,然后在上面添加文字“开始”回到场景中后新建一图层,在第一处将“开始”按钮放进去,然后右击【动作】代码如下:

这个是在帧上完成的:stop();

这个是在按钮上完成的:on (release) {

gotoAndPlay(30);

}

“重播”也是如此,在帧上完成的是:stop();

在“重播”按钮上完成的是:on (release) {

gotoAndPlay(1);

sy.gotoAndPlay(1);

}

内容等看了作品再说我先举几个小点,比如我事先做好的影视剪辑,它自己有自己的播放时间,而它的时间要与我设计场景要播放的时间正好合的上,所以每次做这个我都要听上好几十遍才能找的准调,才可以把情节和歌声配合起来。再比如歌词,这个就得要时间和耐心了,首先你要把每句歌的歌字准确无误地放在每句歌要唱的那个点上,而且还不能一首歌唱下来歌词的显示都只有一种表现状态,所以这一点好难,单单歌词这一方面我就准备了好几天。当歌词和歌合起来之后那就要情景要和歌所唱出来的内容或要表达的意思相吻合。

对了还有一个小细节就是上图中,小跳蛙从海洋游历到东方的时候,它想去东方那地面上去看看,可是走了那么久太累了,于是它是不断吸气让自己变大,然后就在屁股的地方放了一个图钉,不知道大家有没有注意到。还有就是在青蛙与公主遇到后,相拥一吻之后自己感觉飞上了天,我想表达它在空中在着爱心了,好像是踏在天梯上,这样一踩一上,然后遇墙撞下来时的那个样子,是我做了好久觉得很逼真的制作。但愿你们可以发现。

技术也不是很多,主要有让图像变透明,让人物在放大和缩小中变身,声音的导入,引导层的运动,插入影视剪辑,添加传统补间时间等。

这些技术所表达在以下几个场景里:

1. 这些花是通过引导层而运动着,它是把事前扣好的花,然后添加一层引导层,在引导层上画了轨迹,让花从线的起点走,到线的终点停,就这样算是完成了,如果觉得线在上面会影响美观的话,那就可以设置一下让它消失就可以了。

2. 在这部小短片中有几处是插入影视剪辑的,如:青蛙咬着翅膀形状的气球飞起来、来到干枯地地面上的青蛙变身超人发功下雨等。

3. 对于插入传统补间时间这一技术来说,是这里用的还是挺多的,例如:青蛙在水里游着、青蛙遇到公主后在飞上天上、被墙撞到而吊下来、找公主的旅途中到达东方时用到的图钉、公主与王子再见面时,它们在树上偷看等都有用到这一技术。

 逐帧动画举例

例如630~715帧这一段时间里,根据词意“我相信 奇迹就在身上”,安排场景与情节:一片干枯的地,长年没有下雨,小青蛙是个乐观向上,相信奇迹的人物,它在游历到此看到此情此景就用意念帮助了这里,从远处起来自身的变化,看到此景发动“内功”终于下雨,这一系列都得表现出来。要表达的太多,又怕场景上帧太多显的太乱,我就用了影视剪辑,把这一场景的情节一分为二,这样就好多了,制作起来也不是很难,就是把影视剪辑的一段放在场景的时间轴上有点困难,剪辑时间太短就会导致剪辑里的内容会重复播放,如果太长,想表达的东西都来不及播,所以这里我花费了很长一时间。

声音的导入:在时间轴上先新建一个图层命名为:音乐,然后再找到菜单栏上的【文件】,点击【导入】会出现一小下拉框如图所示,然后点【导入到库】这样就可以从库文件里找刚刚导入的音乐了

flash制作一个简单的音乐动画教程

当声音导入库就从库里把声音拉到场景里的“音乐”图层上,可是声音有时会很长,但刚放到帧上时只显示一帧,这时你得动手添加如图所示,把帧拉到能显示出现的时间轴的最后一帧,然后点击鼠标右键,会出现一小下拉框,选择“插入关键帧”就可发看到时间轴上有像心电图一样的形状,如果最后一帧不是空的,那么按照上面的步骤再插入关键帧,直到出现空白,这样才算是把声音插入完整。

flash制作一个简单的音乐动画教程

从MV的开始到结束有好多都是在水上或水里的场景,例如刚开始一只小跳蛙它在荷叶上躺着,心中想着遥远地海洋,*自在地在池塘上飘着玩着,还有就是歌曲唱到【有你相伴 LEAP FROG……】,为了结合词的内涵我把“小哈”、“小可”、“粉粉”和“小梅”放在一个小池塘旁边,它们玩着笑着。

水上场景的设计都是根据歌的歌词内容和要表达的意境而设定的,所以不管是刚开始的流躺着的臆想,还是在水上交朋友、玩耍或是在水上面跳舞都是符合情景的,水上和水里的设计都有点难,不管你怎么动,水都是有动静的,所以我想到借助别的一些东西比如:荷叶。

让人物站在上面或是跳过都是将就着可以看下去的,水里的就是游泳了,可是我找有素材是不可以的,达不到那种效果,所以我想到了让它慢慢地移动,一帧一帧地编辑或许会好一点,不过最终做出来的效果真的是有一点点的不满意呀,但是我已经尽力了,希望可以混过去。

flash制作一个简单的音乐动画教程

地上的设计不是很多,有在地上唱着歌、奔跑,玩耍、捉迷藏、滑滑梯等。这些设计不是很多难,用到借位达到想要的效果,通过透明度的不同达到效果,利用远近达到效果都是可以的,首先我们要从人的视觉下手,往往远处的物体总是比近的要小,所以通过这一点就可以让青蛙由小变大变可以了,这样达到的视觉效果就会很捧了。然后随着时间轴的推进,让它慢慢地变大这样从视觉上就达到了一种它是从远处走来的,如果是像青蛙与公主遇到时的那个场景来说,我是通过人物本身的动来表达他们是在平地上走着,公主动的时候就是让这个人物在前一帧的时候是往下,后一帧的时候是往上,这样重复地叠起来就像是人在走路一样。

滑滑梯那一个场景利用彩虹花圃每个颜色的不同,让小伙伴们从不同颜色的高度到达不同颜色的低处,以不同的出场次序达到了一种在滑滑梯上的感觉,这就是这个场景设计的理念。其实最后一个场景的布置是一个叠在一起的两张图片,因为底下图片的爱心里是空的,而我的思想是把它装成求爱的场景,所以我就在图片的上面又扣出一个心形的玖玫花的形状,刚好合在一起,给人一种喜悦的气氛。

还有就是王子与公主两个人在那恩爱时,小伙伴们在一棵树上偷看,其实这也是利用人的视觉茫区再把出现的时间各不相同,这才措了开来,让人有了视觉错感。

flash制作一个简单的音乐动画教程

空中的设计是通过之前老师教过的漫天雪花有感而想的,可是我的短片里第一个空中场景却不是,根据歌词的内容要表达的意思,用之前的思想有点不合适,“借我一双翅膀,就能飞向太阳”就是这句,我总不能弄个满天的翅膀吧,这个肯定行不通,转头一想画的翅膀要和人物一起动,而且还要自身也要来回动太难了,所以我换了个方式,我从网上找了一个翅膀形状地气球,然后让它从一边飞过,正巧此时青蛙跳起咬住气球的线,这样才达到我要的效果。

后面还有几场是空中的,我都是利用老师教我们的方式去做的,有“初遇公主”时的爱心满天呀、也有与“小伙伴们玩耍”时的满天蒲公英呀等等,画面都是很唯美的,让这个如童话故事的短片更有意境。

flash制作一个简单的音乐动画教程

短片中有一个场景是一群小朋友在玩丢手帕的游戏,可是我找到的那张图上是有一个小朋友在丢手帕,但这图是静态的,和我表达的意思有点差异,怎么办呢?后来想了想,我把那个正在玩的小朋友给“扣”出来,然后利用引导层的技术,让她动起来,这样看起来会和谐多了。

最后一个场景就是在摆满玖玫花的心形地面上的,刚开始找到图时,上面的心形图案是别的杂草,我又想着剧情又想着喜庆一点,就大胆地又找了一张有玖玫花的图,然后将这两张叠放在一起,最后将玖玫花那张图分离,扣图,再组合,最终完成了这现在效果。

flash制作一个简单的音乐动画教程

测试步骤是如以下所示:

1.先保存一下菜单栏【文件】      【保存】或者用快捷键【Ctrl+S】

2. 找到菜单栏上的【调试】      【调试影片】       【调试】或者用快捷键【Ctrl+Shift+Enter】如图所示:

 

flash制作一个简单的音乐动画教程

当调试之后看看有什么不好的,就把我的作品来说,下面如图5-2所示上红圈的地方是有字幕的,可是在调试时,字幕播放不出来,原因就是因为我把字幕起始超出了短片“承受”的范围,所以显示不出来,经过调试优化,如果不再出现这个现象,就可以了,然后再检查一下还有别的问题没有,如果没有那基本上算是完成了,然后就是进行下一步导出动画了。

flash制作一个简单的音乐动画教程

对于FLASH作品来说,有两种:SWF、FLA;

SWF这一种是在作品完成后生成的一种格式,它表示一部完整的影视作品,它可以有效的起到保护影片中的一些信息图片不会丢失。

而FLA则相当 于是作品的原文,只有在FLASH的环境下才可以打开或编辑,所以这种的安全性就没有SWF那种安全了,不过一般人都只会后一种,前一种我也是为了做这个设计才会的,首先把做好的作品进行保存,然后点击菜单栏上的【文件】,找到【导出】这时会出现一小下拉栏,然后选择【导出影片】也可以用快捷键【Ctrl+Alt+Shift+S】的。

注意事项

很多图片要注意大小格式

声音要和图片搭配哦

以上就是flash制作一个简单的音乐动画教程,希望能对大家有所帮助!

flash制作一个简单的音乐动画教程

上一篇:教你用Fireworks给图片做锐化马赛克效果


下一篇:Photoshop为公园里的美女加上柔美的秋季淡黄色