效果预览图:
图 2-1
图 2-2
效果简介:
该效果在网站首页和MTV作品中再常见不过了。鼠标单击图2-1中的“音乐起”按钮,声音随即响起,光谱也跟随音乐声跳动起来,动感十足,如图2-2所示。
文章简介:
文章中读者将会接触到更多常用的动作和一个简单的影片剪辑属性。还会学到一种按钮实用技巧——透明按钮的作用。“对齐”面板的使用、声音的添加和使用等。最重要的是,在本例的设计中,读者还要学习Sound()(声音)对象及其几个重要方法的使用。
1.设置场景的大小为120px×60px,背景为黑色,帧频为12fps。
2.按快捷键Ctrl+F8打开“创建新元件”面板新建一个名为“光柱”的影片剪辑元件。
3.选中“矩形”工具并在“光柱”元件的场景中拉出一个矩形(不要边线),颜色为#48D600。选中它,在“属性”面板中将其宽设置为4px、高为2.5px。如果元件太小,不好设置,可以放大场景的缩放比例为300-400%,如图2-3所示。
图 2-3
4.复制这个矩形,接着再复制出四个,把复制出的矩形由上至下设置为1px、1.5px、2px、2.2px,宽度都不变。然后如图2-3所示排列。在对齐五矩形时,可以按快捷键Ctrl+K或点击常用工具栏上的 按钮调出“对齐”面板进行对齐。再把复制出的四个矩形的颜色由上至下设置为#F06000、#E8C800、#C0F800、#50E000。
注意:最下面一个的矩形的底线和中心线都要经过场景的中心点(小“+”字),见图2-3所示。否则光谱效果将无法实现。
5.新建一个名为“光谱”的影片剪辑元件。此时场景的缩放比例依旧设置为300%,这样做便于制作。打开库,把库中的“光柱”元件拖拽到“光谱”元件的场景中。接着右键单击“光柱”元件,在弹出的菜单中选择“动作”命令,打开“动作”面板,键入如下代码:
onClipEvent (enterFrame) {
_yscale = Math.random()*80+20;
}
以上代码中,onClipEvent()是一个事件触发器,事件enterFrame是在每一帧播放是触发动作。_yscale是影片剪辑的一个属性,它可以缩放影片剪辑在Y轴方向上的比例。Math.random可以随机取得一个范围在[0,1]之间的数值。
6.在“光谱”元件的场景中再复制出几个“光柱”元件,并用箭头工具和“对齐”面板中的“对齐”功能和“分布”功能来调整这些元件的位置。最后设置如图2-4所示。
图 2-4
7.新建一个名为“音乐”的按钮元件。在“音乐”按钮元件的场景中拉出一个矩形,然后再写上“音乐起”这三个字,如图2-5所示。
图 2-5
8.选中“指针经过”帧,按F6键插入关键帧,然后把场景中的元件稍做一些改动,譬如说把元件变大些,或是换换颜色等。
9.按快捷键Ctrl+R打开“导入”面板导入一个Mp3音乐文件。导入后,打开库就可以一个小喇叭的文件。如图2-6所示。
图 2-6
10.右键单击库中的音乐文件,在弹出的菜单中选择“链接”命令。然后如图2-7所示设置“链接属性”面板。给声音文件起个标识符名为“sound1”,用来以后导入和播放声音文件。
图 2-7
11.双击库中的声音文件,然后如图2-8所示设置“声音属性”面板,选择Mp3压缩格式该模式适合较长的流式声音。不勾选Use Document Quality选项就会弹出MP3的压缩设置。Bit Rate比特率的值越大则音效越好。当比特率的值高于20Kbps时Preprocessing预处理选项才能将立体声转换为单声道声音。Quality为音质的设置选项。压缩是为了减小文件的体积。
图 2-8
12.设置好所有的元件后,按快捷键Ctrl+E回到主场景。打开库,把库中的按钮元件“音乐”拖拽到场景中。接着右键单击第1帧,在弹出的菜单中选择“动作”命令,打开“动作”面板,键入代码“stop();”。
13.右键单击按钮元件“音乐”,在弹出的菜单中选择“动作”命令后键入如下代码:
on (release) {
sound = new Sound();
sound.attachSound("sound1");
sound.start(0, 20);
gotoAndPlay(2);
}
on()是鼠标事件的触发器。事件release是在鼠标被释放时触发下面的事件。即通过控制语句gotoAndPlay()跳转到影片的第2帧进行播放。
代码中我们使用到了Sound(声音)对象。代码“sound = new Sound();”就是创建一个新的声音对象sound。attachSound()是Sound()对象中的一个方法,其作用是将指定的声音附加到指定的Sound对象中。start([secondOffset, loop])也是一个方法,其参数secondOffset控制声音播放的起始时间;参数loop可以设定声音连续播放的次数。
14.右键单击第1帧,点选“拷贝帧”命令。然后再右键单击第2帧,点选“粘贴帧”命令粘贴帧。接着右键单击按钮元件“音乐”,在弹出的菜单中选择“动作”命令后键入一下代码:
on (release) {
sound.stop();
gotoAndPlay(1);
}
语句gotoAndPlay(1)里使影片跳转到第1帧进行播放。这里的stop()是Sound对象中的方法,用来使声音停止播放。最后设置如图2-9所示。
图 2-9
15.从库中把“光谱”元件拖拽到主场景的第2帧中,然后在“属性”面板中把第2帧中的按钮元件“音乐”的透明度设置成0,即完全不可见。
好了,大功告成。本例的制作中,读者重点要掌握的就是这个实例制作思路。另外就是“光谱”元件的设计方法以及场景缩放在设计中的使用。
相关视频
相关阅读 Windows错误代码大全 Windows错误代码查询激活windows有什么用Mac QQ和Windows QQ聊天记录怎么合并 Mac QQ和Windows QQ聊天记录Windows 10自动更新怎么关闭 如何关闭Windows 10自动更新windows 10 rs4快速预览版17017下载错误问题Win10秋季创意者更新16291更新了什么 win10 16291更新内容windows10秋季创意者更新时间 windows10秋季创意者更新内容kb3150513补丁更新了什么 Windows 10补丁kb3150513是什么
热门文章 没有查询到任何记录。
最新文章
Flash CS4基础入门
如何在Flash中打开一个定制的浏览器新窗口?学习ActionScript 3.0的6个好处几个小技巧精简Flash文件体积在Flash动画中添加“加为收藏”和“设为首页
人气排行 Flash游戏制作--小熊拼图用Flash实现几种镜头效果Flash制作动画知识:遮罩Flash如何做鼠标指针样式Flash制作环形文字Flash制作声情并茂的电子相册实例讲解flashMTV制作全过程(3)鼠标效果系列教程:游动的鱼
查看所有0条评论>>