您好!欢迎您光临为mm变换颜色的制作原理与方法_迎客松B站!

体育

I

交友

I

论坛

I

会员注册

I

本站搜索

I

收藏本站

当前位置:首页 >>>进阶教程>>>为mm变换颜色的制作原理与方法
为mm变换颜色的制作原理与方法
发表日期:2012-9-19 9:39:00 出处:迎客松 作者:翠柏 发布人:hsb345 已被访问 2357

为mm变换颜色的制作原理与方法

   

    教学目的:通过本节教学了解和熟悉按钮及其指令语句,影片剪辑及其指令语句,以此创作出为实例变换颜色的作品来。

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

    教学要点:按钮、动作面板、as语句、实例名称、帧标签。

   

   

    作前准备

    准备一张mm全身人物图片,经过制图软件(ps、fw)处理后,放在指定的文件夹待用。

    1.启动FLASH8 软件

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


图1

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

    4.创建图形元件

    选择“插入-新建元件”,建立一个名为“mn”的图形元件,点击确定,进入元件编辑区。就一个图层。

    选择图层1第一帧,从库中拖出mm美女图片到舞台,全居中,打散。然后用铅笔工具勾画人物肢体边缘(每部分要封闭),删除背景。如图2所示:

图2

分别依次点击头发、领口、上衣、裤子、鞋子、手包,并将其转换为影片剪辑元件。分别依次命名为:01、02、03、04、05、06 。如图3所示:

图3

删除头发、领口、上衣、裤子、鞋子、手包,只剩下人物边线。此时舞台实例显示,如图4所示:

图4


    5.创建影片剪辑元件

    (1)选择“插入-新建元件”,建立一个名为“mm”的影片剪辑元件,点击确定,进入元件编辑区。添加六个图层,共七个图层。自上而下命名为mn、01、02、03、04、05、06 。

    A.选择mn图层第一帧,从库中拖出mn图形元件到舞台,全居中。如图5所示:

图5

    B.选择01图层第一帧,从库中拖出01影片剪辑元件到舞台,将其放置在美女的头发上,在属性面板填写其实例名称为:a1 。如图6所示:

图6

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

on (release)
{
    _root.boy.a1color = new Color(_root.boy.a1);
    _root.boy.a1color.setRGB(_root.sezhi);
    _root.sound.play();
}

锁定该图层。

    C.选择02图层第一帧,从库中拖出02影片剪辑元件到舞台,将其放置在美女的领口上,在属性面板填写其实例名称为:a2 。点击该实例,按f9,打开动作面板,在as编辑区输入,如下影片剪辑指令语句:

on (release)
{
    _root.boy.a2color = new Color(_root.boy.a2);
    _root.boy.a2color.setRGB(_root.sezhi);
    _root.sound.play();
}

锁定该图层。

    D.同理同种方法,在03-06图层第一帧上完成03-06影片剪辑元件的操作。其实例名称依次为:a3a4a5a6 ,添加语句同上,只是将红色部分改为相对应的:a3a4a5a6 即可 

    此环节完成后的时间轴,如图7所示:

图7

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

    选择图层1第一帧,在舞台画一个斜向的吸管,形状颜色随意,斜向规格为32*26。左对齐-下对齐。如图8所示:

图8

(此图规格放大了一倍)

    6.创建按钮元件

    (1)选择“插入-新建元件”,建立一个名为“颜色1”的按钮元件,点击确定,进入元件编辑区。添加一个图层,共两个图层。下层命名为底板,上层命名为正圆。

    A,选择底板图层第一帧(弹起),用矩形工具在舞台拖一个规格为45*45的,带黑边框的浅黑色正方形,框选该实例,全居中(图9-1),在第四帧插入帧,上锁;

    B.选择正圆图层第一帧(弹起),用椭圆形工具在舞台拖一个规格为40*40的白色无边线的正圆,全居中(图9-2),在第四帧插入帧,上锁。其流程,如图9所示:

图9

    C.同理同种方法,分别依次完成“颜色2-颜色10”九个按钮元件的操作。此环节完成后的十个按钮实例形状、规格、颜色,如图10所示:

图10

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

    选择图层1第一帧(弹起),用文本工具输入白色“清除”两个字,在第二帧(指针经过)插入关键帧,将“清除”改为蓝色,在第四帧(点击)插入关键帧,用矩形工具拖一个规格为48*24的,红色的、无边线的矩形。全居中。如图11所示:

图11

    7.编辑制作场景

    返回场景1,添加八个图层,共九个图层。自下而上命名为背景、小m、颜色、mm、鼠标、文本、边框、帧标签、as。 

    (1)选择背景图层第一帧,制作一个线性愠色的背景,规格为550*400,全居中,在第3帧插入帧,上锁。如图12所示(以下各图均缩小一半):


图12

    (2)选择小m图层第一帧,从库中拖出mm影片剪辑元件到舞台,设置其规格为43*130,将其放置在背景的中下方,水平中齐。如图13所示:

图13

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

onClipEvent (enterFrame)
{
    this.onRollOver = function ()
    {
        this.onEnterFrame = function ()
        {
            if (this._xscale < 100)
            {
                this._xscale = this._yscale = this._yscale + 5;
            }
        };
    };
    this.onRollOut = function ()
    {
        this.onEnterFrame = function ()
        {
            if (this._xscale > 80)
            {
                this._xscale = this._yscale = this._yscale - 5;
            }
        };
    };
    this.onRelease = function ()
    {
        _root.gotoAndPlay("tu1");
    };
}

在第2帧插入空白关键帧,在第3帧插入帧,上锁。


    (3)选择颜色图层第2帧,插入空白关键帧,从库中分别依次拖出“颜色1-颜色10”按钮,从左至右,从上到下在背景的左侧摆放好。如图14所示:

图14

点击颜色1按钮(白色),按f9,打开动作面板,在as编辑区输入,如下按钮指令语句:

on (press)
{
    _root.sezhi = 16777215;
}
on (press, release)
{
    myColor = new Color(_root.xiguan.yanliao);
    myColor.setRGB(_root.sezhi);
}

点击颜色2按钮(绿色),按f9,打开动作面板,在as编辑区输入,如下按钮指令语句:

on (press)
{
    _root.sezhi = 3648000;
}
on (press, release)
{
    myColor = new Color(_root.xiguan.yanliao);
    myColor.setRGB(_root.sezhi);
}

同理同种方法完成“颜色3-颜色10”的按钮指令语句的添加。分别依次将上边的语句中的红色数字,改为相对应的:1676573433687031675084811031260133693441673902390683010000000 ,其它内容不变。在第2帧插入帧,上锁。

    (4)选择mm图层第3帧插入空白关键帧,从库中拖出“mm”影片剪辑元件到舞台,设置其规格为120*358,将其放置在背景的左侧,垂直居中分布,如图15所示:

图15

点击该实例,在属性面板填写其实例名称为:boy 。上锁。如图16所示:


图16

    (5)选择鼠标图层第2帧,插入空白关键帧,从库中拖出“吸管”影片剪辑元件到舞台,设置其规格为32*27,其位置随意。如图17所示:

图17

点击该实例,在属性面板填写其实例名称为:xiguan 。在第3帧插入帧,上锁。如图18所示:


图18

    (6)选择文本图层第1帧,用文本工具在背景适当位置输入作品题目和相关内容。如图19所示:


图19

在第2帧插入空白关键帧,画两个带黑色边框的浅黑色的半圆,并将其放置在按钮组的上下,然后,再用文本工具在上半圆输入“颜色”两个字,字体、规格、颜色自定;再从库中拖出“清除”按钮元件到舞台,将其放置在下半圆之上。如图20所示:


图20

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

on (rollOver)
{
    Mouse.show();
    setProperty("_root.xiguan", _alpha, "0");
}
on (rollOut)
{
    Mouse.hide();
    startDrag ("_root.xiguan", true);
    setProperty("_root.xiguan", _alpha, "100");
}
on (release)
{
    _root.gotoAndPlay("tu1");
}

在第3帧插入帧,上锁。

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


 图21

    (8)选择帧标签图层第2帧,插入空白关键帧,点击该帧,在属性面板填写其帧标签名称为:tu1 。在第3帧插入空白关键帧。上锁。如图22所示:

图22

    (9)选择as图层第1帧,按f9,打开动作面板,在as编辑区输入停止指令:stop (); 在第2帧插入空白关键帧,按f9,打开动作面板,在as编辑区输入,如下帧语句:

Mouse.hide();
startDrag ("_root.xiguan", true);

在第3帧插入空白关键帧,按f9,打开动作面板,在as编辑区输入停止指令:stop ();

锁定该图层。

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


图23

    9.测试存盘

 

    *说明:

     1.颜色按钮中的正圆你可以用滤镜功能使其富于立体感。也可加入按钮声效。

     2.运用此原理方法你可以创作背景变色、实例换色等生动有趣的动画作品,展开创意试试吧  

最终效果显示:


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

 

全屏下载

 

祝你成功!

 

进入更多教程

 

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



yihh
(2010-4-6 10:59:00) [119.52.215.]

老师做的真好

 发表评论:共有 1 条评论

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

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

联系电话: 联系人:翠柏

琼icp备09005167