您当前的位置:首页 > 平面设计 > illustrator
| PS | coreldraw | 素描 | lightroom | comicstudio | UI设计 | illustrator |

自学教程:详解Illustrator设计矢量精致图标步骤

51自学网 2022-11-19 19:53:46
  illustrator
这篇教程详解Illustrator设计矢量精致图标步骤写得很实用,希望能帮到您。

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

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

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

Illustrator设计矢量精致图标步骤详解,PS教程,

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

Illustrator设计矢量精致图标步骤详解,PS教程,

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

Illustrator设计矢量精致图标步骤详解,PS教程,

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

Illustrator设计矢量精致图标步骤详解,PS教程,

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

Illustrator设计矢量精致图标步骤详解,PS教程,

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

Illustrator设计矢量精致图标步骤详解,PS教程,

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

Illustrator设计矢量精致图标步骤详解,PS教程,


使用Illustrator渐变工具制作质感的描边字
Illustrator设计香草天空艺术字效果
51自学网,即我要自学网,自学EXCEL、自学PS、自学CAD、自学C语言、自学css3实例,是一个通过网络自主学习工作技能的自学平台,网友喜欢的软件自学网站。
京ICP备13026421号-1