Flash 图标设计实例

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

45398 www.it55.com it55学习IT知识，享受IT生活 4dfkjn

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

www.it55.com在线教程

   先看看我的实验作品：

45398 www.it55.com it55学习IT知识，享受IT生活 4dfkjn

http://www.it55.com/

点击这里下载源文件
如果你对过程感兴趣，那么请继续,  我们先从中间的小球开始

vd;k;l www.it55.com rdfg

IT资讯之家 www.it55.com

1．新建一个mc，名字就去做icon_ball吧 免费资源www.it55.com

2．画一个正圆形，设置轮廓和填充的样式，效果如下： IT资讯之家 www.it55.com

3．用渐变调整工具调整一下：

免费资源www.it55.com

4．新建一个图层，取名hilight，顺便把原来的帧改名ball

5. 再画一个圆，移动到如图位置

http://www.it55.com/

6．在Color Mixer面板中修改一下 结果如图：

IT资讯之家 www.it55.com

免费资源www.it55.com

图中黑色表示透明，取消选择看看

it55.com

7．调整一下渐变方向 it55.com

it55.com

8．创建一个阴影层 免费资源www.it55.com

9．画一个黑色的圆，选中后，使用柔化边缘功能，设置参数

it55.com

10．选中阴影，按F8, 转成元件，取名ball_shadow it55.com

11. 调节ball_shadow的透明度和大小 免费资源www.it55.com

12. 新建一层，画上标志   IT资讯之家 www.it55.com

sflj www.it55.com kg^&fgd

通过上面的方法，相信你一定掌握了画立体形体的基本方法，那就是：
依次画基本形状、渐变、高光、阴影。

www.it55.com

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

免费资源www.it55.com

效果预览:
IT资讯之家 www.it55.com

www.it55.com

1．面板的制作
sflj www.it55.com kg^&fgd

2．刻度的制作
我喜欢小而细的刻度，为了方便起见，放大2倍看
画好所有刻度并转成元件(F8)
http://www.it55.com/

www.it55.com

 复制一次这个元件,按Ctrl+Shift+P粘贴，按Ctrl+↓移到下面，然后降低亮度
效果：
www.it55.com

（阅读次数：）