您好!欢迎你光临Flash时钟的制作1(贝贝)_贝贝动画网|Flash动画乐园!

体育

I

交友

I

论坛

I

会员注册

I

本站搜索

I

收藏本站

当前位置:首页 >>>F S教材>>>实例教材>>>Flash时钟的制作1(贝贝)
Flash时钟的制作1(贝贝)
发表日期:2011-7-26 11:07:00 出处:原创 作者:未知 发布人:BEIBEI666 已被访问 5435

Flash时钟的制作

(编写/贝贝 参考/村夫的教材)


1,打开文档,设置大小为:350×350。背景:白色,确定。

2,插入/新建图形元件/名字:表盘,确定。点椭圆工具,关闭笔触,填充为放射状。2个色桶;左:F0F0FF,右:6666FF,按住Shift键画一个正园:260×260。居中、对齐。点填充变形工具,把光调整(见图1)。


 图1

3,点直线工具,笔触为黑色,画一条水平线段,选中线段,打开属性面板,作调整(见图2)。打开对齐面板,让线水平、垂直居中;再用方向键调成左对齐(见图3)。


 图2


图3

4,点自由变形工具,选中线段,用鼠标把小圆点拖到舞台中心。(见图4)。点窗口/设计面板/变形(打开浮动菜单),在旋转那里输入30,点浮动菜单右下方2个符号的左边那个(复制并应用变形)(点11次)完成后如(图5)。 


图4


图5

5,参照步骤3,画一条线段,在属性面板里调整线宽为:8;实线为:2。点自由变形工具,选中线段,用鼠标把小圆点拖到舞台中心。(见图4)。点窗口/设计面板/变形(打开浮动菜单),在旋转那里输入6,点浮动菜单右下方2个符号的左边那个(复制并应用变形)(点60次)完成后如(图6 


图6

6,点A工具,字号20,打字1-12,效果(见图7)。


图7

7,添加图层2,点椭圆工具,关闭笔触,填充为线性,2个色桶。左为:336666;右为:ceedf2。按住Shift键画一个275×275的圆,居中、对齐。用鼠标把图层2拖到图层1的下面。效果图(见图8)。 


图8

8,添加图层3,点椭圆工具,关闭笔触,填充为线性,3个色桶。左为:d9eafb;中为:95bcf7;右为:0066ff。按住Shift键画一个315×315的圆,居中、对齐。用鼠标把图层3拖到图层的最下面。效果图(见图9)。

 


图9

9,插入/新建影片剪辑元件/名字:时针,确定。绘制时针(先画一个无边框的小椭圆,再用箭头工具拉尖上面部分。再画一个正圆,放在中偏上的地方)。尺寸:10×92(见图10)。

 

 图10

10,插入/新建影片剪辑元件/名字:分针,确定。绘制分针(先画一个无边框的小椭圆,再用箭头工具拉尖上面部分。再画一个无填充色的椭圆,放在中偏上的地方)(见图11)。点第1祯,Ctrl+G将其群组。尺寸:9×125

 

 图11

11,插入/新建影片剪辑元件/名字:秒针,确定。绘制秒针(点线条工具,笔触为红色,线宽为3,画一条垂直直线,尺寸0×150。点椭圆工具,关闭笔触,画一个填充色为红色的正圆,放在线的下方2个。)(见图12)。点第1祯,Ctrl+G将其群组。[技巧:可以把比例选为400,去放小圆,它就不会乱跳了。]

 图12

12,回场景1,添加6个新层,取名字(见图13)。 


图13

13,点钟盘第1祯,从库里拖入表盘,居中、对齐。点圆心层第1祯,选椭圆工具,关闭笔触。点填充色的颜色/选择下面的灰色放射状,画一个无边框的正圆(20×20),居中,对齐(见图14)。 


 图14

14,点时针层第1祯,从库里拖入时针元件于场景(见图15),并在属性面板那里改名为:shizhen(见图16)。特别注意:利用自由变形工具,把中心点(小白点)拖到灰色圆点中心哦!(见图17)。


图15

 图16

 图17

15,点分针层第1祯,从库里拖入分针元件于场景,并在属性面板那里改名为:fenzhen。特别注意:利用自由变形工具,把中心点(小白点)拖到灰色圆点中心。

16,点秒针层第1祯,从库里拖入秒针元件于场景,并在属性面板那里改名为:miaozhen。特别注意:利用自由变形工具,把中心点(小白点)拖到灰色圆点中心(见图18)。

 

 图18

17,关闭3个指针(见图19),并上锁。点文本层第1祯,点A工具,在属性那里选择动态文本(见图20)。输入字母(见图21)。打开属性面板,在相应的变量那里输入小写字母(见图2223)。把动态文本换成静态文本,输入星期、日,颜色红色(见图24)。点钟盘第1祯,放入自己喜欢的小动画(见最后效果图)。

 

 图19


 图20

 图21

 图22

 图23

 图24

18,点action层第1祯,打开动作面板,输入语句:

d=new Date();

miaozhen._rotation=d.getSeconds()*6+d.getMilliseconds()/160;

fenzhen._rotation=d.getMinutes()*6+d.getSeconds()/10;

shizhen._rotation=d.getHours()*30+d.getMinutes()/2;

 

time=new Date();

houre=time.getHours();

minute=time.getMinutes();

second=time.getSeconds();

if(minute<10){

minute="0"+minute;

}

if(second<10){

second="0"+second;

}

timetext=hour+":"+minute+":"+ second

_root.onLoad=function(){

weekArray=newArray("星期日","星期一","星期二","星期三","星期四","星期五","星期六");

  mouthArray=new Array("1","2","3","4","5","6","7","8","9","10","11","12");

timedate=new Date();

};

_root.onEnterFrame=function(){

Year=timedate.getFullYear();

monthnum=timedate.getMouth();

mouth=mouthArray[mouthnum];

week=timedate.getDay();

weekday=weekArray[week];

day=timedate.getDate();

hour=timedate.Hours();

minute=timedate.Minutes();

second= timedate.Seconds();

 

dday.text=year+""+mouth+""+day+"";

delete timedate;

timedate=new Date();

};

19,点action层第2祯输入语句:

gotoAndPlay(1);

20,完成/测试。需要说明的是:星期和日期的动态与静态文字要导出后,才能看见位置是否合理。所以,多调整几次就可以了。

贝贝网站欢迎你

http://beibei666.16789.net/


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



事在人为
(2012-4-19 14:14:00) [119.249.220.]

蓝晴醉狼 2010-7-6 9:26:00)

可惜代码没法复制,白看了。

嘿嘿,俺能复制,如果你喜欢照着打也会把它打出来,真不明白你怎么会白看了呢


蓝晴醉狼
(2010-7-6 9:26:00)

可惜代码没法复制,白看了。

 发表评论:共有 2 条评论

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

琼icp备09005167号


贝贝动画网|Flash动画乐园 | 设为首页 | 加入收藏 | 联系我们 | 进入管理 | 关于站长 | 本站搜索

联系电话:13881031689 联系人:贝贝

琼icp备09005167