您好!欢迎您光临作品添加年月日时的制作原理与方法1_迎客松B站!

体育

I

交友

I

论坛

I

会员注册

I

本站搜索

I

收藏本站

当前位置:首页 >>>实例教程>>>作品添加年月日时的制作原理与方法1
作品添加年月日时的制作原理与方法1
发表日期:2012/9/18 13:33:00 出处:迎客松 作者:翠柏 发布人:hsb345 已被访问 3652

 作品添加年月日时的制作原理与方法1

   

    教学目的:通过本节教学了解和掌握动态文本的实例名称的输入,动作面板及帧as语句的添加,进而在你的动画作品中产生显示年、月、日、时和星期的时效。

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

    教学要点:动态文本、实例名称、as语句。

 

    

    作前准备

    准备背景图片一张(或你制作好的动画作品),规格550*400,经过制图软件(ps、fw)处理后,放到指定的文件夹待用。

    制作步骤

    1.启动FLASH8 软件

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


图1

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

    4.创建影片剪辑元件

    选择“插入-新建元件”,建立一个名为“时效”的影片剪辑元件,点击确定,进入元件编辑区。添加一个图层,共两个图层。下层命名为动本,上层命名为as。

    (1)选择动本图层第一帧,用文本工具在舞台拖四个并列的动态文本框, 如图2所示:


图2

    A.点击第一个文本框,如图3所示:

图3

在属性面板填写其实例名称为nian ,字体、规格、颜色随意。如图4所示:


图4

    B.点击第二个文本框,如图5所示:


图5

在属性面板填写其实例名称为riqi ,字体、规格、颜色随意。如图6所示:


图6

   C.点击第三个文本框,如图7所示:


图7

在属性面板填写其实例名称为shijian ,字体、规格、颜色随意。如图8所示:


图8

   D.点击第四个文本框,如图9所示:


图9

在属性面板填写其实例名称为xingqi ,字体、规格、颜色随意。如图10所示:


图10

锁定该图层。

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

function cc()
{
    var _loc1 = new Date();
    var _loc3 = _loc1.getMonth() + 1 + "." + _loc1.getDate() + ".";
    riqi.text = _loc3;
    nian.text = _loc1.getFullYear() + ".";
    var _loc2 = new Array("日", "一", "二", "三", "四", "五", "六");
    var _loc4 = _loc2[_loc1.getDay()];
    xingqi.text = "星期" + _loc4;
    if (_loc1.getHours() < 10)
    {
        xiao = "0" + _loc1.getHours();
    }
    else
    {
        xiao = _loc1.getHours();
    } // end else if
    if (_loc1.getMinutes() < 10)
    {
        fengzhong = "0" + _loc1.getMinutes();
    }
    else
    {
        fengzhong = _loc1.getMinutes();
    } // end else if
    if (_loc1.getSeconds() < 10)
    {
        miaoz = "0" + _loc1.getSeconds();
    }
    else
    {
        miaoz = _loc1.getSeconds();
    } // end else if
    shijian.text = xiao + ":" + fengzhong + ":" + miaoz;
    miaozhen._rotation = miaoz * 6;
    fengzhen._rotation = fengzhong * 6;
    shizhen._rotation = xiao * 30;
} // End of the function

锁定该图层。

    5.编辑制作场景

    返回场景1,添加两个图层,共三个图层。自下而上命名为作品、时效、as。

    (1)选择作品图层第一帧,将素材图片(或你的动画作品影片剪辑)拖入舞台,规格550*400,全居中。上锁。如图11所示:


   图11(素材)

    (2)选择时效图层第一帧,从库中拖出时效影片剪辑到舞台,放置在作品的下方,居中。如图12所示:


 图12

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

图13

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

function genxin()
{
    call(mc.cc());
}
intervalId = setInterval(this, "genxin", 1000);

锁定该图层。



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


图14

    7.测试存盘。

 
    说明:
 
    动态文本框的规格和各文本框之间的距离可通过测试,在时效影片剪辑中加以调整,直到满意为止。
 
最终效果显示:


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

 

全屏下载

 

祝你成功!

 

进入更多教程

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



敏子
(2011/1/13 23:01:00) [119.60.121.]

呵呵  老师我找到原因了 秒针的数字不显示原来是我的文本框拉的太小所以就没有了 我又拉大了就显示出来了做成功了非常高兴 谢谢您老师


敏子
(2011/1/13 22:23:00) [119.60.121.]

老师你好 我都做出来了 测试影片其他都对就是没有秒针的数字的显示  我做了两遍都是那样 不知是哪点的错误 


“大哥哥”
(2009/11/28 20:08:00) [123.233.129.]

感谢老师提供这么好的教材,在您这里学了很多东西,谢谢老师。


“大哥哥”
(2009/11/28 18:47:00) [123.233.129.]

按照老师的做法,做好以后放到公用库里面,再调出来怎么不能用?请老师解答一下。


晚霞
(2009/8/24 10:46:00) [221.202.90.]

老师写的教程真是通俗易懂。老师辛苦了!谢谢老师!

 发表评论:共有 5 条评论

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

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

联系电话: 联系人:翠柏

琼icp备09005167