|
制作个性化实时时钟动画的一种方法
一.制作钟面。
1.新建460*460像素文档，其它默认。
2.插入名为“钟面”的影片剪辑（方法：点“插入”-“新建元件”，在出现的“创建新元件”对话框中输入名称为“钟面”，勾选类型为“影片剪辑”，点“确定”），在右边“库”中出现“钟面
影片剪辑”。
3.选用椭圆工具，设置笔触颜色：黑；填充颜色：浅灰（#CCCCCC），笔触高度：3，在舞台上画圆，在“属性”面板中设置宽=450，高=450，在对齐面板中点“水平中齐”和“垂直中齐，上锁。
4.插入图层2，设置笔触颜色：黑；填充颜色：无，笔触高度：1，用第3步的方法画直径为400的同心圆，上锁。插入图层3，用同样的方法画一个笔触高度为3，直径为380的同心圆，上锁。
5.插入图层4，点“文件”-“导入”，从外部导入一幅个性化的图片到舞台，放置适当位置，上锁。
6.插入图层5，设置笔触颜色：无；填充颜色：任意，用第3步的方法画直径为380的同心圆，右击时间轴上的图层5，在出现的下拉框中点选“遮罩层”。
7.插入图层6，选用线条工具，设置笔触颜色：黑；填充颜色：无，笔触高度：5，在图面左侧画横线，在“属性”面板中设置宽=30，X=-150，Y=0。
8.选用任意变形工具，将短线的注册点移至与舞台的中心点重合，在“变形”窗口中设置“旋转”，“30度”，点“复制并应用变形”按钮11次，锁定图层6。
9.插入图层7，隐藏图层6（即关掉图层6的眼睛），选用线条工具，设置笔触颜色：黑；填充颜色：无，笔触高度：2，在图面左侧画横线，在“属性”面板中设置宽=20，X=-140，Y=0，然后用第8步的方法设置旋转6度，复制59次。
10.打开图层6，插入图层8，选用文本工具，在“属性”面板中点选“静态文本”，选用合适字体（如“vivian”），字体大小：22，颜色：黑，在图面的适当位置输入1、2、......12数字。
二.制作时针、分针、秒针。
11.插入名为“时针”的影片剪辑，选用矩形工具，在主工具栏下面选中“矩形设置”，设置边角半径为200点，确定。
12.设置笔触颜色：无；填充颜色：深灰，在舞台上画竖的矩形，在“属性”面板中设置宽=15，高=107，在对齐面板中点“水平中齐”，选用任意变形工具，用鼠标将线条的注册点移动到下面适当位置（如图），再用键盘的上下键移动线条，使其注册点与舞台的中心重合。
13.用第11、12步相同的方法制作分针影片剪辑元件，但在属性面板中设置宽=10，高=145。
14.插入名为“秒针”的影片剪辑,选用矩形工具,笔触颜色：无；填充颜色：红，在舞台上画竖的矩形，在“属性”面板中设置宽=3，高=195，Y=-160，在对齐面板中点“水平中齐”，选用任意变形工具，用鼠标移动线条的注册点，使其与舞台的中心重合。
15.在图层1的第7和12帧插入关键帧，锁定。插入图层2，选用椭圆工具，设置笔触颜色：无；填充颜色：红，画圆，在“属性”面板中设置宽=18，高=18，X=0，Y=-9，用选择工具选中它，点右键-“转换为元件”-“图形”，确定。
16.点图层2第1帧，在属性面板中设置“同步”-“循环”，最后在第12帧处插入普通帧。
三.制作时钟影片剪辑。
17.插入名为“时钟”的影片剪辑，在图层1的第1帧，从库中拖出钟面影片剪辑，在对齐面板上点水平中齐和垂直中齐。
18.插入图层2，选中第1帧，选用文本工具，在属性面板中设置“动态文本”，适当字体，字体大小：20，颜色：黑，在左上角拖出文本框，在属性面板中设置宽=70，高=24，X=100，Y=-50（如果属性面板中不出现这些参数，就选用任意变形工具），在“变量”小格内输入“yeahtext”（这很重要）。
19.插入图层3,选中第1帧,仍然用文本工具，在右上角拖出文本框，在属性面板中设置宽=110，高=24，X=-10，Y=-50，输入变量“daytext”。
20.插入图层4,选中第1帧,仍然用文本工具，在中下位置拖出文本框，在属性面板中设置宽=70,高=24，X=-35，Y=20，输入变量“weektext”。
21.插入图层5,选中第1帧,仍然用文本工具，在靠下位置拖出文本框，在属性面板中设置宽=120,高=24,X=-60，Y=60，输入变量“timetext”。
22.插入图层6,选中第1帧,用文本工具，在上面两个文本框之间角拖出文本框，在属性面板中设置宽=24，高=24，X=-33，Y=-50，设置字体为黑体，字体大小为20，输入“年”字。
23.在图层1-6的每一层第2帧都插入普通帧，上锁。插入图层7，选中第1帧，从库中拖出时针影片剪辑，水平中齐，选用任意变形工具，使其注册点与舞台中心重合，在属性面板“实例名称”小格中输入“ho”（这很重要），然后在第2帧插入普通帧，上锁隐藏。
24.插入图层8，选中第1帧，从库中拖出分针影片剪辑，水平中齐，选用任意变形工具，使其注册点与舞台中心重合，在属性面板“实例名称”小格中输入“mn”，然后在第2帧插入空白关键帧，并将第1帧的内容复制粘贴到第2帧中，上锁隐藏。
25.插入图层9，选中第1帧，从库中拖出秒针影片剪辑，水平中齐，选用任意变形工具，使其注册点与舞台中心重合，在属性面板“实例名称”小格中输入“se”，然后在第2帧插入空白关键帧，并将第1帧的内容复制粘贴到第2帧中，上锁隐藏。
26.插入图层10，右击第1帧，打开“动作”面板，将下面的脚本代码复制粘贴进去。
time=new Date();
Day=Array("日","一","二","三","四","五","六");
hour=time.getHours();
minute=time.getMinutes();
second=time.getSeconds();
milli=int(time.getMilliseconds()/10);
if(minute,10){
minute="0"+minute;
}
//end if
if(second,10){
second="0"+second;
}
//end if
if(milli<10){
milli="0"+milli;
}
//end if
if(hour,12){
half="上午";
}else{
half="下午";
}
//end else if
yeahtext=time.getFullYear()
daytext=time.getMonth()+1+"月"+time.getDate()+"日";
weektext="星期"+Day[time.getDay()];
timetext=hour+":"+minute+":"+second;
now=new Date();
clSeconds=now.getSeconds();
setProperty("se",_rotation,clSeconds*6);
now=new Date();
clMinutes=now.getMinutes();
setProperty("mn",_rotation,clMinutes*6);
now=new Date();
clHours=now.getHours();
clsm=clMinutes/60;
setProperty("ho",_rotation,(clHours+clsm)*30);
27.在图层10的第2帧插入空白关键帧，右击它，打开“动作”面板，将下面的代码复制粘贴进去。
GotoAndPlay(1);
GotoAndPlay(1);
GotoAndPlay(1);
GotoAndPlay(1);
四.组装时钟.
28.点时间轴上的“场景1”，选中第1帧，从库中拖出时钟影片剪辑，居中对齐，按Ctrl+Enter键测试。满意后用两种方式保存：第1种，点“文件”-“另存为”，保存为fla格式，以后可以打开修改；第2种，点“文件”-“导出”-“导出影片”，保存为swf格式，可以通过专门的代码上博客。
* *
*
注：本文系根据柳叶老师博客中的教材改写而成，适合初学者上手，特别是原文中的脚本代码，是不支持复制粘贴的，我在第一次制作时，输入脚本代码时出现了许多错误，在软件的提示下逐一改正，但是在软件提示“此脚本中没有错误”时，钟的指针仍然不动，说明还存在软件不能分辨的错误，最后还是在睿可馨老师的帮助下才把错误全部改正。在这里向柳叶老师和睿可馨老师表示衷心感谢！
|
