FLASH CS3实例抒情歌曲MTV.docx
- 文档编号:11982726
- 上传时间:2023-04-16
- 格式:DOCX
- 页数:14
- 大小:4.09MB
FLASH CS3实例抒情歌曲MTV.docx
《FLASH CS3实例抒情歌曲MTV.docx》由会员分享,可在线阅读,更多相关《FLASH CS3实例抒情歌曲MTV.docx(14页珍藏版)》请在冰豆网上搜索。
FLASHCS3实例抒情歌曲MTV
FLASHCS3实例抒情歌曲MTV
Flash形式的MTV是目前网络较为流行的歌曲动画,即动画与音频结合,并且配以简单的播放按钮,形成可以控制播放的MTV,如图10-36所示。
在MTV动画中,除了要制作按钮元件并且为其添加播放动作外,主要还是加载音频,并且使歌词与音频同步,这才是MTV的核心。
而为了空出歌词的显示位置,还绘制了黑色矩形,将其制作成宽屏效果。
图10-36抒情歌曲MTV效果
歌词与音频同步
在Flash动画中,如果只是将音频文件拖入舞台,那么该声音会以背景音乐的形式在动画中播放。
要想使声音表面化,可以在画面中同步显示音乐中的歌词文字,使其突出声音。
在当Flash中导入音频文件后,首先将声音拖入舞台,并且添加动画帧,使声音完全显示在动画帧中,如图10-37所示。
图10-37将声音添加至动画帧中
为了不使其画面空白,这里制作了简单的图片显示动画。
然后新建图层后,选中第一帧按Enter键播放。
在歌曲播放的动画帧处停止,并且插入空白关键帧,如图10-38所示。
图10-38插入空白关键帧
在空白关键帧输入第一句歌词文字后,继续按Enter播放动画帧,在第二句歌词播放的动画帧处按F6关键帧,如图10-39所示。
图10-39再次插入空白关键帧
双击关键帧中的文本,更改其中的歌词文字,如图10-40所示。
接着使用相同的方法,在歌词播放的同动画帧处添加相应的文字。
图10-40更改文本
这样简单的歌词与音频同步的动画就制作完成了,保存文档后预览动画,如图10-41所示,当歌曲响起时,歌词同步显示。
图10-41预览动画
制作过程
在制作MTV动画前,需要根据歌曲内容绘制或者准备与之意境相符的图像。
而在制作过程中,可以根据音频的播放时间确定动画帧数制作动画。
当载入音频后,根据音频制作歌词。
1.制作片头
MTV片头主要是显示歌曲的名称,以及播放按钮。
这样音乐的播放与否决定于观看者。
(1)在新建的580×400像素的空白文档中,将图片与音频文件同时导入【库】面板中,如图10-42所示。
图10-42导入素材
(2)在舞台中绘制无边框黑色矩形,并且将其转换为图形元件“黑色矩形”后,在新建“图层2”中复制该实例,并且确定其位置如图10-43所示。
图10-43创建元件
(3)分别在第20帧处插入关键帧,并且设置关键帧中的实例属性如图10-44所示,创建补间动画,形成黑幕缓缓拉开的效果。
图10-44创建补间动画
(4)在“图层2”的第21帧处插入关键帧后,将“图层1”第20帧中的实例,原位置复制到第21帧中,如图10-45所示。
图10-45复制实例
(5)按快捷键Ctrl+F8创建图形元件tu01后,将图片FLY01.jpg拖入舞台中,并且使用【文本工具】输入歌曲名称,如图10-46所示。
图10-46创建图形元件tu01
(6)返回场景后,在最下方创建图层“字幕”,并且将图形元件tu01拖入舞台中,设置属性如图10-47所示。
图10-47设置实例tu01属性
(7)更改图层名称后,在图层MP3第21帧处插入空白关键帧。
执行【窗口】|【公用库】|【按钮】命令,将【库-Buttons.fla】面板中的Play按钮元件拖入舞台中,如图10-48所示。
将软件自带的按钮元件拖入舞台后,要根据背景图像色调更改按钮元件中的文本颜色。
图10-48将按钮元件拖入舞台中
(8)选中实例Play后,设置实例名称为playan,如图10-49所示。
然后选中第21帧,并且在【动作-帧】面板中输入代码如下。
图10-49添加播放动作
(9)保存文档后测试影片,发现当显示play按钮后,动画停止,如图10-50所示。
图10-50测试片头动画
2.制作主题
主题部分为音频播放时,画面显示的效果。
无论将主题部分制作成简单的图片移动,或者是绘制图像,均需要将主题部分的动画帧与音频动画帧相呼应。
(1)在图层MP3第22帧处插入空白关键帧,将【库】面板中的音频文件拖入舞台中,并且添加普通帧使音频显示完整,如图10-51所示。
图10-51添加音频
(2)在图层“字幕”上方新建图层“图片1”,并且在第22帧处插入关键帧。
然后将图片FLY02拖入如图10-52所示的位置后,将其转换为图形元件tu02。
图10-52将图片拖入舞台并转换为元件
(3)在第70帧处插入关键帧,并且垂直向下移动实例tu02如图10-53所示,创建动画。
图10-53创建图片向下移动动画
(4)在第30帧处插入关键帧后,设置第22帧中实例tu02的Alpha为0%,如图10-54所示,创建从无到有过渡。
图10-54设置实例属性
(5)分别在第80与125帧处插入关键帧,在第125帧处插入空白关键帧后,水平向左移动第125帧中的实例tu02,位置如图10-55所示。
图10-55创建图片水平向左移动动画
因为要替换图片,所以需要将不显示的动画帧删除,可以减小文件容量。
(6)锁定图层“图片1”新建图层“图片2”,在第135帧处插入关键帧。
将【库】面板中的FLY03图片拖入舞台,并且转换为图形元件tu03,如图10-56所示。
图10-56拖入图片并转换元件
(7)在第190帧处插入关键帧后,垂直向上移动实例tu03,并且创建补间动画,如图10-57所示。
图10-57创建图片垂直向上移动动画
(8)在第140帧处插入关键帧后,设置第135帧中的实例tu03的Alpha为0%,使其图片2与图片1交替,如图10-58所示。
设置图片2中的透明度动画时,动画帧长度必须要与图片1中空白关键帧相对应。
否则会出现空白画面。
图10-58设置实例属性
(9)使用相同方法,创建图片2水平向右移动与垂直向上移动动画后,新建“图片3”并且在第300帧处插入空白关键帧,将图片FLY04拖入舞台中,转换为图形元件tu04,如图10-59所示。
图10-59拖入图片并转换元件
(10)依次创建图片3由左下角向上方中间、中间水平向左上角、左上角向偏右下角移动的补间动画后,在图层MP3最后一帧插入空白关键帧,如图10-60所示。
图10-60插入空白关键帧
(11)在【库】面板中直接复制按钮元件Play为Replay,并且更改元件中的文本。
然后在图层MP3的最后一帧处插入空白关键帧,将该元件拖入舞台,位置如图10-61所示。
图10-61复制按钮元件
(12)在【属性】面板中设置实例名称为replayan,如图10-62所示。
单击选中该关键帧后打开【动作-帧】面板,在其中输入代码如下。
图10-62为关键帧添加代码
(13)完成后保存文档测试影片,发现单击play按钮后,歌曲与主题动画同时播放,如图10-63所示。
当播放完毕后同时停止,这时单击replay按钮又可以重新播放。
图10-63预览主题动画
3.制作歌词
MTV最主要的就是歌词显示,要想使歌词与歌曲同步,需要在制作歌词动画时,确定每一句歌词所在的动画帧。
(1)在图层最上方新建图层“歌词”,按Enter键在场景中播放动画。
当听到歌词时单击所在的动画帧,并且插入关键帧输入文本,如图10-64所示。
图10-64输入歌词文字
(2)按F8转换为影片剪辑“歌词1”后,双击进入编辑模式。
打散文本后以单词为单位创建图形元件,并且将其分散到各个图层,如图10-65所示。
图10-65将文本转换为图形元件
当遇到相同单词,可以重复使用图形元件,这样减少图形元件的建立。
(3)在“图层1”第5帧处插入关键帧后,返回第1帧。
设置该帧中的实例I属性如图10-66所示,创建动画。
图10-66创建文本由大到小动画
(4)延长动画帧后,将“图层2”中的关键帧拖动至第3帧。
在第7帧处插入关键帧后,设置第3帧中的实例believe属性如图10-67所示,创建动画。
图10-67创建实例believe动画
(5)使用相同方法创建元件动画,完成后在最后一个关键帧中添加stop();停止动作,形成逐个单词显示并且停止的动画,如图10-68所示。
由于歌词动画帧与音频动画帧不符,所以必须在最后一个关键帧中添加停止动作。
图10-68歌词动画
(6)返回场景后,在第一句歌词结束动画帧处插入空白关键帧,并且在其前动画帧处创建消失动画,如图10-69所示。
图10-69创建歌词消失动画
(7)在同一图层的第二句歌词开始动画帧处添加关键帧,使用相同方法创建影片剪辑“歌词2”。
依此类推创建其他歌词动画,效果如图10-70所示。
图10-70歌词动画效果
(8)至此简单的歌词同步MTV动画制作完成,保存文档后测试影片,查看效果如图10-36所示。
- 配套讲稿:
如PPT文件的首页显示word图标,表示该PPT已包含配套word讲稿。双击word图标可打开word文档。
- 特殊限制:
部分文档作品中含有的国旗、国徽等图片,仅作为作品整体效果示例展示,禁止商用。设计者仅对作品中独创性部分享有著作权。
- 关 键 词:
- FLASH CS3 实例 抒情歌曲MTV 抒情歌曲 MTV