• 微课视频
  • 平面设计
  • 电脑入门
  • 操作系统
  • 办公应用
  • 电脑硬件
  • 动画设计
  • 3D设计
  • 网页设计
  • CAD设计
  • 影音处理
  • 数据库
  • 程序设计
  • 认证考试
  • 信息管理
  • 信息安全
菜单
微课江湖
  • 网页制作
  • 数据库
  • 程序设计
  • 操作系统
  • CMS教程
  • 游戏攻略
  • 脚本语言
  • 平面设计
  • 软件教程
  • 网络安全
  • 电脑知识
  • 服务器
  • 微课视频
  • photoshop
  • Fireworks
  • CorelDraw
  • Illustrator
  • Painter
  • Freehand
  • Indesign
  • flash
  • maya
  • autocad
  • 3dmax
您的位置:首页 > 平面设计 >flash > flash制作一个简单的音乐动画教程

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

作者:I而再再而III 字体:[增加 减小] 来源:互联网 时间:2017-05-24

I而再再而III 向大家分享了flash制作一个简单的音乐动画教程,其中包含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. 可以导入图像,产生翻转、拉伸、歪斜、擦除和改变颜色的亮度等效果及功能。

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

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

1.首先导入素材

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

2.插入元件

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

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

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

人物的介绍

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

如图一到四

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

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

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

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

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

gotoAndPlay(30);

}

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

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

gotoAndPlay(1);

sy.gotoAndPlay(1);

}

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

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

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

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

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

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

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

 逐帧动画举例

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

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

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

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

水上场景的设计都是根据歌的歌词内容和要表达的意境而设定的,所以不管是刚开始的流躺着的臆想,还是在水上交朋友、玩耍

分享到:QQ空间新浪微博腾讯微博微信百度贴吧QQ好友复制网址打印

您可能想查找下面的文章:

相关文章

  • 2017-05-24Flash as教程:图片模糊运动
  • 2017-05-24利用flash制作一个黑夜里燃烧的蜡烛
  • 2017-05-24Flash制作3D类动画的教程
  • 2017-05-24flash cs5怎么利用旋转图形绘制创意图形?
  • 2017-05-24Flash制作光晕变幻的动画效果
  • 2017-05-24flash怎么画月牙和云朵图形?
  • 2017-05-24Flash CS3仿真艺术设计系列教程:图形元件的同步应用
  • 2017-05-24Flash中MP3导入及同步歌词图文教程
  • 2017-05-24flash as3.0实用公式
  • 2017-05-24flash怎么调用外部声音文件并加载到场景中?

文章分类

  • photoshop
  • Fireworks
  • CorelDraw
  • Illustrator
  • Painter
  • Freehand
  • Indesign
  • flash
  • maya
  • autocad
  • 3dmax

最近更新的内容

    • Flash AS 入门 为“关键帧”添加动作
    • ActionScript3教程:语句实例
    • Flash AS3教程:疑难杂症汇总
    • Flash教程:制作天空中流星划过特效
    • FLASH利用补间动画绘制财源滚滚
    • flash怎么制作上下滚动字幕动画?
    • Flash制作字母a到b的相互转换的gif动画效果图
    • 安装配置Flex3 SDK用来开发Flash10
    • Flash as简单制作鼠标跟随文字动画
    • Flash AS3制作火苗跳动的gif动画教程

关于我们 - 联系我们 - 免责声明 - 网站地图

©2015-2018 All Rights Reserved. 微课江湖 版权所有