您好!欢迎您光临组件制作多曲歌卡的原理与方法_迎客松B站!

体育

I

交友

I

论坛

I

会员注册

I

本站搜索

I

收藏本站

当前位置:首页 >>>进阶教程>>>组件制作多曲歌卡的原理与方法
组件制作多曲歌卡的原理与方法
发表日期:2012/9/19 9:57:00 出处:迎客松 作者:翠柏 发布人:hsb345 已被访问 2549

组件制作多曲歌卡的原理与方法

   

    教学目的:通过本节教学了解和熟悉组件及其参数的设置,组件实例名称和as语句的填写。并运用此原理制作方便适用的mp3多曲歌卡。

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

    教学要点:组件、组件参数、滤镜、动作面板、as语句。

   

   

    作前准备

    1.准备一张规格约为550*400的,作为背景作品的图片,经过制图软件(ps、fw)处理后,放在指定的文件夹待用。

    2.准备10首mp3规格的有效绝对的音乐地址,放在指定的文本文档待用。

    1.启动FLASH8 软件

    2.确立文档属性

    设置动画尺寸为550*400,帧频为12,背景颜色深绿,其它默认,点击确定,进入场景1。如图1所示:



图1

    3.首先将准备好的素材图片导入到库中,待用。

    4.编辑制作场景

    在场景1,添加两个图层,共三个图层。自下而上命名为背景、矩形、组件。

    (1)选择组件图层第一帧,点击“窗口-组件”,打开组件面板,双击Media-Player 6 - 7文件夹,打开该文件夹,用鼠标将MediaPlayback组件拖到舞台。如图2、3所示:

图2


图3

选中该实例,点击面板上的“参数”,再点击参数面板的“启动组件检查器”(或选择“窗口-组件检查器”),打开“组件检查器”面板,设置其参数选项,如图4、5所示:

图4

图5

关闭该界面。然后将舞台组件缩小其规格为300*24,将其放置在舞台的左上角。如图6所示:

图6

点击该实例,在属性面板填写其实例名称为:mp3 。如图7所示:

图7

在双击组件库中的User Interface文件夹 ,打开该文件夹,用鼠标将ComboBox组件拖到舞台,选中该实例,设置其规格为166*22,放置在舞台的右上角,与上一个组件水平。如图8所示:

图8

两组件在组件库的位置如图9所示:

图9

为组件添加语句:

在点击ComboBox组件,按f9,打开动作面板,在as编辑器输入,如下指令语句:

on (load) {
_root.mp3.setMedia(this.value);
}
on (change) {
_root.mp3.setMedia(this.value);
}

为组件设置参数:

点击ComboBox组件-参数,打开参数界面。如图10所示:

图10

点击参数表中的data,在点击该栏右侧的收索镜,打开参数“值”列表。点击左上角的+号,将0右侧栏中的内容,换成你准备好的mp3歌曲地址,粘贴进去。在点击+号,完成第二首mp3歌曲地址的粘贴。如此,将你准备的10首mp3歌曲地址按顺序粘贴到相关的栏中。如图11所示:

图11

点击“值”列表下方的“确定”,填写的mp3歌曲地址便进入参数列表中。

同理,再点击ComboBox组件-参数,打开参数界面。如图12所示:

图12

点击参数表中的labels,在点击该栏右侧的收索镜,打开参数“值”列表。点击左上角的+号,将0右侧栏中的内容,换成和歌曲地址相对应的歌曲名称,粘贴进去。在点击+号,完成第二个歌曲名称的粘贴。如此,将你准备的歌曲名称按顺序粘贴到相关的栏中。如图13所示:

图13

点击“值”列表下方的“确定”,填写的歌曲名称便进入参数列表中。

在将rowCount栏右侧默认的5,改为10(因为本作业加载了10个歌曲)。上锁。如图14所示:


图14

锁定该图层。

    (2)选择矩形图层第一帧,用矩形工具拖一个规格约为514*35的,无边线矩形,颜色随意,并将其放置在两个组件的位置上,水平中齐。上锁。如图15所示:

图15

(本教程中的矩形通过滤镜-斜角,将其做成立体感矩形)


    (3)选择背景图层第一帧,从库中拖出素材图片(或你制作的动画影片剪辑)到舞台,规格为550*400,全居中。如图16所示:


图16

    5.该作业完成后的时间轴,如图17所示:



图16

    6.测试存盘

 

    *说明:

     1.组件是flash8软件自带的功能,用途广泛,功能强大。运用组件可加载外部的语音和视频文件。

     2.用组件加载外部文件的优点是大大压缩了swf文件的体积;其缺点是当外部文件地址失效,其swf文件加载的内容也不显示

     3.按照教程制作,两个组件最好是放置在上方,如果放置在最下方,测试中组件有可能出现不显示的内容

 

最终效果显示:


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

 

全屏下载

 

祝你成功!

 

进入更多教程

 

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



jwl
(2010/5/24 21:57:00) [125.125.68.]

有连播的as代码吗?老师!


hfxy2868
(2010/5/20 17:30:00)

谢谢老师的教程,我会了,呵呵,好高兴。


812379368
(2010/5/20 11:12:00)

学会了谢谢恩师!


812379368
(2010/5/20 11:12:00)

学会了谢谢恩师!

 发表评论:共有 4 条评论

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

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

联系电话: 联系人:翠柏

琼icp备09005167