别具一格的Flash时钟

来自:易特网论坛

制作时钟各个部件
  1.选择File→New或点击工具栏上的New图标新建一个文件。单击Modify→Movie打开Movie Properties面板,调整好你喜欢的影片尺寸(如宽度400px,高度300px)。为精确控制起见,点击View→Grid→Show Grid打开网格显示开关,点击View→Grid→Snap to Grid打开吸附到网格功能,这样会使对关键帧内容的编辑变得十分容易。
  2.先来做时钟的圆盘,这里要用到一些常用的制作技巧。按Ctrl+F8创建一个符号,在弹出的属性对话框中输入符号名字“圆盘”,类型为Graphic组件。接着点击工具条中的Oval Tool选择椭圆工具。用鼠标在画板上拖动,同时按住Shift键画一个直径为10个网格宽度的圆来,这就是时钟的外形了。
  3.下面要画上刻度,由于12个刻度的间距完全一样,所以必须精确绘制。可利用Fill面板通过计算得到每一个刻度的坐标,但这有些麻烦,建议采用下面的方法。在钟面以外画一条水平长度也为10个网格宽度直线。
          

  按住Ctrl键,使用箭头工具把它的副本拖到钟面里来,然后点击Window→Panels→Transform打开变形浮动面板,在Rotate一栏输入30就得到了一条倾斜30度角的直径。
          

使用类似方法拖动,并且每次旋转的角度比上次多30度,一共绘制6条直径。
           

  4.在钟面的旁边再画一个一样大小的圆形,选中它及其包围线,在Transform面板中将其长和宽都变成原来的85%,然后使用箭头工具拖动这个圆吸附到钟的圆心上。双击小圆选中它及其包围线,按下Delete键挖去钟面的中间部分。现在旁边的直线就可以删除了。现在钟的表面已经做好了。
           

  5.相对于圆盘,指针就Easy许多了!但创建它也需要一定技巧。按Ctrl+F8创建一个符号,在弹出的属性对话框中输入符号名字“指针”,类型为Movie Clip组件。选中工具条上的矩形工具Ranctangle Tool画一个矩形长条。在工具箱中单击箭头工具右边的铅笔工具,在蓝色矩形的边缘上单击一下,可看到矩形的4个关键点都显示出来了。
           

  接着单击右上角的关键点,删除它,在工具箱中单击箭头工具旁边的选择工具,向上拖动矩形右下角的关键点到中间来,就得到了一个等腰三角形。选中三角形,在Transform浮动面板的Rotate一栏中输入“-90”,使其逆时针旋转90度底边在下。再将其旋转中心的位置调整到底边的位置。
           

组装时钟
  1.回到主场景中,按下快捷组合键Ctrl+L,打开素材库窗口,将圆盘的图符拖到舞台的中心位置。单击图层栏,将图层名称改为Plate。
  2.添加一个新的图层,命名为hour。将库窗口中的指针图符拖到舞台中,打开Frame浮动面板,将指针命名为hou。
  3.用同样方法新建minute图层和second图层,放置一个指针,分别命名为min和sec,并将指针大小和颜色进行适当的调整。
           
 
  添加声音
  1.点击File→Import,把声音文件导入到库窗口中。
  2.添加一个新的图层,命名为sound,用于播放声音文件。
  3.用鼠标单击每一个图层的第42帧,将每个图层的帧数增加为42。
  4.单击声音图层,从库窗口中拖声音文件到舞台中。
  5.单击图层plate的第10帧,按下快捷键F6,将第10帧设为关键帧。
  6.在这一帧,添加以下动作:gotoAndPlay (1)。
  制作电子时钟
  1.选择文字工具,在舞台的适当位置输入“电子时钟”。
  2.在其后添加一个动态文本框,放置中“电子时钟”的后面,并调整好相对位置。
  3.打开Text Option浮动面板,设置文本框的属性,设定名称为outtime,类型为动态文本。
  添加Action语句
  1.单击图层plate的第一帧,添加以下动作,获得时间:
mydate = new Date(); //获取系统日期
dd = mydate.getHours(); //获取系统小时数(24小时制,0-23)
ee = mydate.getMinutes(); //获取系统分钟数
ff =mydate.getSeconds(); //获取系统秒数
  2.为了使时钟的指针保持一致的运动,还需添加如下程序:
setproperty (sec,_rotation,dd*6); //设定秒针的角度
setproperty (min,_rotation,ee*6); //设定分针的角度
setproperty (hou,_rotation,(ff%12)*30); //设定时针的角度
  3.为了在动态文本框中显示时间,还需添一条语句:
outtime=ff+”:”+ee+”:”+dd;
  4.好了, 快按Ctrl+Enter来看看效果吧!
          


  可以看到时钟运动的效果,并且有秒针运动时产生的声音,哈哈!是不是帅呆了!

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
flash时钟 详细操作步骤 素材全 1.新建Flash文档,设置舞台尺寸为:“354×499”。将素材文件“钟.jpg”、“钟摆.jpg”导入到【库】面板中。 2.将“图层1”更名为“背景”;将【库】面板中的“钟.jpg”拖放到舞台中;设置坐标点为(0,0)。 3.新建“钟摆动画”影片剪辑元件,将【库】面板中的“钟摆.jpg”拖放到舞台上,设置坐标点为(-31.5,0);将图形的变形点移至上边中点,分别在第12、24、36、48帧插入关键帧;选择第12帧,旋转15°;选择第36帧,旋转-15°;分别在1~12、12~24、24~36、36~48帧之间创建补间动画。 4.增加“背景2”图层,将【库】面板中的“钟摆动画”元件拖放到舞台,调整到合适的位置;在【时间轴】面板中将“背景2”图层移动到“背景”图层的下方。 5.选择“背景”图层,执行【修改】→【分离】菜单命令;使用【橡皮擦工具】将钟面下方的背景擦除,以便使“钟摆”显示出来。 6.在“背景”图层上方增加一个“文本”图层,使用【文本工具】在钟的盘面上创建7个分别用于显示“年”、“月”、“日”、“时”、“分”、“秒”、“星期”的动态文本,变量名分别设置为“year”、“month”、“date”、“hrs”、“min”、“sec”、“weekday”;分别在显示时与分、分与秒的动态文本框之间,插入静态文本“:”,在显示月、日的动态文本框后插入静态文本“月”、“日”,在显示星期的动态文本框前插入静态文本“星期”;对各动态文本框、静态文本设置合适的字体、字体大小、颜色等。 7.在所有图层的上方添加一个“动作”图层,选择第1帧,打开“动作”面板,输入如下代码: dt = new Date(); hrs = dt.getHours(); *************************************} 8.测试影片,此时发现所显示时间是“非即时”的——时间未更新。选择所有图层的第1帧插入帧。 9.测试影片;保存文档。
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值