Illustrator绘制卡通风格的太阳系行星图标(3)

UI / UI设计教程 / UI图标教程 /      

uimaker
UI设计师 / 江苏 南京

来源:网络   作者:佚名

关键词

(3)使用钢笔工具(P),再画出两条弯曲的线条,一条朝向顶端,另一条弯曲的线条正好在我们之前创建的较大的线条上(#eadba0)。

Illustrator绘制卡通风格的太阳系行星图标,PS教程,思缘教程网

(4)复制(Control+C>Control+F)黄色的圆置于顶层,加选前面钢笔绘制的形状,鼠标右键建立剪切蒙版。

Illustrator绘制卡通风格的太阳系行星图标,PS教程,思缘教程网

(5)使用椭圆工具(L),向行星表面的中心和顶部添加几个细长形状,颜色为(#a59862)。

Illustrator绘制卡通风格的太阳系行星图标,PS教程,思缘教程网

(6)添加相同的2像素厚的环状在行星的表面上,就像我们与水星一样。

Illustrator绘制卡通风格的太阳系行星图标,PS教程,思缘教程网

(7)选中背景,鼠标右键隔离选中的剪切蒙版或鼠标左键双击两下,选择左下角黄色内圆设置颜色(#d0d0d8) 和右上方的颜色更改为(#78d2ea),添加一点绿色部分(#80e5c8),使其类似于地球。

Illustrator绘制卡通风格的太阳系行星图标,PS教程,思缘教程网

完成后,选择所有图标的元素使用Control+G键盘快捷键编组。

创建地球图标

与所有其他行星相比,地球是特别的,地球外部有水圈、大气圈以及磁场。而且目前它也是唯一已知存在生命的星球。地球表面的独特性永远烙在我们的头脑深处,这使得这个图标真的很有趣,很容易创建。

(1)与以前的图标一样,将“空白”行星的颜色设置为(#78d2ea)。

Illustrator绘制卡通风格的太阳系行星图标,PS教程,思缘教程网

(2)选择钢笔工具(P),绘制一些“地球”大陆,我们将使用颜色(#80e5c8),然后复制蓝色圆置于顶层加选绘制的大陆,鼠标右键建立剪切蒙版。

Illustrator绘制卡通风格的太阳系行星图标,PS教程,思缘教程网

(3)复制金星图标的高光圆环,或者使用与之前相同的过程新创建的一个高光圆环。

Illustrator绘制卡通风格的太阳系行星图标,PS教程,思缘教程网

(4)按照与背景相同的过程添加一堆云,颜色(#FFFFFF),混合模式为柔光。

Illustrator绘制卡通风格的太阳系行星图标,PS教程,思缘教程网

(5)选中背景,交互设计UI设计,鼠标右键隔离选中的剪切蒙版或鼠标左键双击两下,选择黄色内圆设置颜色(#c1c1c6)。绘制一个2 x 2像素的撞击坑(#a0a0a8)。选择右下角的天体,设置颜色(#d8ca8b) 。

Illustrator绘制卡通风格的太阳系行星图标,PS教程,思缘教程网

完成后,选择所有图标的元素使用Control+G键盘快捷键编组。

创建火星图标

地球上的邻居是“火星”,这个星球几千年来一直引发人类的想象,因为许多人仍然希望再次星球上发现类似于地球能承载生命迹象。

现在,这个星球大多覆盖着与其他天体的撞击造成的峡谷和火山口,这使得它很容易被重新创建为一个图标。

(1)选择黄色的圆,将其颜色改变为(#ea7d7d)。

Illustrator绘制卡通风格的太阳系行星图标,PS教程,思缘教程网

(2)使用椭圆工具(L),设置颜色(#bf6262)创建一些细长的形状和圆形,并将它们分散到行星的中心和表面其他地方。

Illustrator绘制卡通风格的太阳系行星图标,PS教程,思缘教程网

(3)在顶部添加一个椭圆18 x 6像素(#FFFFFF),复制红色圆加选白色椭圆右键建立剪切蒙版。

Illustrator绘制卡通风格的太阳系行星图标,PS教程,思缘教程网

(4)复制地球图标的高光圆环,或者使用与之前相同的过程新创建一个高光圆环。

Illustrator绘制卡通风格的太阳系行星图标,PS教程,思缘教程网

(5)选中背景,鼠标右键隔离选中的剪切蒙版或鼠标左键双击两下,选择左下角黄色内圆设置颜色(#e27959)。(给它一个细节小圆#d3674f)。右上方的颜色更改为(#78d2ea),添加一点绿色部分(#80e5c8),使其类似于地球。

Illustrator绘制卡通风格的太阳系行星图标,PS教程,思缘教程网

完成后,选择所有图标的元素使用Control+G键盘快捷键编组。

创建木星图标

我们现在已经到了我们的第二行行星,木星是一个没有实体表面气态巨行星。

与所有其他行星相比,木星可能是我们的小太阳系最美丽有趣的行星之一,也是最可怕的行星之一(大气压力等于1MPa(10bar)),因为强大的风暴正在不断塑造。

(1)选择灰色圆,将颜色变为(#e27959)。

Illustrator绘制卡通风格的太阳系行星图标,PS教程,思缘教程网

(2)使用钢笔工具(P),绘制几条更亮的线条细节线,(#ff9b73),绘制几条较暗的线条(#d3674f),复制圆形置于顶层加选所有线条,鼠标右键建立剪切蒙版。

Illustrator绘制卡通风格的太阳系行星图标,PS教程,思缘教程网

 收藏