分享

【FLASH*教程】 手把手教你制作FLASHMTV

 楠楠G 2015-10-08

 

     做一个MTV不是容易的.1我们要构思好大体制作目标

2准备好素材不要边做边找.

3养成保存和归类文件夹的好习惯在桌面上建一个文件夹取名月亮。
【FLASH区】 手把手教你制作FLASHMTV - 蝴蝶飞飞 - 蝴蝶飞飞原创博客,高手多指教!谢谢
把歌曲歌词素材图片统统装进去。
新建550*400(默认值)文档一个,背景色改为黑色。
修改文档属性方法
【FLASH区】 手把手教你制作FLASHMTV - 蝴蝶飞飞 - 蝴蝶飞飞原创博客,高手多指教!谢谢
点文档属性
【FLASH区】 手把手教你制作FLASHMTV - 蝴蝶飞飞 - 蝴蝶飞飞原创博客,高手多指教!谢谢
在这里可以修改场景的大小、背景色、帧频等。
  然后文件-->保存,保存为你要做的歌名.我做的水中的月亮我只写了月亮
  特别提醒:作品做一段时间就要按保存一次,快捷键为“CTRL+S”。
  在绝大多数的软件中,“CTRL+S”都是保存,而“CTRL+Z”都是撤消到上一步。
  所以偶然做错了也不要紧,按“CTRL+Z”撤消就是啦,按一步就回到前一步了!
二、建立音乐层。
1、导入音乐。
打开“文件”-->“导入”-->“导入到库”。
【FLASH区】 手把手教你制作FLASHMTV - 蝴蝶飞飞 - 蝴蝶飞飞原创博客,高手多指教!谢谢
找到你准备好的文件夹下载好的MP3文件,打开
【FLASH区】 手把手教你制作FLASHMTV - 蝴蝶飞飞 - 蝴蝶飞飞原创博客,高手多指教!谢谢
【FLASH区】 手把手教你制作FLASHMTV - 蝴蝶飞飞 - 蝴蝶飞飞原创博客,高手多指教!谢谢
打开“窗口””-->“库”,调出库面板。或者直接使用快捷键“F11”。
我们在库面板中可以看到“月亮”的一个音乐元件。
【FLASH区】 手把手教你制作FLASHMTV - 蝴蝶飞飞 - 蝴蝶飞飞原创博客,高手多指教!谢谢
将这个音乐元件拖入场景中,可以看到在时间轴的第一帧上出现一道横线
【FLASH区】 手把手教你制作FLASHMTV - 蝴蝶飞飞 - 蝴蝶飞飞原创博客,高手多指教!谢谢
音乐导入成功!将图层重命名为音乐
现在我们该编辑音乐了。在时间轴上编辑音乐图层。
回到场景上的时间轴上,左手按住“CTRL”键,出现一个左右拖动的标志后,右手(左手按住“CTRL”键,右手按住鼠标左键左右拖动,是调整关键帧位置的最好方法,因为这与插入与删除帧不同,不会影响整个时间轴上的帧数,只单纯调整单个关键帧的位置)按住鼠标左键一直向后拖动。
【FLASH区】 手把手教你制作FLASHMTV - 蝴蝶飞飞 - 蝴蝶飞飞原创博客,高手多指教!谢谢
鼠标右键,插入帧
【FLASH区】 手把手教你制作FLASHMTV - 蝴蝶飞飞 - 蝴蝶飞飞原创博客,高手多指教!谢谢
有音乐的线就是这样毛毛草草的。
【FLASH区】 手把手教你制作FLASHMTV - 蝴蝶飞飞 - 蝴蝶飞飞原创博客,高手多指教!谢谢
声波一直延伸到尽头,这里一直延伸到2950帧在属性面板上设置音乐为“数据流”。
打开场景下面的属性面板,可以看到“水中月亮”声音的一些属性,单击“同步”栏右侧的下箭头,弹出下拉菜单,选择其中的“数据流”
【FLASH区】 手把手教你制作FLASHMTV - 蝴蝶飞飞 - 蝴蝶飞飞原创博客,高手多指教!谢谢
“数据流”模式的音乐就是音乐与动画同步播放,动画停止音乐也随之停止,再继续播放动画时音乐也会从刚才的停顿处接着播放。
其他选项含义如下:
“事件”是把声音与事件的发生同步起来,与动画时间轴无关。一发生就一直播放下去,除非有命令使它停止。
“开始”与“事件”唯一不同处在于到达声音的起始帧有别的声音播放,则该声音不播放。
“停止”顾名思义是指定声音不播放!
在库面板上设置音乐的声音属性。
【FLASH区】 手把手教你制作FLASHMTV - 蝴蝶飞飞 - 蝴蝶飞飞原创博客,高手多指教!谢谢
按F11打开库面板。双击小喇叭状图标,
【FLASH区】 手把手教你制作FLASHMTV - 蝴蝶飞飞 - 蝴蝶飞飞原创博客,高手多指教!谢谢
调出声音属性。把使用导入的MP3品质前的小勾去掉
选择一个合适的比特率,这里选择16kbps,比特率数值越大,音质越好,但文件越大。
有的人发布出的的文件体积很大,其中有一个重要的原因就是没有进行这样的设置。点编辑
【FLASH区】 手把手教你制作FLASHMTV - 蝴蝶飞飞 - 蝴蝶飞飞原创博客,高手多指教!谢谢
弹出一个编辑筐
【FLASH区】 手把手教你制作FLASHMTV - 蝴蝶飞飞 - 蝴蝶飞飞原创博客,高手多指教!谢谢
点这个
【FLASH区】 手把手教你制作FLASHMTV - 蝴蝶飞飞 - 蝴蝶飞飞原创博客,高手多指教!谢谢
3次哈。
【FLASH区】 手把手教你制作FLASHMTV - 蝴蝶飞飞 - 蝴蝶飞飞原创博客,高手多指教!谢谢
把游标拉到毛毛草草地方点确定我们就把没有声音的删除了。现在大家可以按Enter键试一试啦,按一下,音乐开始,再按一下,音乐停止,仔细观察一下帧的位置。
另:按“Enter”键是在场景中的测试,做一部分,再测试一下看看。而“Ctrl+Enter”是发布,自动在文档所在的同源文件夹内产生一个同名的文件,后缀名为*.swf,就是大家经常在网上看到的啦!( FLASH的源文件名为*.fla)
音乐的设置基本结束,将音乐图层上锁,并一直保持音乐图层在最上面
【FLASH区】 手把手教你制作FLASHMTV - 蝴蝶飞飞 - 蝴蝶飞飞原创博客,高手多指教!谢谢
在“音乐”图层的下面新建一个图层
【FLASH区】 手把手教你制作FLASHMTV - 蝴蝶飞飞 - 蝴蝶飞飞原创博客,高手多指教!谢谢
选择工具栏中的矩形工具,
【FLASH区】 手把手教你制作FLASHMTV - 蝴蝶飞飞 - 蝴蝶飞飞原创博客,高手多指教!谢谢
画一个550*45的无边框矩形
【FLASH区】 手把手教你制作FLASHMTV - 蝴蝶飞飞 - 蝴蝶飞飞原创博客,高手多指教!谢谢
点中这个矩形,在下面的属性面板中更改其属性,将宽改为550(与场景的宽一样),高改为45
【FLASH区】 手把手教你制作FLASHMTV - 蝴蝶飞飞 - 蝴蝶飞飞原创博客,高手多指教!谢谢
别忘了“垂直居中”与“上对齐”。
【FLASH区】 手把手教你制作FLASHMTV - 蝴蝶飞飞 - 蝴蝶飞飞原创博客,高手多指教!谢谢
注意下面的锁,如果上锁了,其宽与高是同比例增减;如果是开锁状态,可任意设置图形(元件)的大小。
打开“窗口”--->“设计面板”--->“对齐”面板(或者直接点击时间轴上方的快捷栏中的对齐面板),将其设为“垂直居中”与“上对齐”。
注意:要将“相对于舞台”这个图标按下去,因为这个长条的位置是相对于场景来说的
【FLASH区】 手把手教你制作FLASHMTV - 蝴蝶飞飞 - 蝴蝶飞飞原创博客,高手多指教!谢谢
这个就是对齐点下就出来了.
【FLASH区】 手把手教你制作FLASHMTV - 蝴蝶飞飞 - 蝴蝶飞飞原创博客,高手多指教!谢谢
左手按住“Ctrl”键,右手用鼠标点中条往下拖动,这个就复制了另一条然后在对齐面板中,
【FLASH区】 手把手教你制作FLASHMTV - 蝴蝶飞飞 - 蝴蝶飞飞原创博客,高手多指教!谢谢
让“垂直居中”与“下对齐”。
上锁。
【FLASH区】 手把手教你制作FLASHMTV - 蝴蝶飞飞 - 蝴蝶飞飞原创博客,高手多指教!谢谢
新建一个图层
【FLASH区】 手把手教你制作FLASHMTV - 蝴蝶飞飞 - 蝴蝶飞飞原创博客,高手多指教!谢谢
选择工具栏中的直线工具,按住“Shift”(按住“Shift”键,用直线工具可画出水平、垂直或45度的直线来)键画一条长550,笔触颜色为自己喜欢的颜色
【FLASH区】 手把手教你制作FLASHMTV - 蝴蝶飞飞 - 蝴蝶飞飞原创博客,高手多指教!谢谢
【FLASH区】 手把手教你制作FLASHMTV - 蝴蝶飞飞 - 蝴蝶飞飞原创博客,高手多指教!谢谢
画好这条线后,放在绿条的下面,同样用左手按住“Ctrl”键,将其向下拖动,复制另一个黄条,放在下面的绿条的上面。上锁
【FLASH区】 手把手教你制作FLASHMTV - 蝴蝶飞飞 - 蝴蝶飞飞原创博客,高手多指教!谢谢
新建一个图层,重命名为“落款”。在这个图层里用文本工具分别在左上角写上歌名右上角写上制作者。这就叫落款
【FLASH区】 手把手教你制作FLASHMTV - 蝴蝶飞飞 - 蝴蝶飞飞原创博客,高手多指教!谢谢
【FLASH区】 手把手教你制作FLASHMTV - 蝴蝶飞飞 - 蝴蝶飞飞原创博客,高手多指教!谢谢
上锁。该弄歌词了.新建一图层,重命名为“歌词”当然歌词的制作方法也有许多,有插入帧标签的,有用AS语句的,但我认为最简单的一个笨办法就是“听”!
具体来说就是一边测试音乐一边制作歌词动画,关键当然是掌握每一句歌词的起止位置。按下回车键(Enter),时间轴上的红色游标开始走,音乐也随之响起。仔细听:第一句“美丽的姑娘如今在何方
”的“美”字出来了,赶快按回车键,看时间轴,红色游标好象停在了380帧处,在“歌词”图层的第380帧处插入空白关键帧。
【FLASH区】 手把手教你制作FLASHMTV - 蝴蝶飞飞 - 蝴蝶飞飞原创博客,高手多指教!谢谢
打开歌词本子将美丽的姑娘如今在何方 复制,回到软件中选择文本工具,在下面的面板属性中将文本的属性改成静态文本。 回到场景,在最下面的中间处(黄条下,绿条上)按住鼠标左键轻拉一下,将第一句的歌词复制粘贴了。
【FLASH区】 手把手教你制作FLASHMTV - 蝴蝶飞飞 - 蝴蝶飞飞原创博客,高手多指教!谢谢
用“选择”工具点中歌词,用鼠标右键
【FLASH区】 手把手教你制作FLASHMTV - 蝴蝶飞飞 - 蝴蝶飞飞原创博客,高手多指教!谢谢
将她转换成元件
【FLASH区】 手把手教你制作FLASHMTV - 蝴蝶飞飞 - 蝴蝶飞飞原创博客,高手多指教!谢谢
用对齐面板“居中”对齐,并放在适当的位置上接着听第二句杂哪里
【FLASH区】 手把手教你制作FLASHMTV - 蝴蝶飞飞 - 蝴蝶飞飞原创博客,高手多指教!谢谢
按回车插入空白关键帧一样的方法哈都是就是要细心.
第二句在1522这帧上第三句.....一定要细心.仔细听,第一段的“何时碰到你温柔的目光 ”结束了,插入空白关键帧。第一段就完了 接着第二段这个就方便些了.找准帧处从库里直接拖进来就是.因为都是重复的了.在1356处拖进来刚才做的第一句
1414.1466 .1495.1522.1576.1631......最后弄完就在2717帧处插上空白关键帧
歌词弄完了就是编辑效果了.这个你可以在U5里或者PS里做好更好的FLASH兄弟软件是
【FLASH区】 手把手教你制作FLASHMTV - 蝴蝶飞飞 - 蝴蝶飞飞原创博客,高手多指教!谢谢

【FLASH区】 手把手教你制作FLASHMTV - 蝴蝶飞飞 - 蝴蝶飞飞原创博客,高手多指教!谢谢
这2个软件的用这里不多说后面这个我出过教程的前这个没出.不过都很好操着的.不用软件我们就用改(Alpha值)来调歌词的淡出效果:现在要做出歌词唱完,那一句歌词就淡出的效果。也就是说每一句歌词起始帧都已找出来了,再找出歌词最后一个字唱出与歌词结束的那两个帧的位置,转换为关键帧,并在最后的那个关键帧设歌词为不可见(Alpha值为0)。
以第一句的歌词为例。在380帧处已经有了起始帧了,仔细听:在420帧处歌词都唱出来了,在435帧处消失(通常在第二句歌词的前一帧)。我们就把时间轴的380与435帧处用鼠标点一下(游标所在的位置),在弹出的右键菜单中选择“插入关键帧”。
【FLASH区】 手把手教你制作FLASHMTV - 蝴蝶飞飞 - 蝴蝶飞飞原创博客,高手多指教!谢谢
在场景中点击380帧处的“歌词1”元件,在属性面板中,将颜色选项中的Alpha(在颜色选项中共有四个:亮度、色调、Alpha与高级。Alpha值就是透明度,其值为100全部可见,为0时有不可见)值设为0
【FLASH区】 手把手教你制作FLASHMTV - 蝴蝶飞飞 - 蝴蝶飞飞原创博客,高手多指教!谢谢
设置380帧与435帧为动作补间动画
【FLASH区】 手把手教你制作FLASHMTV - 蝴蝶飞飞 - 蝴蝶飞飞原创博客,高手多指教!谢谢
第一句歌词的淡出效果就做好的。
同样的,做出第二、三.....句歌词的淡出效果。
至此“歌词”图层才算基本结束。
测试一下看看,检查一下每一句的歌词是不是与音乐同步,如果不同步的话,请左手按住“Ctrl”键,右手同时按住鼠标左键将其所在的关键帧往左右调整。
跟随歌词的制作:随着歌声的出现,歌词也随之出现。
这个主要用遮罩效果来实现。所谓遮罩,必须有二层,就是上一层遮罩着下面的一层,用上面一层的形状来显示下面一层的内容,也就是上面一层的填色区块显示下面一层的图案。说白了,就是你要显示什么,就在遮罩层遮罩什么。
要显示歌词从无到有的过程,我们就用一个长矩形慢慢将歌词遮住。
在“歌词”图层的上面新建一图层,重命名为“遮罩”。
【FLASH区】 手把手教你制作FLASHMTV - 蝴蝶飞飞 - 蝴蝶飞飞原创博客,高手多指教!谢谢
还能第一句歌词为例来说明:
在遮罩图层上,先把歌词开始帧就是第380帧
【FLASH区】 手把手教你制作FLASHMTV - 蝴蝶飞飞 - 蝴蝶飞飞原创博客,高手多指教!谢谢
转换成空白关键帧,
【FLASH区】 手把手教你制作FLASHMTV - 蝴蝶飞飞 - 蝴蝶飞飞原创博客,高手多指教!谢谢
在场景中画出一无边框的红色小窄矩形(颜色也可自定)
【FLASH区】 手把手教你制作FLASHMTV - 蝴蝶飞飞 - 蝴蝶飞飞原创博客,高手多指教!谢谢
在歌词完全出现的第340帧插入关键帧,用任意变形工具将其一直往右拉(这样只要有时间可以把一个一个的字卡出来做出不同的效果不过太麻烦了点)
【FLASH区】 手把手教你制作FLASHMTV - 蝴蝶飞飞 - 蝴蝶飞飞原创博客,高手多指教!谢谢
设置形状补间。
【FLASH区】 手把手教你制作FLASHMTV - 蝴蝶飞飞 - 蝴蝶飞飞原创博客,高手多指教!谢谢
选择“遮罩”图层,在弹出的鼠标右键菜单中选择“遮罩层”,自动就将“遮罩”图层变成了遮罩层,下面的“歌词”图层变成了被遮罩层。
【FLASH区】 手把手教你制作FLASHMTV - 蝴蝶飞飞 - 蝴蝶飞飞原创博客,高手多指教!谢谢
【FLASH区】 手把手教你制作FLASHMTV - 蝴蝶飞飞 - 蝴蝶飞飞原创博客,高手多指教!谢谢
就是太麻烦要仔仔细细加足够的耐心.在“歌词”图层的下面新建一个图层,我们所要做的就是将“歌词”图层复制到这个图层来。复制图层,在“歌词”图层的左边点一下,“歌词”图层整个变黑色的了,证明这个图层就整个选中了,再将鼠标移到右边,右键菜单,选择“复制帧”,
【FLASH区】 手把手教你制作FLASHMTV - 蝴蝶飞飞 - 蝴蝶飞飞原创博客,高手多指教!谢谢
在新建的图层的第一个空白关键帧处点鼠标右键,选择“粘贴帧”。
【FLASH区】 手把手教你制作FLASHMTV - 蝴蝶飞飞 - 蝴蝶飞飞原创博客,高手多指教!谢谢
命名为“歌词1”
【FLASH区】 手把手教你制作FLASHMTV - 蝴蝶飞飞 - 蝴蝶飞飞原创博客,高手多指教!谢谢

所有图层的帧都应该是一样的

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

 

具体操作如下,选择每一句歌词起始的那帧的“歌词”元件,在下面的属性面板中将其的色调更改为如图的样子。当然你也可以更改成别的颜色,或调整Aphla值来改变颜色也成。
【FLASH区】 手把手教你制作FLASHMTV - 蝴蝶飞飞 - 蝴蝶飞飞原创博客,高手多指教!谢谢
在做图片效果以前,我们先将库整理一下。按F11键打开库面板,新建一个文件夹,
【FLASH区】 手把手教你制作FLASHMTV - 蝴蝶飞飞 - 蝴蝶飞飞原创博客,高手多指教!谢谢
重命名为“歌词”,
【FLASH区】 手把手教你制作FLASHMTV - 蝴蝶飞飞 - 蝴蝶飞飞原创博客,高手多指教!谢谢
将以前所做出来的歌词元件全部放入这个文件夹内
【FLASH区】 手把手教你制作FLASHMTV - 蝴蝶飞飞 - 蝴蝶飞飞原创博客,高手多指教!谢谢

再新建两个文件夹,分别命名为“图”、“图1”,分别放置马上要导入的原图及原图转换的元件图片。为了制作的简单,这个MTV场景的效果主要是图片的转换,而淡入与淡出就是需要两个图层,一个图层做图片的淡入,另一个图层做图片的淡出。在片头与中间音乐过门的地方,加入了歌名从无到有的动画,这只是个简单的运动渐变。

1、导入图片。

文件-->导入-->导入到库,将下载好的素材的图片导入到库中,并将之放入“图”的文件夹中。

2、新建三个图层,分别从上到下重命名为:歌名、图片2、图片1
【FLASH区】 手把手教你制作FLASHMTV - 蝴蝶飞飞 - 蝴蝶飞飞原创博客,高手多指教!谢谢
在“图片1”图层的第一帧处放入一张背景图片,右键菜单选择“转换为元件”,将其转换成图形元件,重命名放入“图”文件夹内。

特别提醒:以后每导入一张图片都如此处理,都要转换成元件只有元件才可能做运动渐变,才可能改变其色调、Alpha、亮度等属性指标。
【FLASH区】 手把手教你制作FLASHMTV - 蝴蝶飞飞 - 蝴蝶飞飞原创博客,高手多指教!谢谢
按F8新建一图形元件,取名为“歌名” 用文本工具在场景中写上歌名再
【FLASH区】 手把手教你制作FLASHMTV - 蝴蝶飞飞 - 蝴蝶飞飞原创博客,高手多指教!谢谢
新建一个图层,将图层1的帧复制到图层2中,改变图层2中文字的颜色,
【FLASH区】 手把手教你制作FLASHMTV - 蝴蝶飞飞 - 蝴蝶飞飞原创博客,高手多指教!谢谢
然后将其用键盘中的向下和向右箭头分别向下和向右移两下,文字的立体效果就出来了回到主场景“歌名”图层。

   在20帧处插入关键帧,将做好的“歌名”元件放入图中适当的位置
【FLASH区】 手把手教你制作FLASHMTV - 蝴蝶飞飞 - 蝴蝶飞飞原创博客,高手多指教!谢谢
接着 在205帧处也插入关键帧,我们要做的就是20帧到205帧间的运动渐变,“歌名”从小逐渐变大。回到20帧处,点中“歌名”元件,按“Ctrl+T”打开变形面板。在约束前打上勾,在约束的前两个小框内直接输入“0.1",再按回车键,“歌名”一下子看不见了。设置20帧~205帧为运动渐变。
【FLASH区】 手把手教你制作FLASHMTV - 蝴蝶飞飞 - 蝴蝶飞飞原创博客,高手多指教!谢谢
接着就是往后先插入空白关键帧再加土片都是一样的.图片的淡出淡入效果这张图片在这个图层淡入淡出,另一张图层在另一个图层淡出淡入,两个图层交错着来。设置前一帧的Alpha值为0,设置运动补间动画做完后我说下加按纽
【FLASH区】 手把手教你制作FLASHMTV - 蝴蝶飞飞 - 蝴蝶飞飞原创博客,高手多指教!谢谢
歌词完了在最后一证处加个空白关键帧点插入新建元件.
【FLASH区】 手把手教你制作FLASHMTV - 蝴蝶飞飞 - 蝴蝶飞飞原创博客,高手多指教!谢谢
点文本工具写
【FLASH区】 手把手教你制作FLASHMTV - 蝴蝶飞飞 - 蝴蝶飞飞原创博客,高手多指教!谢谢
回到主场景拖进去
【FLASH区】 手把手教你制作FLASHMTV - 蝴蝶飞飞 - 蝴蝶飞飞原创博客,高手多指教!谢谢
点动作面板
【FLASH区】 手把手教你制作FLASHMTV - 蝴蝶飞飞 - 蝴蝶飞飞原创博客,高手多指教!谢谢
我又拖了一只蝴蝶进来转换成元件后对着蝴蝶点右键的动作在面板里输入
【FLASH区】 手把手教你制作FLASHMTV - 蝴蝶飞飞 - 蝴蝶飞飞原创博客,高手多指教!谢谢
要是加上遮罩动画就漂亮了.太多了这里就不加了.好了终于完了.
 

    本站是提供个人知识管理的网络存储空间,所有内容均由用户发布,不代表本站观点。请注意甄别内容中的联系方式、诱导购买等信息,谨防诈骗。如发现有害或侵权内容,请点击一键举报。
    转藏 分享 献花(0

    0条评论

    发表

    请遵守用户 评论公约

    类似文章 更多