打开APP
userphoto
未登录

开通VIP,畅享免费电子书等14项超值服

开通VIP
自动点选百叶窗相册的制作原理与方法

 

    作前准备

    下载规格约为450*338的人物图片11张,经过制图软件(ps、fw)处理后,保存到指定的文件夹待用。

    制作过程

    1.启动flash8软件。

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


图1

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

    4.创建影片剪辑元件

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

    A.选择图层1第1帧,从库中拖出“01”素材图片到舞台,450*338,全居中。如图2所示:


图2

    B.同理同种方法,依次创建“大图2-大图11”的影片剪辑元件,依次完成素材02-11的操作。

    (2)选择“插入-新建元件”,建立一个名为“小图1”的影片剪辑元件,点击确定,进入元件编辑区。添加一个图层,共两个图层。自下而上命名为图片、as。

    A.选择图片图层第1帧,从库中拖出“大图1”影片剪辑元件到舞台,改其规格等比缩小为为30*22.5,全居住。如图3所示:


图3

在第2帧插入关键帧,点击该实例,在属性面板设置其色调为黄色35%

。上锁。完成后的舞台实例,如同4所示:


图4

    B.选择as图层第1帧,按f9,打开动作面板,在as编辑区输入停止命令:stop(); 。在第2幀插入幀,上锁。

    C.本环节完成后的时间轴,如图5所示:


图5

    D.同理同种方法,依次创建“小图2-小图11”的影片剪辑元件,依次完成“大图02-大图11”影片剪辑元件的操作。

    (3)选择“插入-新建元件”,建立一个名为“矩形”的影片剪辑元件,点击确定,进入元件编辑区。添加一个图层,共两个图层。自下而上命名为矩形、as。

    A.选择矩形图层第1帧,用矩形工具在舞台拖一个规格为600*1的,无边线的矩形,颜色随意,将其打散,全居中。如图6所示:


图6

在第20幀插入关键帧,改其规格为600*30,全居中。如图7所示:


图7

在属性面板创建本区域间的形状补间。上锁。

    B.选择as图层第20帧插入空白关键帧,点击该幀,按f9,打开动作面板,在as编辑区输入,如下停止命令语句:

stop ();

锁定该图层。

    C.本环节完成后的时间轴,如图8所示:


图8

    D.右键库中该影片剪辑图标,打开其链接属性面板,填写其标识符为:m 。其它参数设置,如图9所示:

图9

    5.编辑制作场景

    进入场景1,添加13个图层,共14个图层。自下而上命名为,如图10所示:


图10

    (1)选择元件1图层第1帧,从库中拖出“大图1”影片剪辑元件到舞台,规格不变,全居中。如图11所示:


图11

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

 

图12

    (2)同理同种方法,分别依次在图层2-图层11的第一幀完成“大图2-11”影片剪辑元件的操作,其实例名称依次为:mc2mc11。锁定各图层。

    (3)选择小图图层第1帧,依次从库中拖出“小图1-11”影片剪辑元件到舞台,规格不变,将其依次并列摆放在大图的下方,调整好间隔。如图13所示:


图13

点击左1实例,在属性面板填写其实例名称为:xt1 。如图14所示:


图14

    (4)同理同种方法,分别依次点击左2-左11实例,依次完成其实例名称的填写。各实例名称依次为:xt1xt11 。上锁。

    (5)选择文本图层第1帧,用文本工具在大图的上方,和小图的下方输入作品的题目和相关提示、链接,其字体、规格、颜色自定。调整好位置,上锁。如图15所示:


图15

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

function aa()
{
    onEnterFrame = function ()
    {
        i <= n * t ? (i++) : (i = 1);
        for (k = 1; k <= n; k++)
        {
            bb((k - 1) * t, (k - 1) * t + 1, this['mc' + k], this['xt' + k]);
        }
    };
}
function bb(a, b, mc, xt)
{
    if (i > a && i <= a + t)
    {
        if (i == b)
        {
            for (k = 1; k <= 24; k++)
            {
                mm.attachMovie('m', 'm' + k, k);
                mm['m' + k]._y = 2.450000E+001 * (12 - k);
                mm['m' + k].gotoAndPlay(1);
            }
            mm._x = Stage.width / 2;
            mm._y = Stage.height / 2;
            mm._rotation = random(360);
            for (k = 1; k <= n; k++)
            {
                this['xt' + k].gotoAndStop(1);
            }
        }
        xt.gotoAndStop(2);
        mc.setMask(mm);
        mx.behaviors.DepthControl.bringToFront(mc);
    }
}
function cc(xt, c)
{
    xt.onRollOver = function ()
    {
        this.gotoAndStop(2);
    };
    xt.onRollOut = function ()
    {
        this.gotoAndStop(1);
    };
    xt.onPress = function ()
    {
        i = c;
    };
}
i = 0;
n = 11;
t = 45;
this.createEmptyMovieClip('mm', 0);
aa();
for (k = 1; k <= n; k++)
{
    this['mc' + k].onRollOver = function ()
    {
        _root.onEnterFrame = null;
    };
    this['mc' + k].onRollOut = function ()
    {
        aa();
    };
    cc(this['xt' + k], (k - 1) * t);
}

锁定该图层。

    6.本作业完成后的时间轴如图16所示:


图16

    7.测试存盘

 

    说明:

    百叶窗的个体宽度与矩形影片剪辑元件中矩形宽度成正比,相反,矩形的宽度与百叶窗的密度成反比。

 

最终效果显示效果:


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

 

全屏下载

 

祝你成功

 

进入更多教程

本站仅提供存储服务,所有内容均由用户发布,如发现有害或侵权内容,请点击举报
打开APP,阅读全文并永久保存 查看更多类似文章
猜你喜欢
类似文章
as打造百叶窗切换相册的制作原理与方法
百叶窗的制作
AC代码常识汇编
flash百叶窗制作
《百叶窗特效》的制作方法-flash动画教程-flash课件吧-基础动画教程,高级动画教程...
《月儿笔记》五、百叶窗 -
更多类似文章 >>
生活服务
热点新闻
分享 收藏 导长图 关注 下载文章
绑定账号成功
后续可登录账号畅享VIP特权!
如果VIP功能使用有故障,
可点击这里联系客服!

联系客服