收藏本站 | 站点地图 | 繁體中文
沭阳乐园
您现在的位置: 沐阳乐园 >> 文章中心 >> 网络教程 >> 动画实例 >> 正文
用Flash制作时钟教程         
用Flash制作时钟教程
作者:不老松 文章来源:网络 点击数:1656 更新时间:2011-1-4 16:21:47

制作时钟的基本方案:

一,时钟的基本组成:

1,时针.

2,分针.

3,秒针.

4,AS脚本.

5,表盘(刻度,数字).

6,三针交叉点遮盖.

二,制作五个元件,在元件里编辑:

1,制作时针

2,制作分针

3,制作秒针

4,制作表盘

5,制作三针交叉遮盖.

三,在场景的舞台里加6层,在舞台里编辑(顺序:从下向上数):

1,第一层AS

2,第二层表盘

3,第三层时针

4,第四层分针

5,第五层秒针

6,第六层交叉遮盖

下面分别详细叙述制作过程:(如果你有一定基础,在本文最后有:简化教程)

打开FlashMX,看文字菜单行下侧是否有"快捷工具",如果没有,点<窗口><工具拦>勾选<主要拦>,备以后使用.以下有使用这里的<对齐工具>,第一次使用<对齐工具>需要把<相对于舞台>下方的按钮压下去!

1,时针制作过程:

直接点文字菜单的<插入><新建元件>,<名称>写"时针",<行为>选<影片剪辑>.

在编辑区里,用左侧<工具>的<矩形工具>绘制无边黑色"长方形",打开属性面板.

选工具里的<黑箭头>,压住鼠标套住"长方形"后松手,属性里出现宽高.

将宽设置为6,高设置70.

使用<主要拦>里的<对齐工具>第一行,用2(水平中齐)6(底对齐).

元件制作完,不用保存,自然进入库里,想修改元件,必须先打开库,对准库里元件名右击,点<编辑>.

2,分针制作过程:

直接点文字菜单的<插入><新建元件>,<名称>写"分针",<行为>选<影片剪辑>.

在编辑区里,用左侧<工具>的<矩形工具>绘制无边黑色"长方形",

打开属性面板.

选工具里的<黑箭头>,压住鼠标套住"长方形"后松手,属性里出现宽高.将宽设置为6,高设置85.

使用<主要拦>里的<对齐工具>第一行,用2(水平中齐)6(底对齐).

3,秒针制作过程:

直接点文字菜单的<插入><新建元件>,<名称>写"秒针",<行为>选

<影片剪辑>.

在编辑区里,用左侧<工具>的<矩形工具>绘制无边红色"长方形",

打开属性面板.

选工具里的<黑箭头>,压住鼠标套住"长方形"后松手,属性里出现宽高.将宽设置为2,高设置120.Y值设置-100.

使用<主要拦>里的<对齐工具>第一行,用2(水平中齐)6(底对齐).

4,表盘制作过程:

直接点文字菜单的<插入><新建元件>,<名称>写"表盘",<行为>选<影片剪辑>.

在编辑区里,用左侧<工具>的<橢圆工具>绘制无边淡灰"圆形",

打开属性面板.

选工具里的<黑箭头>,压住鼠标套住"圆形"后松手,属性里出现宽高.

将宽设置为210,高设置210.

使用<主要拦>里的<对齐工具>第一行,用2(水平中齐)5(垂直中齐).

5,刻度制作过程:

继续在表盘制作里,加上第二层,在上,下,左,右,用<线条工具>绘制四个短线条,线条宽度设为1,长度设为10-20

先制作一个,制作完成后,压住鼠标套住"短线条"后松手,对准短线条右击点<复制>(有的叫拷贝),在其他位置右 击点粘贴,得到相同的短线条,布置到上下位置.

再在其他位置点粘贴,又得到一个相同的短线条,压住鼠标套住"短线条"后松手,点<修改><变形><顺时针旋转90>

对准横的短线条,右击复制再粘贴一个横的短线条,布置在左右.

6,数字制作过程:

继续在表盘制作里,加上第三层,(锁住其他层),用工具中的<A>字母,在编辑区写上"12",回到工具的黑箭头后,再点工具中的<A>字母,在编辑区写上"3",这样重复操作,再写上"6""9".摆放到适当位置.

(也可以不要12.3.6,9.写上:1,2,4,5,7,8,10,11更艺术点,这不是固定的,看你艺术水平了)

7,三针交叉点遮盖制作过程:

三针交叉点露出来不好看,需要装修遮盖.以下同制作表盘一样,只差圆的

直径尺寸.

直接点文字菜单的<插入><新建元件>,<名称>写"三针交叉遮盖",<行为>选<影片剪辑>.

在编辑区里,用左侧<工具>的<橢圆工具>绘制无边黑色"圆形",打开属性

面板.

选工具里的<黑箭头>,压住鼠标套住"圆形"后松手,属性里出现宽高.

将宽设置为12,高设置12.

使用<主要拦>里的<对齐工具>第一行,用2(水平中齐)5(垂直中齐).

到此为止,元件制作完毕.以下回到"场景编辑"

1,场景属性设置(或是说:文档属性):点<修改><文档>,宽:218,高:218.其他暂不变.

2,增加层,共6层,每层只一帧就可以.顺序由下向上,第一层层名:AS,第二层层名:表盘,第三层层名:时针,第四层层名:分针,第五层层名:秒针,第六层层名:交叉遮盖.

3,AS层:对准第一帧,打开<动作-帧>面板,复制以下AS代码,粘贴在里面:

_root.onEnterFrame = function() {

myDate = new Date();

hour._rotation = myDate.getHours()*30+(myDate.getMinutes ()/2);

min._rotation = myDate.getMinutes()*6+(myDate.getSeconds()/10);

sec._rotation = myDate.getSeconds()*6;

};

4,表盘层:打开库(按F11),点表盘层第一帧,把库中表盘元件拉到舞台,点对齐工具第一行的:2和5.

5,时针层:点时针层第一帧,把库中时针元件拉到舞台,再打开属性面板,用XY坐标对位置.X=106,Y=39.实例名称:hour

6,分针层:点分针层第一帧,把库中分针元件拉到舞台,再打开属性面板,用XY坐标对位置.X=106,Y=24.实例名称:min

7,秒针层:点秒针层第一帧,把库中秒针元件拉到舞台,再打开属性面板,用XY坐标对位置.X=108,Y=9.实例名称:sec

8,交叉遮盖层:打开库(按F11),点交叉遮盖层第一帧,把库中三针交叉遮盖元件拉到舞台,点对齐工具第一行的:2和5.

到此为止,全部完成,点<控制><测试影片>,看到问题关闭<测试>窗口,调整,

再<测试影片>,满意为止.

简化教程:

1,以下使用元件编辑,用绘图方法,分别制作,时针,分针,秒针,表盘,刻度,

数字,三针交叉遮盖等元件:

时针:用矩形工具,做无边黑色矩形,宽=6,高=70.水平:居中,垂直:底边对中.

分针:用矩形工具,做无边黑色矩形,宽=6,高=85.水平:居中,垂直:底边对中.

秒针:用矩形工具,做无边黑色矩形,宽=2,高=120.水平:居中,垂直:Y=-100.

表盘:用椭圆工具,做无边淡灰色圆形,宽=210,高=210.水平:居中,垂直:居中.

刻度:在表盘元件里,加一层,用线条工具做成放射形类似钟表黑色刻度盘.

数字:在表盘元件里,再加一层,用文字工具写四次,分别写:12,3,6,9,选字体

字号和颜色.

三针交叉点覆盖:是修饰物,该交叉点遮盖上更好看,用椭圆工具,做无边黑色圆形,宽=12,高=12.水平居中,垂直居中.

2,进入舞台场景编辑:建6层,由下向上的层名:AS,表盘,时针,分针,秒针,三针遮盖.

把AS代码粘贴点AS层第一帧.(提示:AS控制对象就是三针,所以三针,要冠以

实例名称,看下面制作)

把表盘元件从库中拉进表盘层第一帧,居中.

把时针元件从库中拉进时针层第一帧,水平居中,垂直:针底居中.实例名称设置:hour

把分针元件从库中拉进分针层第一帧,水平居中,垂直:针底居中.实例名称设置:min

把秒针元件从库中拉进秒针层第一帧,水平居中,垂直:针中心居中(和中心点不同).实例名称设置:sec

把三针交叉遮盖元件从库中拉进交叉遮盖层第一帧,居中.

3,反复测试调整.加上其他装修饰就更漂亮了,如果要想要更多功能,AS就不一样了,元件也要多了......,这只是入门!

下载一

文章录入:晴天    责任编辑:音乐听听 
  • 上一篇文章:
  • 下一篇文章:
  • 【字体: 】 【发表评论】【加入收藏】【告诉好友】【打印此文】【关闭窗口
    广告招商
    网友评论:(只显示最新10条。评论内容只代表网友观点,与本站立场无关!)
    ::发表评论::
     姓 名:
     评 分: 1分 2分 3分 4分 5分
     评论内容:
  • 严禁发表危害国家安全、政治、黄色淫秽等内容的评论。
  • 用户需对自己在使用本网服务过程中的行为承担法律责任。
  • 本站管理员有权保留或删除评论内容。
  • 评论内容只代表网友个人观点,与本网站立场无关。
  • 广告招商
    文章 下载 图片 文字广告
    | 设为首页 | 加入收藏 | 联系站长 | 友情链接 | 版权申明 | 网站公告 | 管理登陆

    备案/许可证编号: 闽ICP备16020960号-1号 域名创建于2016年8月
    版权: 沐阳乐园 All Rights Reserved 站长:张萍 邮箱:381415887@qq.com 联系QQ:联系站长