【AI教程】IllustratorCS设计矢量精致图标步骤详解(转).pdf

【AI 教程】 Illustrator CS 设计矢量精致图标步骤详解 (转 ) 图标是界面设计领域重要的一项设计内容，这次我们 以在 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 按钮展开此合并图形。 9 随后我们给这个图形也上色，同样使 G radient 面板，在 这里我采用的圆行渐变模式。 10 ．这一步我们准备为这个“面板”增加一些高光。先复 制一个同样的图形填充为白色置于此“面板”下方。 11 ．随后再复制一个同样的图形置此“面板”上方，并适 当缩小一些，采用黑白两色线性渐变填充。 12 ．随后同时选中