图标是界面设计领域重要的一项设计内容，这次我们以在 2004 度中由 stardock 公司主办的 GUI 国际奥林匹克大赛中获全场大奖的图标包的 The Last Order 中的一个图标作为例子给大家讲述一下图标制作的详细过程。

　　下图是这套图标的部分截图。

　　教程中所应用到的软件主要有 Adobe Illustrator CS/Adobe Photoshop/Axialis Icon-workshop等。我们用Adobe Illustrator CS 进行图标设计，并在Photoshop 中进行后期处理，最后用Iconworkshop 输出成 .ico 格式的图标文件。

　　1．打开 Adobe Illustrator CS ，选取工具栏上的圆角矩形工具，单击画板任意位置在弹出的窗口中开可以设定圆角曲度。（如果第一次圆角矩形长宽不合适，可以删除，直接拖拽得到合适大小）。

　　2．选中菜单 Effect/3D/Rotate 命令调出 3D 旋转设置窗口，用于生成 3D 透视图形（只有最新的 Illustrator CS 版 本具有此功能）。

　　3．调整至合适角度（如过制作一整套图标，请记住保留设置参数，以应用于整套图标设计保持风格统一）选中 Preview 可以既时的看到画板中图形的应用效果。

　　4．可以在 Appearance 棉板里看到所应用的 3D Rotate 效果，并可以随时通过双击调出 3D Rotate 窗口进行调节。

　　5．调整至合适角度，使用 object 菜单下的 Expand Appearance 命令把应用效果的图形“打散”： 即不再具有 Appearance 的属性。

　　6．选用工具栏中的白色箭头选中我们需要的图形用 Ctrl+c( 复制 ) Ctrl+v （粘帖）提取出来， 其余的无用图形删除。

　　7．随后我们用渐变色给这个图形上色，用 Gradient 面板设计渐变颜色，用 Swatch 面板调整颜色，这里采用的是线型（linear）渐变，假设光源来自左上角，这将是后面所有图标上色的依据。

　　8．把此图形复制一遍，按图中方式排列，同时选中两个图形，然后调出 Pathfinder 面板， 使用 Subtract form sharp area 制作出此图形的立体厚度。然后可以点击 Expand 按钮展开此合并图形。

热门新闻排行 01 广州Vista盗版江湖调查 全部破解版本大曝光 02 Windows Vista不兼容的应用程序，还有谁？ 03 中国海贼版Vista入侵日本 "番茄花园"打头阵 04 挑战视觉享受极限 五款流行多媒体播放器比拼 05 Vista SP1发布计划已定 Windows XP SP3不再来 热门教程排行 01 安装系统不求人 就算没有光驱和软驱也能行 02 让电脑运转如飞 Windows Vista九则加速技巧 03 逐一辩驳:破解Windows Vista的四个性能谣言 04 专家经验谈：Excel工作表的几点设计策略 05 整容大法！Photoshop简单教程之美女去斑篇 蜘蛛侠主题Mod美图赏 两款可爱的iPod音箱 全球最袖珍5款科技玩意 概念车设计：超级巴士 LLADRó瓷器诠释人性 德国家具设计精选 最具创意的多功能床 2006离生活最近的创意 欢迎访问：软件频道 下载频道 网狐学院 数字艺术 考试 病毒与安全 创意赏析

出处： 蓝色理想

(责任编辑：luwei)