AI怎么绘制太阳系行星图标

2017-08-12大爱 的分享

  宇宙是深不可测的,其中太阳系包括着八大行星,由离太阳从近到远的顺序:水星、金星、地球、火星、木星、土星、天王星、海王星。今天小编带来的教程就与这太阳系行星有关,教程讲解的是AI绘制太阳系行星图标技巧,感兴趣的朋友可以一起往下看噢!

AI怎么绘制太阳系行星图标   三联

  看下最终效果:整体差不多一样

如何创建太阳系行星图标包【AI教程】

  嗯,分析一下子:

  1.漂亮的色彩,很梦幻,真实的太空代入感;

  2.插画风格的图标;

  3.八个图标的形式很相似(废话,谁都看得出啊);

  OK,接下来我们开始动手制作:

  首先,新建一个文档,命名宇宙行星,800*600像素,颜色模式为RGB,分辨率为72ppi。

如何创建太阳系行星图标包【AI教程】

  STEP1 创建默认的“空白”图标

  (1)选择矩形工具(M),绘制一个128 x 128像素的 红(#f97373)正方形。再添加一个较小的116 x 116像素 (#f2f2f2)的矩形,选中两个矩形,水平垂直居中。

如何创建太阳系行星图标包【AI教程】

  (2)选择矩形工具(M),创建一个22 x 14像素的 矩形圆角为7像素圆角半径, 颜色为(#656370)。将其定位到活动绘图区域的左上角,在其左侧留下6像素 间距,从顶部留下11像素 间距 。

如何创建太阳系行星图标包【AI教程】

  创建一个68 x 14像素 圆角矩形(#656370)和7像素角半径 ,并将其放置在先前创建的形状的右侧,保留4像素 的间距。

如何创建太阳系行星图标包【AI教程】

  (3)绘制一个58 x 6像素的 圆角矩形,圆角半径为3像素。 在两边创建两个6×6像素的圆 (#656370),选中两个圆和圆角矩形,窗口>路径查找器,在弹出的面板中,选择减去顶部 。

如何创建太阳系行星图标包【AI教程】

  (4)将调整后的形状置于先前创建的形状的底部,并使用“ 对齐” 框对齐“水平中心” 。

如何创建太阳系行星图标包【AI教程】

  (5)创建一个110 x 14像素 的圆角矩形,圆角半径为7像素 (#656370)。并将其定位在连接器部分下方,确保将其与参考网格的可绘制区域的左侧对齐。

如何创建太阳系行星图标包【AI教程】

  (6)添加另一个86像素×6像素 圆角矩形(除去两个大小为6×6像素的 圆)和放在前面的形状下方位置,留下到右侧14像素 的距离。

如何创建太阳系行星图标包【AI教程】

  (7)使用圆角矩形工具(M) ,创建一个108 x 14像素的 形状,圆角半径为7像素 (#656370)。然后将其放置在刚刚创建的圆角矩形下方,将其对准可绘制区域的右侧。

如何创建太阳系行星图标包【AI教程】

  (8)留一个空的间隙6像素 ,然后添加90×14像素 圆角矩形(#656370),圆角半径为7像素。 接着添加一个18×14像素圆角矩形 (#656370),圆角半径为7像素。两个矩形间距为4像素, 然后将其与可绘制区域的左侧对齐。

如何创建太阳系行星图标包【AI教程】

  温馨提示: 如果你想知道为什么空6像素的间距,因为我们会把星球放在它的中心,这意味着它最终将被掩盖,所以不要担心它。

  (9)创建一个52 x 6像素的圆角矩形 (#656370),圆角半径为3像素。放在我们先前创建的宽圆角矩形的右侧,这样就可以得到与可绘制区域右侧间距为32像素。

如何创建太阳系行星图标包【AI教程】

  (10)创建一个76 x 14像素 圆角矩形(#656370)与圆角半径为7像素 ,放在上个圆角矩形下方,与右侧区域间距为16像素。

如何创建太阳系行星图标包【AI教程】

  背景的整体形状绘制完成,现在选择所有的形状并将它们组合在一起(Control+G ),这样可减少我们的误操作。

如何创建太阳系行星图标包【AI教程】

  (11)使用椭圆工具(L) ,创建一个16 x 16像素的 圆(#e2d388),然后位于背景的左上角,使其位于可绘制区域的左侧,与顶端的间距为5像素。

如何创建太阳系行星图标包【AI教程】

  (12)添加一个微妙的亮点,复制(Control+C>Control+F )一个我们刚刚创建的圆形,然后应用一个-2像素的 偏移量(对象>路径>偏移路径>-2像素 ),选择生成的形状和复制的圆形,减去顶层(路径查找器>减去顶层 ),将其颜色变为白色(#FFFFFF),将其混合模式 更改为柔光 ,将其不透明度 更改为80% 。

如何创建太阳系行星图标包【AI教程】

  (13)添加高亮部分后,通过使用4像素 偏移量(选择黄色形状 对象>路径>偏移路径> 4像素 ),将圆形投射到外部阴影。(#000000),将其不透明度 降低到10% 。

  完成后,选择所有三种形状(阴影,黄色和高亮),使用Control+G 键盘快捷键对其进行分组。

如何创建太阳系行星图标包【AI教程】

  (14)直接选择工具(A) 选择左上角的圆角矩形,复制一个副本(Control+C ),将其移动到顶层(Control+Shift+] )。

  选中副本和圆形组合,鼠标右键单击建立剪切蒙版 。

如何创建太阳系行星图标包【AI教程】

  (15)选择底部的圆角矩形,并创建一个圆24 x 24像素 (#d8ca8b),使用相同的过程添加高光和阴影,然后镶嵌到底部圆形矩形内。

 

 

如何创建太阳系行星图标包【AI教程】

 

 (16)使用椭圆工具(L) ,创建一个“空白”伪行星,绘制一个68 x 68像素的 圆(#d0d0d8),行星是主要焦点,确保将其放置在中心。

如何创建太阳系行星图标包【AI教程】

TA发布的帖子

583

收藏

582