Illustrator绘制蓝色可爱的手机插画图标(3)

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

uimaker
UI设计师 / 江苏 南京

来源:网络   作者:佚名

关键词

步骤8

手机主体已经完成的差不多了,我们接下来为手机添加一些高光和阴影的细节。

选中手机的最大的浅蓝色的圆角矩形,ui设计教程,复制(Ctrl+C > Ctrl+F),然后点击 对象> 路径> 偏移路径 并输入-4px的偏移量来创建内部的偏移量。

然后选中之前复制的圆角的矩形和偏移的圆角矩形,在路径查找器面板选择减去顶层形状,从而制作一个环形的高光,把它的颜色设为白色(#ffffff),并把混合模式调为柔光,不透明度调为80%。

Illustrator绘制蓝色可爱的手机插画图标,PS教程,思缘教程网

步骤9

与之前步骤的数值一样,在手机的右上方添加两条竖高光和在屏幕外边框下添加一条4像素粗的横高光。

Illustrator绘制蓝色可爱的手机插画图标,PS教程,思缘教程网

步骤10

在屏幕和Home键内部添加一些阴影,颜色是黑色(#000000),不透明度为14%。

Illustrator绘制蓝色可爱的手机插画图标,PS教程,思缘教程网

步骤11

最后添加屏幕的对角线高光(颜色:白色#ffffff;混合模式:柔光;不透明度:30%),再在手机左上角添加两个星星形状的光(颜色:白色#ffffff;混合模式:柔光;不透明度:80%)

选中所有的形状,然后点击Ctrl+G把它们合并成组。

Illustrator绘制蓝色可爱的手机插画图标,PS教程,思缘教程网

步骤12

在手机下面添加一个144*10像素的椭圆,把它的颜色设为黑色(#000000),把不透明度降低为20%。

Illustrator绘制蓝色可爱的手机插画图标,PS教程,思缘教程网

我们已经很好地完成了我们插画的主体,接下来在第二个图层上制作一些小小的图案,让整个画面显得更好更平衡。

4. 制作四周的图案

这一部分很简单也很有趣,因为你得制作很多形状,比如方形、圆形、十字、三角形、菱形等,然后你把它们点缀在手机两侧来得到一个好看的图案。

把这些形状的描边粗细设置为4像素,颜色为#1b456b,然后好好地摆放它们,使它们不仅看上去好玩,而且看上去统一一致。

Illustrator绘制蓝色可爱的手机插画图标,PS教程,思缘教程网

 收藏