Illustrator绘制磨砂颗粒感的日落插图(2)

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

uimaker
UI设计师 / 江苏 南京

来源:网络   作者:佚名

关键词

选中上面做好的最大的圆(Control+C Control+F),同时选中矩形,然后右键单击>建立剪贴蒙板。

Illustrator绘制磨砂颗粒感的日落插图,PS教程,思缘教程网

然后创建两个圆角矩形240 x 32 px、176 x 32px(#FFFFFF),居中对齐。再创建两个矩形192 x 32 px、128 x 32(#FFFFFF),位置如图所示。最后使用小圆32 x 32px,使用路径查找器作出如下图波浪形状

Illustrator绘制磨砂颗粒感的日落插图,PS教程,思缘教程网

创建64 x 48 px的矩形(#FFFFFF),位置参照下图。选中所有白色形状,学UI需要什么基础,使用路径查找器(联集)将形状组合在一起。使用直接选择工具(A)选择底部矩形的四个角,拖动鼠标来调整出圆角。

Illustrator绘制磨砂颗粒感的日落插图,PS教程,思缘教程网

再创建两个圆角矩形48 x 32 px(#FFFFFF),选中所有白色形状,创建复合路径(Control+8)。该复合路径:白色线性渐变(不透明度:20%—60%)

Illustrator绘制磨砂颗粒感的日落插图,PS教程,思缘教程网

选中复合路径,复制一份(Control+C> Control+F),删掉多余形状,使用“ 缩放”工具(右键单击>“变换”>“缩放”>“等比”> 50%)进行缩小,移动如图所示位置。

Illustrator绘制磨砂颗粒感的日落插图,PS教程,思缘教程网

3.添加细节

绘制小岛:使用钢笔工具(P)绘制出如图形状,色值分别为#C4583B #AA4531。选中所有形状编组(Control+G)。因为岛的右边部分会露出插画背景(大圆),所以复制一个插画背景(大圆)做剪切蒙版来掩蔽它:选中背景(大圆)复制(Control+C)粘贴(Control+F)到小岛图层上方,同时选中背景(大圆)和小岛,右键单击>建立剪切蒙板。

Illustrator绘制磨砂颗粒感的日落插图,PS教程,思缘教程网

创建小型游轮:使用矩形形状工具来绘制,色值为:#C4583B,通过移动锚点调整形状。完成后,编组(Control+G)。

Illustrator绘制磨砂颗粒感的日落插图,PS教程,思缘教程网

创建云朵和第二步绘制海面波纹的方法一样,不再赘述,参数:圆角矩形80 x 16px ,圆形16 x 16px。云朵:白色线性渐变(不透明度:20%—60%)

Illustrator绘制磨砂颗粒感的日落插图,PS教程,思缘教程网

划过天际的流星:创建两个圆角矩形80 x 4 px,白色线性渐变(不透明度:60%—10%)

Illustrator绘制磨砂颗粒感的日落插图,PS教程,思缘教程网

 收藏