分享

as打造背景游动条的制作原理

 情舞长空 2012-10-28
(作者:翠柏 编辑:admin

as打造背景游动条的制作原理

 

   

       教学目的:通过本节教学了解和掌握运用as语句打造背景游动条的动画效果,进而为你的作品增添色彩与情趣。

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

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

 

 

   制作步骤

  1.启动FLASH8 软件

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

as打造背景游动条的制作原理screen.width-333)this.width=screen.width-333" border=0>

图1

    3.创建影片剪辑元件

    (1)选择“插入-新建元件”,建立一个名为“线条1”的影片剪辑元件,点击确定,加入元件编辑区。就一个图层。

    选择图层1第一帧,用线条工具在舞台画一个笔触高度为1,高220的白色线段。水平中齐-上对齐。如图2、3所示:

as打造背景游动条的制作原理screen.width-333)this.width=screen.width-333" border=0>

图2

as打造背景游动条的制作原理screen.width-333)this.width=screen.width-333" border=0>

图3

    (2)选择“插入-新建元件”,建立一个名为“线条2”的影片剪辑元件,点击确定,加入元件编辑区。就一个图层。

    选择图层1第一帧,从库中拖出“线条1”影片剪辑元件到舞台,全居中。点击该实例,打开滤镜,设置其参数,如图4所示:

as打造背景游动条的制作原理screen.width-333)this.width=screen.width-333" border=0>

图4

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

as打造背景游动条的制作原理screen.width-333)this.width=screen.width-333" border=0>

图5

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

onClipEvent (load)
{
    speed = random(40) - 20;
    round = 20;
}
onClipEvent (enterFrame)
{
    if (_x < 0)
    {
        setProperty("", _x, 550);
    }
    if (_x > 550)
    {
        setProperty("", _x, 0);
    }
    if (i < round)
    {
        setProperty("", _x, _x + speed);
        ++i;
    }
    else
    {
        speed = random(40) - 20;
        i = 1;
    }
}

    4.编辑制作场景

    返回场景1,添加两个图层,共三个图层。自下而上命名为文本、线条、边框。

    (1)选择文本图层第一帧,用文本工具在舞台输入相关内容,字体、规格、颜色随意。全居中,上锁。如图6所示:

as打造背景游动条的制作原理screen.width-333)this.width=screen.width-333" border=0>

图6

    (2)选择线条图层第一帧,从库中拖出线条2影片剪辑都舞台,左对齐-垂直中齐。同理同种方法,再从库中依次拖出四个线条2影片剪辑元件到舞台,将它们放置在和上一个线条元件的相同位置。上锁。如图7所示:

as打造背景游动条的制作原理screen.width-333)this.width=screen.width-333" border=0>

图7

    (3)选择边框图层第一帧,导入或制作一个边框,规格550*200,全居中。上锁。如图8所示:

as打造背景游动条的制作原理screen.width-333)this.width=screen.width-333" border=0>

图8

    5.本作业完成后时间轴显示如图9所示:

as打造背景游动条的制作原理screen.width-333)this.width=screen.width-333" border=0>


图9

 

  6.测试存盘

    *说明: 

    线条2影片剪辑元件在场景1的放置数量,可依据你动画作品的需要而定,以美观适度为宜。

    最终效果显示:


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

    0条评论

    发表

    请遵守用户 评论公约