分享

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

 吉祥如意988 2018-03-10

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

   教学目的:通过本节教学了解和熟悉组件及其参数的设置,组件实例名称和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所示:

 图17

    6.测试存盘

     *说明:

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

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

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

 

最终效果显示:


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

 全屏下载



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

    0条评论

    发表

    请遵守用户 评论公约

    类似文章 更多