用flash制作时钟教程2

来源:百度文库 编辑:神马文学网 时间:2024/04/26 11:07:51
1、打开flash软件,新建一个文档,在“属性”面板设置其宽、高为:218*218,其它“默认”、点“确定”。
2、点菜单栏“插入”—“新建元件”弹出一个“创建新元件”对话框,在对话框中设置名称:“时针”、在“行为”:选“影片剪辑”,点“确定”。
3、点“工具箱”中的“矩形工具”,设置笔触颜色“无”,填充色“黑”。在“时针”的编辑区画一个矩形,单击刚画的“矩形”在属性面板设置其宽高:6*70。
4、选中矩形,点菜单栏“窗口”-“对齐”弹出对齐面板对话框,在对话框中按下“相对舞台”按钮,点第2个按钮(水平中齐)、第6个按钮(底对齐)。如下图:

5、点菜单栏“插入”—“新建元件”弹出一个“创建新元件”对话框,在对话框中设置名称:“分针”、在“行为”:选“影片剪辑”,点“确定”。
6、点“工具箱”中的“矩形工具”,设置笔触颜色“无”,填充色“黑”。在“分针”的编辑区画一个矩形,单击刚画的“矩形”在属性面板设置其宽高:6*85。
7、在对齐面板上,点第一排第2个按钮(水平中齐)、第6个按钮(底对齐)。如下图:

8、点菜单栏“插入”—“新建元件”弹出一个“创建新元件”对话框,在对话框中设置名称:“秒针”、在“行为”:选“影片剪辑”,点“确定”。
9、点“工具箱”中的“矩形工具”,设置笔触颜色“无”,填充色“红”。在“秒针”的编辑区画一个矩形,单击刚画的“矩形”在属性面板设置其宽高:2*120。
10、在对齐面板上,点第一排第2个按钮(水平中齐),Y值设置-100。如下图:

11、点菜单栏“插入”—“新建元件”弹出一个“创建新元件”对话框,在对话框中设置名称:“表盘”、在“行为”:选“影片剪辑”,点“确定”。
12、点“工具箱”中的“椭圆工具”,设置笔触颜色“无”,填充色“淡灰”。在“表盘”的编辑区画一个园形,单击刚画的“园形”在属性面板设置其宽高:210*210。
13、在对齐面板上,点第一排第2个按钮(水平中齐)、第5个按钮(垂直中齐)。如下图:

14、在“表盘”编辑场景,在时间轴上锁定“图层1”,点插入图层按钮,插入一个新层,将新图层改为(上)。
15、点“工具箱”中的“线条工具”,在属性面板设置笔触颜色“黑”,线条宽度设为1,在“表盘”上画一个竖线。单击刚画的“竖线”在属性面板设置其高:20-25。在对齐面板上,点第一排第2个按钮(水平中齐)、然后适当调整一下“竖线的位置。如下图:

16、在新增一个图层改名叫“下”,我们选中“上”图层的第1帧,在单击菜单栏“编辑”—“拷贝”,在单击“下”图层的第1帧,点“编辑”—“粘贴”这样就把“上”图层的竖线粘贴到了“下”图层上了,在对齐面板上,点第一排第2个按钮(水平中齐)、然后适当调整一下“竖线”位置。如下图:

17、在新增一个图层改名叫“左”,我们选中“上”图层的第1帧,在单击菜单栏“编辑”—“拷贝”,在单击“左”图层的第1帧,点“编辑”—“粘贴”这样就把“上”图层的竖线粘贴到了“左”图层上了,点击刚才“粘贴”的竖线,在点“修改”-“变形”-“顺时针旋转90度”。这是竖线变成横线在对齐面板上,点第一排第2个按钮(水平中齐)、然后适当调整一下“横线”位置。在新增一个图层改名为“右”,点“左”图层的第1帧,单击菜单栏“编辑”—“拷贝”,在单击“右”图层的第1帧,点“编辑”—“粘贴”,这样就把“左”图层的横线粘贴到了“右”图层上了。在对齐面板上,点第一排第2个按钮(水平中齐)、然后适当调整一下“横线”位置,如下图:

18、锁定其它图层,新插入一个图层改名为“文字”,在点“工具箱”中的“文本工具”,在属性面板设置其字体为“隶书”、字号为“20”、颜色为“白”。在表盘线的下面输上“12、3、6、9。四个字并摆在适当的位置。如下图:

19、点菜单栏“插入”—“新建元件”弹出一个“创建新元件”对话框,在对话框中设置名称:“三针交叉点庶罩”、在“行为”:选“影片剪辑”,点“确定”。
20、点“工具箱”中的“椭圆工具”,设置笔触颜色“无”,填充色“黑”。在“三针交叉庶罩”的编辑区画一个园形,单击刚画的“园形”在属性面板设置其宽高:12*12。
21、在对齐面板上,点第一排第2个按钮(水平中齐)、第5个按钮(垂直中齐)。
22、元件到此全部制作完,回到主场景中。在新增5个图层(一共6层)。每层只一帧就可以。顺序由下向上,第一层改名:“AS”,第二层改名:“表盘”,第三层改名:“时针”,第四层改名:“分针”,第五层改名:“秒针”,第六层改名:“交叉遮盖”。如下图:

23、选中“AS”图层的第1帧,点鼠标右键在下拉列表中选“动作”(在专家模式)下,将如下代码复制到里面去,
_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;
};
如下图:

24、在“表盘”图层,的第1帧,将库中的“表盘”元件拖到场景中,并居中。
25、在“时针”图层,点时针层第一帧,把库中时针元件拖到场景,再打开属性面板,用XY坐标对位置.X=106,Y=39.实例名称:hour。
26、在“分针”图层,点分针层第一帧,把库中分针元件拖到场景,再打开属性面板,用XY坐标对位置.X=106,Y=24.实例名称:min。
27、在“秒针”图层,点秒针层第一帧,把库中秒针元件拖到场景,再打开属性面板,用XY坐标对位置.X=108,Y=9.实例名称:sec
28、在“三针交叉庶罩”图层,的第1帧,将库中的“三针交叉庶罩”元件拖到场景中,并居中。
29、时钟全部制作完了,测试影片,保存。