您好!欢迎您光临同时加载音像歌卡的制作原理与过程_迎客松B站!

体育

I

交友

I

论坛

I

会员注册

I

本站搜索

I

收藏本站

当前位置:首页 >>>进阶教程>>>同时加载音像歌卡的制作原理与过程
同时加载音像歌卡的制作原理与过程
发表日期:2012/9/19 10:03:00 出处:迎客松 作者:翠柏 发布人:hsb345 已被访问 2351

同时加载音像歌卡的制作原理与过程

   

    教学目的:通过本节教学了解和熟悉按钮的制作和指令语句的添加,及同时加载声音、图像的原理方法,以此创作精美适用的mp3多曲歌卡。

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

    教学要点:按钮、动作面板、as语句、音频剪辑、实例名称、滤镜。

   

 

    作前准备

  1.准备“15首邓丽君mp3缓冲效果好的歌曲有效地址,保存到指定的文件夹待用。

  2.准备一张规格约为550*410邓丽君的图片,和15个邓丽君图片的有效地址,保存到指定的文件夹待用。

  制作过程

    1.启动FLASH8 软件

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



图1

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

    4.创建按钮元件

    (1)选择“插入-新建元件”,建立一个名为“选歌”的按钮元件,点击确定,进入元件编辑区。就一个图层。

    选择图层1第一帧(弹起),打开矩形工具,选择多边形工具,在属性面板点击“选项”按钮,打开工具设置界面,设置其参数,如图2所示:


图2

在舞台拖一个规格为27*31的,黑红色的无边线三角形,全居中。右键该实例将其转换为影片剪辑,命名为“三角”。点击舞台实例,打开滤镜,设置其参数,如图3所示:


图3

在第2帧(指针经过)插入关键帧,将该实例变换个颜色,其色调参数,如图4所示:

图4

在第4帧(点击)插入帧。时间轴和舞台实例显示,如图5所示:

图5


    (2)选择“插入-新建元件”,建立一个名为“隐钮”的按钮元件,点击确定,进入元件编辑区。就一个图层。

    选择图层1第4帧(点击)插入空白关键帧,用矩形工具在舞台拖一个无边线的长条矩形,颜色随意。全居中。如图5所示:

图5


    5.创建图形元件

    选择“插入-新建元件”,建立一个名为“边框”的影片剪辑元件,点击确定,进入元件编辑区。添加一个图层,共两个图层。上层为外框,下层为底板。

    (1)选择外框图层第一帧,用矩形工具在舞台拖一个笔触高度为20,规格为530*480的,无填充色的草绿色矩形框,全居中。上锁。如图6所示:

图6

    (2)选择底板图层第一帧,用矩形工具在边框下方拖一个规格为530*100的,橙色的无边线的矩形,水平中齐-下对齐。上锁。如图7所示:


图7


    6.编辑制作场景

    返回场景1,添加7个图层,共8个图层。自下而上命名为封面、边框、歌名、按钮、翻页、歌曲、鼠标、右键。

    (1)选择边框图层第一帧,从库中拖出“边框”影片剪辑元件到舞台,全居中。点击该实例,打开属性面板的滤镜,设置其参数,如图8所示:



图8

完成后的舞台实例变化,如图9所示:

图9

在第16帧插入帧。上锁。

    (2)选择封面图层第1帧,从库中拖出邓丽君图片到舞台,规格为550*410,全居中。如图10所示:

图10

选中该实例,在属性面板填写其实例名称为 jpg 。如图11所示:

图11

在第2帧插入关键帧,在第16帧插入帧。上锁。

    (3)选择歌名图层第一帧,用文本工具在边框下边底板上输入:点击欣赏,其文字颜色、字体和规格适当,水平中齐。如图12所示:



图12

在第2帧插入空白关键帧,在底板处用文本工具输入15首歌曲的名称,在第16帧插入帧。其位置排列,如图13所示:

图13

    (4)选择按钮图层第一帧,从库中拖出“隐钮”按钮元件到舞台,将其放置在点击欣赏文字之上,调整好规格位置。如图14所示:


图14

点击该按钮,按f9,点开动作面板,在as编辑区输入,如下指令语句:

on (release) {
 gotoAndStop(2);

}

在第2帧插入空白关键帧,再依次从库中拖出15个“隐钮”按钮元件到舞台,将其放置在歌名之上。如图15所示:

图15

点击“我只在乎你”歌名上的按钮,按f9,点开动作面板,在as编辑区输入,如下指令语句:

on (release) {
 gotoAndStop(2);
    loadMovie("
http://i3.6.cn/cvbnm/9f/a4/8f/57fc98e2626fb5fe1ffc108b0a916c1a.jpg ", jpg);
}

(红色部分是已准备好的邓丽君图片地址1,黑色的数字2为该图片所在的帧)

点击“甜蜜蜜”歌名上的按钮,按f9,点开动作面板,在as编辑区输入,如下指令语句:

on (release) {
 gotoAndStop(3);
    loadMovie("
http://i3.6.cn/cvbnm/c7/76/35/66faf24136ee0024c90c440930f03fd2.jpg ", jpg);
}

(红色部分是已准备好的邓丽君图片地址2,黑色的数字3为该图片所在的帧)

同理同种方法,完成其它按钮的指令语句添加。最后一个歌名“月亮代表我心”上的按钮指令语句是:

on (release) {
 gotoAndStop(16);
    loadMovie("
http://i3.6.cn/cvbnm/7b/15/a6/d52b57eeb1821541d5326011bd5f620b.jpg", jpg);
}

锁定该图层。

    (5)选择翻页图层第一帧,从库中拖出“选歌”按钮元件到舞台,将其放置在底板的右端,调整好规格,和“点击欣赏”水平对齐。右键该按钮-复制,粘贴,再将新粘贴的按钮水平翻转,将其放置在底板的左端,和“点击欣赏”水平对齐。如图16所示:


图16

点击右侧按钮,按f9,打开动作面板,在as编辑区输入,如下指令语句:

on (release) {
 play();
}

点击左侧按钮,按f9,打开动作面板,在as编辑区输入,如下指令语句:

on (release) {
 prevFrame();
}

在第16帧插入帧。上锁。

    (6)选择歌曲图层第2帧插入空白关键帧,按f9,打开动作面板,在as编辑区输入,如下帧语句:

_global.Behaviors.Sound.AS.start(0, 1);
if (_global.Behaviors == null)
{
    _global.Behaviors = {};
}
if (_global.Behaviors.Sound == null)
{
    _global.Behaviors.Sound = {};
}
if (typeof(this.createEmptyMovieClip) == "undefined")
{
    this._parent.createEmptyMovieClip("BS_AS", new Date().getTime() - Math.floor(new Date().getTime() / 10000) * 10000);
    _global.Behaviors.Sound.AS = new Sound(this._parent.BS_AS);
}
else
{
    this.createEmptyMovieClip("_AS_", new Date().getTime() - Math.floor(new Date().getTime() / 10000) * 10000);
    _global.Behaviors.Sound.AS = new Sound(this.BS_AS);
}
_global.Behaviors.Sound.AS.loadSound("
http://www.jingyunw.com/blog/UploadFiles/2008-8/28173409783.mp3", true);
stop();

(红色部分为第一首歌名相对应的第一首歌曲绝对地址)

在第3帧插入空白关键帧,按f9,打开动作面板,在as编辑区输入,如下帧语句:

_global.Behaviors.Sound.AS.loadSound("http://image.86es.com/Image/zhyishi/MP3/甜蜜蜜.mp3", true);

stop();

(红色部分为第2首歌名相对应的第2首歌曲绝对地址)

右键第3帧-复制帧,然后分别右键第4-16帧,粘贴帧。在依次打开各帧的动作面板,将该帧语句中歌曲地址换成和歌名相对应的歌曲地址。锁定该图层。

    (7)选择鼠标图层第一帧,按f9,打开动作面板,在as编辑区输入,如下帧语句:

stop ();
function deg2rad(degrees)
{
    return (degrees * 3.141593E+000 / 90);
}
function randRange(min, max)
{
    var _loc1 = Math.floor(Math.random() * (max - min + 1)) + min;
    return (_loc1);
}
function drawPoly(sides, color, radius)
{
    var _loc10 = _root.getNextHighestDepth();
    var _loc7 = _root.createEmptyMovieClip("poly" + _loc10, _loc10);
    var _loc8 = deg2rad(360 / sides);
    _loc7.beginFill(color);
    _loc7.moveTo(radius, 0);
    for (var _loc2 = 1; _loc2 < sides; ++_loc2)
    {
        var _loc3 = _loc8 * _loc2;
        var _loc5 = Math.cos(_loc3) * radius;
        var _loc4 = Math.sin(_loc3) * radius;
        _loc7.lineTo(_loc5, _loc4);
    }
    _loc7.endFill();
    return (_loc7);
}
function initPoly()
{
    this._x = _xmouse;
    this._y = _ymouse;
    this._xscale = this._yscale = 0;
    this.rotateBy = randRange(-rotateByMax, rotateByMax);
    this.onEnterFrame = function ()
    {
        this._xscale = this._yscale = this._yscale + growBy;
        this._alpha = this._alpha - alphaDrop;
        this._rotation = this._rotation + this.rotateBy;
        if (this._alpha < 0)
        {
            this.removeMovieClip();
        }
    };
}
var time = 0;
var timeMin = 30;
var alphaDrop = 1;
var growBy = 1;
var rotateByMax = 4;
onMouseMove = function ()
{
    if (getTimer() - time > timeMin)
    {
        initPoly.apply(drawPoly(randRange(3, 12), randRange(0, 16777215), 100));
        time = getTimer();
    }
};
function genxin()
{
    call(genxinbiao.bb());
}
intervalId = setInterval(this, "genxin", 1000);

在第16帧插入帧。上锁。

    (8)选择右键图层第一帧,按f9,打开动作面板,在as编辑区输入,如下帧语句:

function dj_menu0()
{
    getURL("
http://hsb345.16789.net/index.asp?ydy_admin=you", "_blank");
}
function dj_menu1()
{
    getURL("
http://wpa.qq.com/msgrd?V=1&amp;Uin=414085604");
}
function dj_menu2()
{
    getURL("
http://hsb345.16789.net/index.asp?ActionX=ReadArt&NewsID=1334032", "_blank");
}
function dj_menu3()
{
    getURL("
http://hsb345.16789.net/index.asp?ActionX=ReadArt&NewsID=1463433", "_blank");
}
右键菜单 = new ContextMenu();
eval("右键菜单").hideBuiltInItems();
eval("右键菜单").customItems.push(new ContextMenuItem("进入:《迎客松》", dj_menu0, false));
eval("右键菜单").customItems.push(new ContextMenuItem("进入:QQ对话", dj_menu1, false));
eval("右键菜单").customItems.push(new ContextMenuItem("进入:更多习作", dj_menu2, false));
eval("右键菜单").customItems.push(new ContextMenuItem("进入:更多教程", dj_menu3, false));
_root.menu = eval("右键菜单");

在第16帧插入帧,上锁。

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



图17

    8.测试存盘

 

    *说明:

    本歌卡是通过as语句加载外部mp3音乐文件和图片文件的,故体积小(本歌卡加载了15首歌曲和15张图片,swf文件仅64.4kb)。其不足是,当加载的mp3地址和图片地址失效后,其歌卡中的歌曲和图像也就不发声不显示的了。

最终效果显示:


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

 

全屏下载

 

祝你成功!

 

进入更多教程

 

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



安静
(2011/5/8 0:31:00) [110.247.136.]

天外有天世外桃源  

 发表评论:共有 1 条评论

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

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

联系电话: 联系人:翠柏

琼icp备09005167