您好!欢迎您光临不用as制作简易音乐播放器的原理与思考_迎客松B站!

体育

I

交友

I

论坛

I

会员注册

I

本站搜索

I

收藏本站

当前位置:首页 >>>实例教程>>>不用as制作简易音乐播放器的原理与思考
不用as制作简易音乐播放器的原理与思考
发表日期:2012/9/19 10:37:00 出处:迎客松 作者:翠柏 发布人:hsb345 已被访问 5086

 不用as制作简易音乐播放器的原理与思考

   

    教学目的:通过本节教学了解和掌握公用库中按钮及按钮相关指令的添加,进而不用as脚本来制作简单的音乐播放器,为你的mv和动画作品增加色彩。

  教学对象:本教材是针对有一定动画制作基础和对as语句与动面板有一定了解的朋友们编制的,因此省略了一些步骤,还望谅解。

    教学要点:公用库,按钮、按钮指令。

 

   

    作前准备

    1.准备一张像素为550*400的生日图片,经过制图软件(ps、fw)处理后,保存到指定文件夹中待用。

    2.下载一首mp3生日歌曲,保存到指定文件夹中待用。

  制作步骤

  1.启动FLASH8 软件

    2.确立文档属性 设置动画尺寸为550*400,帧频为12,背景颜色任意,其它默认,点击确定,进入场景1。如图1所示:


(图1)

    3.编辑制作场景 添加六个图层,共七个图层。自下而上分别命名为背景、矩形、线段、小圆、按钮、歌曲、as。

    (1)选择歌曲图层第一帧,将准备好的歌曲导入到库中。再将歌曲拖到工作区,按f5键,待歌曲放完时松开(本教材歌曲放到第439帧)。上锁。

    (2)选择背景图层第一帧,将准备好的背景图片导入到工作区,设置其规格为550*400,全居中,在第439帧处插入普通帧。上锁。如图2所示:


图2

    (3)选择矩形图层第一帧,用矩形工具在工作区拖一个规格为435*38的灰色的无边框矩形。如图3所示:


图3

右键该实例,将其转换为影片剪辑。打开“滤镜”,选择“+号-斜角”,并设置其参数,如图4所示:

图4

完成后的实例,如图5所示:


图5

用黑箭头工具将该实例拖放到背景的下方,在第439帧处插入普通帧。上锁。如图6所示:


图6

    (4)选择线段图层第一帧,关闭填充色,用线条工具在工作区画一条笔触为3,长为295的白色线段。如图7所示:


图7

用黑箭头工具将该线段拖放到矩形上边,在第439帧处插入普通帧。上锁。其位置如图8所示:

图8

    (5)选择小圆图层第一帧,用椭圆形工具在工作区拖一个规格为12*12,红色,无边框的小圆。如图9所示:


图9

用黑箭头工具将小圆拖放到线段的左端点,如图10所示:


图10

在第439帧处插入关键帧,将小圆移到线段的右端点,点击第1帧,创建此区域间的动画补间。如图11所示:


图11

    (6)选择按钮图层第一帧,点击“窗口-公用库-按钮”,在按钮界面双击倒数第二个文件夹,然后在新界面选择flat blue play(开始)和 flat blue stop(停止)两个按钮,将其拖入到矩形的左边。如图12所示:


图12

右键左边的开始按钮,打开动作面板,在as编辑区输入,如下指令:

on (press) {
 play();

}

右键右边的停止按钮,打开动作面板,在as编辑区输入,如下指令:

on (press) {
 stop();

}

锁定该图层。

    (7)选择as图层第一帧,右键该空白关键帧,打开动作面板,在as编辑区输入,停止指令:

stop();

(目的是打开动画后歌曲停止播放,如果想要打开动画就播放歌曲。也可省略此步骤)

锁定该图层。

完成后的简易播放器式样,如图13所示:


图13

      4.该作业完成后的时间轴如图14所示:


图14

    5.测试存盘

 

    *说明

    1.此播放器为简易播放器,要控制音量须另作音量控制器。

    2.要在播放器中添加播放器名称、歌曲名称和歌手名字可另加一个图层键入相关文字。

    3.要使播放器控制播放多首歌曲须将歌曲做成影片剪辑元件,相关原理与操作参照《歌卡制作》

 

 最终效果显示:


http://hsb345.16789.net/domName/hsb345/200852313303775022.swf

 

全屏下载

 

祝你成功!

 

进入更多教程

双击自动滚屏 【打印本页】 【关闭窗口
 相关评论:



AAA
(2009/9/8 21:54:00) [123.174.169.]

好,详细,真棒,顶一个。


梦雅
(2009/9/8 12:25:00) [116.208.65.]

老师的教程写得真好!播放器的滑块随音乐的播放而移动,我很早就想做出这种效果出来,可看了其它的教程,很复杂,就打消了试试的念头。看了您写的教程,我感觉很简单,一下子就学会了。谢谢了,祝老师的网站越办越好!


anhuei6
(2009/9/5 19:49:00) [60.166.202.]

谢谢老师这么快就解决了,祝老师身体安康,网站越办越兴旺。


anhuei6
(2009/9/5 15:18:00) [60.166.202.]

老师好,您辛苦了,我想问一下怎么图片都不显示了,老师能调整一下吗,谢谢了。


冰雪纷飞
(2008/8/1 18:59:00) [59.62.209.]

老师你的教程我带回家慢慢来学哦,谢谢老师了

 发表评论:共有 5 条评论

身份选择:会员 游客(游客不需要输入密码)
用 户 名: 密 码:
评论内容:
(最多评论字数:500)

迎客松B站 | 设为首页 | 加入收藏 | 联系我们 | 进入管理 | 关于站长 | 本站搜索

联系电话: 联系人:翠柏

琼icp备09005167