您好!欢迎您光临定时闹钟的制作原理与方法(上)_迎客松B站!

体育

I

交友

I

论坛

I

会员注册

I

本站搜索

I

收藏本站

当前位置:首页 >>>进阶教程>>>定时闹钟的制作原理与方法(上)
定时闹钟的制作原理与方法(上)
发表日期:2012/9/19 10:24:00 出处:迎客松 作者:翠柏 发布人:hsb345 已被访问 3188

定时闹钟的制作原理与方法(上)

   

    教学目的:通过本节教学了解和熟悉时钟的制作与定时的设置原理,以及动态、输入文本及其变量的填写,动作面板和as语句等,并通过这些原理的有机结合制作出模仿定时闹钟的动画效果。

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

    教学要点:属性链接、实例名称、变量、按钮、动作面板、as语句。

   

   

    作前准备

    下载一支闹铃声效mp3,放到指定的文件夹待用。

    制作过程

    1.启动FLASH8 软件。

    2.确立文档属性

    设置动画尺寸为550*480,帧频为12,背景颜色淡蓝,其它默认,点击确定,进入场景1。如图1所示:


图1

    3.导入素材到库

    选择“文件-导入-导入到库”,将准备好的闹铃mp3声效导入库中。右键“该文件-链接”,打开属性链接面板,填写其标识符为:bbb ,其它参数,如图2所示:

 

图2

(URL处可填写任意一个网址)

    4.创建图形元件

    (1)选择“插入-新建元件”,建立一个名为“表盘”的图形元件,点击确定,进入元件编辑区。添加两个图层,共三个图层。自下而上命名为底板、表字、表圈。

    A.选择表圈图层第一帧,用椭圆工具,笔触高度为8,按shift键在舞台拖一个规格为260*260的,无填充色的正圆,颜色随意。全居中。上锁。如图3所示:

图3

    B.选择底板图层第一帧,用线条工具在舞台画一条笔触高度为1,长为300的线段,颜色随意(图5-1)。用任意变形工具选中该实例,点击“窗口-变形”,打开变形面板,设置其参数,如图4所示:

图4

点击下方的“复制并应用变形”按钮5次,舞台实例变化为(图5-2)。其流程,如图5所示:

图5

框选该实例,将其转换为图形元件,全居中。上锁。如图6所示:

图6

    C.选择表字图层第一帧,用文本工具在上边图形上输入相关数字。如图7所示:

图7

    D.点开底板图层的锁,删除本图层舞台实例。如图8所示:

图8

选择椭圆工具,点开色码表,选中最下行左数第二个色码,在舞台拖一个规格为255*255的正圆,全居中。上锁。如图9所示:

图9

(此图表圈经过滤镜处理)


    (2)选择“插入-新建元件”,建立一个名为“底板”的图形元件,点击确定,进入元件编辑区。添加一个图层,共两个图层。下层名为小框,上层名为文本。

    A.选择小框图层第一帧,用矩形工具和线条工具在舞台画一个笔触高度为2,规格约为162*102的,无填充色的边框,颜色随意,并将其转换为图形元件,全居中。上锁。如图10所示:


图10

    B.选择文本图层第一帧,用文本工具在小框中输入,如下内容,颜色、字体、规格适当。上锁。如图11所示:

图11

    5.创建按钮元件

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

    选择图层1第4帧(点击)插入空白关键帧,用矩形工具在舞台拖一个无边线的矩形,规格约80*40,颜色随意。全居中。如图12所示:



图12


    6.创建影片剪辑元件

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


    选择图层1第一帧,画一个规格为13*95的时针,颜色、形状自定。用任意变形工具点击该实例,将其注册点移到下方。如图13所示:

图13

然后,将该实例移到其注册点和舞台中心点同位。

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

    选择图层1第一帧,画一个规格为14*118的分针,颜色、形状同上。用任意变形工具点击该实例,将其注册点移到下方。然后,将该实例移到其注册点和舞台中心点同位。如图14所示:


图14

 

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

    选择图层1第一帧,画一个规格为3*168的秒针,颜色、形状自定。用任意变形工具点击该实例,将其注册点移到下方。并将该实例移到其注册点和舞台中心点同位。然后在其上方画个小圆。如图15所示:

图15

    元件已准备完,下面我们开始编辑制作场景。请点击下面链接进入:

 

定时闹钟的制作原理与方法(下)

 

最终效果显示:


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

 

全屏下载

 

祝你成功!

 

进入更多教程

 

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



long
(2010/9/4 23:46:00) [183.39.0.]

你好,老师这里的代码是不是有问题呀?
我弄了就是没有声音。


812379368
(2010/7/26 9:34:00)

看到新教材真喜欢!有时间一定要会!


yaorao
(2010/7/22 23:36:00)

小小在。呵呵老师继续教材好。我虚心学习

 发表评论:共有 3 条评论

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

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

联系电话: 联系人:翠柏

琼icp备09005167