Illustrator CS设计矢量精致图标步骤详解(1) |
|
图标是界面设计领域主要的一项设计内容，这次我们以在 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 按钮铺开此合并图形 。
|
