您好!欢迎您光临实例变色缩放的制作原理与过程_迎客松B站!

体育

I

交友

I

论坛

I

会员注册

I

本站搜索

I

收藏本站

当前位置:首页 >>>进阶教程>>>实例变色缩放的制作原理与过程
实例变色缩放的制作原理与过程
发表日期:2012-9-19 10:53:00 出处:迎客松 作者:翠柏 发布人:hsb345 已被访问 2351

实例变色缩放的制作原理与过程

   

    教学目的:通过本节教学了解和熟悉影片剪辑的创建、实例名称,输入文本及其变量,以及动作脚本的填写,进而创作出有趣的实例变色缩放特效。

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

    教学要点:影片实例、输入文本、变量、动作面板、as语句。

   

 

    作前准备 

    准备两张规格为150*180像素的QQ企鹅情侣透明图片(色调最好为浅色),经过制图软件(ps、fw等)处理后,保存在指定的文件夹,待用。   

    1.启动FLASH8 软件

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

图1

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

素材图1


素材图2

    4.创建图形元件

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

    选择图层1第一帧,用矩形工具在舞台拖一个规格为260*25的,带边线的矩形,左侧填充色为灰色,右侧填充色为土黄色。全居中。如图2所示:


 图2

    5.创建影片剪辑元件

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

    选择图层1第一帧,从库中拖出雄性企鹅到舞台,规格为150*180,全居中。如图3所示:

 

图3

    6.编辑制作场景

    返回场景1,添加六个图层,共七个图层。自下而上分别命名为背景、底板、文本、输本、QQ、边框、as。

    (1)选择背景图层第1帧,在舞台导入或绘制一个背景,规格为730*500,全居中。上锁。如图4所示:

图4

    (2)选择底板图层第1帧,从库中依次拖出四个“底板”图形元件到舞台,将其放置在背景的左上方,竖向排列好。上锁。如图5所示:

图5

    (3)选择文本图层第1帧,用文本工具在底板组的上方和每个底板的左侧输入相关文字,字体、颜色、规格适当。上锁。其内容,如图6所示:

图6

    (4)选择输本图层第1帧,用输入文本在每个底板右侧(土黄色部分)拖个输入文本框,并键入-100字样,字体、颜色、规格适当。如图7、图8所示:

图7


图8

自上而下,分别依次点击输入文本框,在属性面板填写其变量依次为:rbgsf 。上锁。如图9所示:

图9

    (5)选择QQ图层第1帧,从库中拖出雌性QQ企鹅到舞台,设置其规格为120*140,将其放置在背景的左下方适当位置。如图10所示:

图10

再从库中拖出(雄性)"QQ"影片剪辑元件到舞台,规格为150*180,将其放置在背景的右侧适当位置。如图11所示:


图11

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


图12

    (6)选择边框图层第1帧,导入或制作一个边框,规格为730*500,全居中。上锁。如图13所示:


图13

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

bfqdm._visible = 0;
colorA = new Color(_root.qzh);
change_color = new Object();
r = b = g = sf = 100;
r1 = b1 = g1 = sf1 = 100;
this.onEnterFrame = function ()
{
    if (r1 != r || b1 != b || g1 != g || sf1 != sf)
    {
        bfqdm._visible = 0;
    }
    if (r < -100)
    {
        r = -100;
    }
    if (r > 100)
    {
        r = 100;
    }
    if (b < -100)
    {
        b = -100;
    }
    if (b > 100)
    {
        b = 100;
    }
    if (g < -100)
    {
        g = -100;
    }
    if (g > 100)
    {
        g = 100;
    }
    if (sf < 1)
    {
        sf = 100;
    }
    r1 = r;
    b1 = b;
    g1 = g;
    sf1 = sf;
    qzh._xscale = qzh._yscale = sf;
    change_color.ra = r;
    change_color.ga = g;
    change_color.ba = b;
    colorA.setTransform(change_color);
};

锁定该图层。


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



图14

    8.测试存盘

 

    *说明:

     1.变色缩放的QQ影片剪辑中的实例最好选取浅色的,那样便于色彩调整变换,当然如果鼠绘更好。

     2.如果QQ素材是动态的透明图片,可直接将该图片中的影片剪辑拖入场景即可,不必再创建该实例的影片剪辑元件。

 

最终效果显示:


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

 

全屏下载

 

祝你成功!

 

进入更多教程

 

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



yaorao
(2010-9-13 21:45:00)

老师谢谢恩师
小小学习

 发表评论:共有 1 条评论

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

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

联系电话: 联系人:翠柏

琼icp备09005167