Dreamweaver | Flash | Photoshop | Fireworks | Asp | Asp.net | Css/HTML | 矢量教程 | Access | Sql Server
网页设计视频教程

你的位置:首页>>Flash MX动画乐园>>钟表(1)

钟表(1)

发表时间:2006-9-2 下午 11:00:55浏览次数:

本实例是使用ActionScript编写的一个动画。其代码主要是获取系统时间和控制指针旋转的角度两部分组成。本实例的作用是帮助用户掌握使用ActionScript编写Flash动画的方法,期望本实例能够达到抛砖引玉、举一反三的目的。

(1) 选择File→New命令,新建一个Flash MX文件。选择Modify→Document命令打开Document Properties对话框,在该对话框中设置舞台宽为150个像素、高为400个像素,背景色为黑色,如图8-1所示。

图8-1 Document Properties对话框

(2) 选择Insert →New Symbol命令,新建一个Movie Clip符号,并命名为“表盘”。单击绘图工具栏上的按钮,按住Shift键,然后在场景中绘制一个正圆作为表盘。按照图8-2左图所示在Color Mixer面板中为表盘设置渐变颜色。填充后效果如图8-2右所示。

图8-2 填充表盘

(3) 单击绘图工具栏上的按钮,然后在场景中绘制一个矩形。按照图8-3左图所示在Color Mixer面板设置渐变颜色。颜色设置完成后对矩形进行填充,效果如图8-3右图所示。

图8-3 绘制矩形

(4) 在表盘内再绘制一个正圆,然后将刚绘制的矩形复制3个,并调整其大小和位置,分别按照图8-4所示放置在表盘的四边上作为时间标记。

图8-4 调整长方形的位置

(5) 按照同样的方法再绘制一个小矩形,对其进行线性渐变填充,其渐变颜色按照图8-5左图所示进行设置,填充后对刚才绘制的矩形进行复制,参照图8-5右图所示摆放在表盘中。

图8-5 将小矩形摆放在表盘中

(6) 选择Insert→New Symbol命令,打开Create New Symbol对话框,在Name文本框中输入“时针”,并选择Movie Clip单选按钮,单击OK按钮,然后使用钢笔工具参照图8-6左图所示绘制时针的轮廓,设置其填充颜色为黑色,再使用椭形工具在时针上绘制几个椭圆,并将椭圆的颜色设为白色,效果如图8-6右图所示。

图8-6 绘制一个“时针”

(7) 单击绘图工具栏上的箭头工具并选中“时针”,然后使用键盘上的方向键,移动“时针”,使它的下端与场景的中心点对齐,如图8-7所示。

(8) 按照上面的方法,再绘制出分针和秒针,最后的时针、分针和秒针效果如图8-8所示。

图8-7 移动“时针” 图8-8 绘制好的时针、分针和秒针

(9) 单击按钮,新建4个图层,并从上到下依次命名为“秒针”层、“分针”层、“时针”层和“表盘”层,如图8-9所示。

图8-9 创建4个层

(10) 按住Ctrl键,选中每一个图层的第1、2帧,按F6键插入关键帧,如图8-10所示。

图8-10 插入关键帧

网站建设服务 - 友情链接 - 意见建议 - 联系站长 - 论坛 - 网站导航
Copyright 2006-2007 zznj.com Inc. All Rights Reserved
Emai:skyzznj@126.com