今天的AI教程比较考验大家的耐心,但是绘制一套完整的图标和一个图标的收获绝对大不一样,这篇教程提到很多AI的实用技巧,设置图标的齿轮怎么画才方便?活动图标的渐变如何变得有质感?练个手你就知道了!好了,下面我们一起来看看AI绘制一套完整的Apple Watch图标过程吧,希望能给大家带来帮助!
图标展示:
具体的绘制过程如下:
1. Apple Watch 图标准则
Apple Watch 的图标被设计成与其他iOS图标非常相似的新潮的扁平化风格,一个引人注目的特定特征:图标是圆形的。 你可以下载一个非常漂亮的矢量图标模版,让你工作变得更容易。
如果你对制作Apple Watch图标的更深入的理论有兴趣,我强烈推荐你去看官方的Apple Watch界面准则和规范。
2. 创建时间,邮件,和音乐App图标第1步
首先打开其中一个图标模版(单击上面的链接即可下载。这个教程中,我们将使用80x80px的图标模版,适用于38mm 手表)。 转到视图>隐藏网格,使网格不可见,但是要确保智能参考线和对齐功能可见。
第2步
让我们创建我们第一个图标,创建一个4×4 px的圆。 双击椭圆工具(L)调用弹出的选项窗口,然后前往对齐面板,使圆在画板的水平和垂直放向上对齐。 用橙色(#FF9506)填充这个圆。
第 3 步
用矩形工具(M)创造一个2 x 40 px的矩形用作秒针。用相同的橙色填充,然后把它放中心参考线上,如截图显示的一样。
你可以通过按住 Alt 键的同时单击圆对齐关键对象和秒针。
第4步
让我们复制秒针,使它变得更短一点然后选择-60度,如下面显示那样放在参考线上。
现在我们将绘制分针的身体。 制作一个黑色4 x 30 px的矩形,然后通过拉动小圆圈标记使尾端变圆,利用直接选择工具使他们最大化。(在我们这个例子中是2 px的圆角半径)。
第5步
放这个指针在参考线旁边的位置(你可以使它小一点,这样它适合图标底子内部的圆形)
第6步
创建另一个4 x 20 px尺寸的矩形作为我们的时针。 使其变圆,旋转60度然后放在与分针相反的一变。
第7步
最后,用椭圆工具(L)创建一个 80 x 80 px 白色的椭圆作为图标的底子,然后放在其他所有图标的下面。 太好了! 我们的第一个图标就绪。让我们转到下一个吧。
第8步
现在我们将创建邮件图标。 首先用一个任意颜色,50 x 33 px的矩形制作一个信封。
用多边形工具或钢笔工具创建一个有3边的三角形,并且添加2 pt的描边。 对象>扩展使这个三角形变得弯曲。
第9步
在信封底子的上面添加另一个三角形,用扩展形状使其最下面的角变圆润。 你可以用橡皮擦工具(Shift-E)擦去顶部和底部的矩形,因为我们不需要它们。
用橡皮擦工具(Shift-E)删除顶部较低的三角形,然后在路径查找器中合并这部分三角形。 最后,拷贝底子信封形状(Control-C > Control-F),选择矩形和顶部的形状,然后用路径查找器的交集功能切掉信封外面的部分。
第10步
再次选择矩形和条纹,然后应用路径查找器的减去顶层功能切除这些线。
将信封的颜色转为白色,然后为我们的图标添加一个圆形的底子,用线性渐变从顶部的深蓝色(#2066F0) 到底部的亮蓝色(#1DD4FD) 填充。
第11步
我们接下来的图标是音乐App,仅包含一个元素:一个音符标志。 首先创建一个27 x 11 px的矩形,用直接选择工具选中形状左边的锚点,然后向下拉使形状发生偏斜。
第12步
用矩形工具 (M)创建2个形状,形成符号的"腿"。
第13步
用直接选择工具选中下面方块的3个锚点然后使其角圆化。 然后在路径查找器中合并这些形状,并且利用活动角的特点使其变得圆润。
第14步
添加这个符号的第二部分,使总体形状更加光滑圆润。
制作底子,填充从橙色(#FA5D3B)到粉色(#FF2968)线性渐变。
3. 世界时钟,秒表,定时器和闹钟图标
第1步
现在我们将转到一套与时间有关的图标。 首先创建一个48 x 48 px的圆,在里面创建一个小圆。 使用路径查找器中的减去顶层功能,创建一个圆环。
第2步
在第一个形状中创建一个更小的椭圆环并且添加2个交叉线,居中对齐。
在这个形状的上面部分添加一个水平线,在效果>变形>弧的帮助下与其混合。 设置水平弯曲值为-35%。
第3步
在我们球的底部添加另一个弯曲线。
用深橘色(#ff7632)和顶部亮橘色(#ff9408)的线性渐变绘制底子。
添加一个更小的深橘色 (#e45221)圆并且藏在球形形状的后面,给予更多的对比。