IllustratorCS设计矢量精致图标步骤详解(1)

好酷屋教程网小编为您收集和整理了IllustratorCS设计矢量精致图标步骤详解(1)的相关教程：[导读]图标是界面设计领域重要的一项设计内容，这次我们以在2004度中由stardock公司主办的GUI国际奥林匹克大赛中获全场大奖的图标包的TheLastOrder中的一个图标作为例子给大家讲述一下

[导读]图标是界面设计领域重要的一项设计内容，这次我们以在2004度中由stardock公司主办的GUI国际奥林匹克大赛中获全场大奖的图标包的TheLastOrder中的一个图标作为例子给大家讲述一下图标制作的详细过程。下图是这套图标的部分截图。教程中所应用到的软件主要有AdobeIllustratorCS/adobePhotoshop/Axialis

图标是界面设计领域重要的一项设计内容，这次我们以在2004度中由stardock公司主办的GUI国际奥林匹克大赛中获全场大奖的图标包的TheLastOrder中的一个图标作为例子给大家讲述一下制作的详细过程。下图是这套的部分截图。教程中所应用到的软件主要有AdobeIllustratorCS/Adobephotoshop/AxialisIcon-workshop等。我们用AdobeIllustratorCS进行图标设计，并在photoshop中进行后期处理，最后用Iconworkshop输出成.ico格式的文件。

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

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

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

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

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

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

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

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

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

以上就是好酷屋教程网小编为您收集和整理的Illustrator CS设计矢量精致图标步骤详解(1)相关内容，如果对您有帮助，请帮忙分享这篇文章^_^

本文来源： https://www.haoku5.com/IT/6416f3a2170215452f0f8089.html

相关推荐