FLASH制作精美的闹钟

　　在文中，读者将学习到一些基本设计方法和时间对象的使用连同AS的一些基本语法。这个闹钟有显示时间，日期，星期；整点报时；定时闹铃等功能。

　　效果预览图：

　　

　　

　　设计步骤：

　　

　　一、 设计钟盘

　　1．设计钟面

　　1). 新建一个Flash文档，单击“属性”面板中的“尺寸”按钮，打开“文档属性”面板配置场景大小为400px*400px，背景为墨蓝色（#00659C），帧频为12fps。

　　2). 按快捷键Ctrl F8打开“新建元件”面板，创建一个“钟盘”图像元件，如图1所示。双击“钟盘”元件中的“图层1”三字，将其名改为“钟盘”。这样做方便对元件的管理和修改，提高工作效率。

　　

　　图01

　　3). 点选工具栏中的“椭圆工具”并去掉填充色，如图2所示。按住Shift键和鼠标左键在“钟盘”元件的场景中拉出一个空心圆来。用“箭头工具”点选刚才绘制的空心圆后，如图3所示配置其“属性”面板。在点选空心圆后也能够按快捷键Ctrl I打开“信息面板”进行配置。现在“信息面板”的用处就是配置元件的原点――以场景的左顶点为原点或以场景的中央点为原点。

　　

　　

　　图02，图03

　　4). 按快捷键Shift F9打开“混色器”面板，在下拉菜单里选择“放射”选项。如图4所示配置，左面滑块的颜色为#880000，右边滑块的颜色为#650101。

　　

　　图04

　　5). 点选“颜料桶工具”，在空心圆中央单击一下鼠标左键着色。

　　6). 点选刚才绘制的空心圆，按快捷键Ctrl C（复制），和快捷键Ctrl V（粘贴）复制出一个空心圆。紧接着在“属性面板”中将其大小设成280px*280px，X轴，Y轴的值设为-140px，线宽为2px。这样使两个空心圆的圆心重合。删除圆最外的边线。内圆线宽为2px能够显示出钟盘的层次感。

　　7). 按快捷键Ctrl A全选场景中的元素，按快捷键Ctrl G把他们组合。到这里，一个具备立体感的钟盘就完成了。最终效果如图5所示。

　　

　　图05

　　2．设计时钟刻度

　　1). 点选“线条工具”拉出一条横线（长于钟面外圆的直径），用“箭头工具”点选他，按快捷键Ctrl G组合他。在“属性”面板里把该横线的Y轴值设为0 px（穿过圆心）。同样方法绘制一条穿过圆心的竖线，按快捷键Ctrl G组合。

　　2). 点选横线，按快捷键Ctrl C复制，再按快捷键Ctrl V粘贴出一条横线。按快捷键Ctrl T打开“变形”面板。在弹出的“变形”面板里，把“旋转”选项里将线条的角度改为30o。然后敲击Enter确定。再分别制作出角度为60o、120o、150o的三条斜线。最终配置如图6所示。

　　

　　图06

　　3). 单击“时间轴”面板里的“插入图层”图标新建一层，将层改名为“刻度”。

　　4). 点选“文本工具”，如图7所示配置“属性”面板，“文本填充色”为黑色。在“钟盘”各刻度的位置写下12个数字。点选“椭圆工具”，在钟盘的中央绘制一个直径为8px的盘心，最后删除刻度线。在整个设计中，刻度线的作用是很重要的，有了刻度线，不但操作起来方便，标出的刻度也很精确。

　　

　　图07

　　5). 按快捷键Ctrl A全选任何刻度，按快捷键Ctrl G将他们组合。这样，一个具备立体感的钟盘就完成了。最终效果如图8所示。

标签：

版权申明：本站文章部分自网络，如有侵权，请联系：west999com@outlook.com
特别注意：本站所有转载文章言论不代表本站观点，本站所提供的摄影照片，插画，设计作品，如需使用，请与原作者联系，版权归原作者所有