当前位置:软件学习 > Flash >>

Flash精致图标绘制:透明实时时钟

目前流行的图标设计软件组合是 Illustrator/ Corel Draw + Photoshop (本文不讨论像素图标),做出来的图标是静态的,如果要应用于Flash, 必须通过位图导入,且不说透明GIF的锯齿、PNG的大体积,光一个马赛克现象就使得可用性大打折扣了,更不用说做一个动态的图标。

    用Flash设计图标的优点是显而易见的: 支持动态图标,无失真放大,移植方便,可以和声音结合等等。缺点是不适合表现复杂的光影,一看就是卡通的。

   先看看我的实验作品:

http://www.zzzyk.com/imagelist/05/12/v3quj5o588o0.swf
左图:放大镜和影子可以随鼠标移动  中图:透明小球  右图:显示系统时间的时钟
调节每个图标下面的滚动标尺,图标大小会作相应变化和显示

  点击这里下载源文件

  之前我们介绍了中间的透明小球的绘制方法,通过制作方法和过程介绍,相信你一定能掌握画立体形体的基本方法,那就是:依次画基本形状、渐变、高光、阴影。

  下面的时钟也是这样的方法,所以我不再详细介绍具体过程,这里仅截取几个关键步骤。你可以自己发挥,因为这个不是唯一的方法,相信你会创造出适合自己的方法。

  效果预览:

  1.面板的制作

  2.刻度的制作
  我喜欢小而细的刻度,为了方便起见,放大2倍看。
  画好所有刻度并按(F8)转成元件。


  复制一次这个元件,按Ctrl+Shift+P粘贴,按Ctrl+↓移到下面,然后降低亮度。
  效果如下:

 

  3.指针的制作
  新建一个mc,画一个指针,主意注册点(十字)的位置。
  因为指针颜色用了白色,所以我们暂时把文档背景设成黑色。


  复制3个指针,使他们的注册点都和面板的中心重合
  选中这三个指针,按F8,转成元件,效果如图。


  复制这个mc, 同刻度一样,降低亮度处理,

  4.稍微修饰一下,加上底座和文字,并将文字打散最后加上代码,看看你的时间对不对:)

  (注:详细代码请查看源文件)


  特别推荐——设计类视频教程:


Photoshop视频教程


Coreldraw视频教程

Flash MX 视频教程

网页设计制作视频教程

3DsMAX视频教程



上一个:Flash精致动画图标:跟随鼠标移动的放大镜
下一个:Flash绘制精致图表:透明小球

更多Flash疑问解答:
今天教大家学会用U5制作成翻页相册
Flash MX 2004 ActionScript图文教程(九)
Flash MX 2004 ActionScript图文教程(八)
Flash MX 2004 ActionScript图文教程(七)
Flash MX 视频导入功能详解
Flash5 画任意直线教程
FLASH -- 关于变量的问题FLASH -- 关于变量的问题
Flash本地加密
flash场景之间相互跳转的实现方法
Flash那样动感十足制作PPT按钮跟我来
Flash Mx使用技巧十二则
使用Flash mx制作旋转的时钟效果
PowerPoint中插入Flash动画的方法
用FlashMX制作拖动悬浮窗口
在Flash中巧妙替换字体
Dreamweaver
Fireworks
FrontPage
Flash
Photoshop
Coreldraw
Excel
Word
Powerpoint
outlook
wps
AfterEffects
3D MAX
Director
Authorware
PremierePro
Foxmail
Maya
ISA
会声会影
其它软件
AutoCAD
如果你遇到软件学习难题:
请访问www.zzzyk.com 试试
CopyRight © 2012 站长网 编程知识问答 www.zzzyk.com All Rights Reserved
部份技术文章来自网络,