分享此网站可得100G教程,联系小洁领取点击这里给我发消息

AI小教程–简单6步画一幅落日插画

Illustrator 学UI设计 708次浏览 0个评论 扫描二维码

AI小教程–简单6步画一幅落日插画

话不多说,我们直接看作品吧!

AI小教程--简单6步画一幅落日插画

嗯,简单看一下,我们应该怎么开始这个插画

1.背景

2.海面

3.海面上的物体

4.天上的东东

5.外面的环

6.表面的颗粒感

OK,知道怎么个步骤了,我们就开始吧!

新建一个文档,然后建6个图层,对应我们上面的。(也可以一步步的建立)

AI小教程--简单6步画一幅落日插画

AI小教程--简单6步画一幅落日插画

AI小教程--简单6步画一幅落日插画

STEP 1:建立背景。

1)新建一个480*480px的圆。给它一个如下渐变。

AI小教程--简单6步画一幅落日插画

2)画一个小的圆(384*384px,#ED7743),改变透明度。

AI小教程--简单6步画一幅落日插画

3)继续叠加小的圆(288*288px,#ED7743,48%的透明度)

AI小教程--简单6步画一幅落日插画

4)继续192*192px,#E87243

AI小教程--简单6步画一幅落日插画

STEP 2 :海面的绘制

1)画一个512*512px的矩形(剪掉一半),颜色渐变#6FA0CD和#7DDBCD,角度90°。

AI小教程--简单6步画一幅落日插画

2)建立图层蒙版,去掉多余的海。AI小教程--简单6步画一幅落日插画

3)画海面上的波浪。颜色白色。

240*32px和176*32px,圆角都是16px。

AI小教程--简单6步画一幅落日插画

192*32px和128*32px

AI小教程--简单6步画一幅落日插画

32*32px的圆,利用布尔运算剪出弧形。

AI小教程--简单6步画一幅落日插画

64*48px的矩形。

AI小教程--简单6步画一幅落日插画

合并几个形状。然后调节一下波浪底部的弧形,圆角改为16px。

AI小教程--简单6步画一幅落日插画

48*32px,圆角为16px。

AI小教程--简单6步画一幅落日插画

4)编组这个波浪。然后给它加个渐变。

AI小教程--简单6步画一幅落日插画

5)复制中间的那个大点的波浪,然后缩放50%。移动位置。

AI小教程--简单6步画一幅落日插画

AI小教程--简单6步画一幅落日插画

STEP 3 :绘制海面上的东东。

1)使用钢笔工具勾出小岛的外形。然后加几个深点的色块,使小岛看起来有空间感。

AI小教程--简单6步画一幅落日插画

AI小教程--简单6步画一幅落日插画

使用剪切蒙版减去小岛多出来的部分。

AI小教程--简单6步画一幅落日插画

2)画船。几个矩形变一下型。

AI小教程--简单6步画一幅落日插画

STEP 4 :天上的东东

1)和之前画波浪没啥区别,就不多说了。

80*16px,圆角为8px的矩形。颜色还是白色。

AI小教程--简单6步画一幅落日插画

AI小教程--简单6步画一幅落日插画

32*16px矩形。然后两圆布尔运算。

AI小教程--简单6步画一幅落日插画

32*16px。

AI小教程--简单6步画一幅落日插画

AI小教程--简单6步画一幅落日插画

将云给合并,然后价格渐变。

AI小教程--简单6步画一幅落日插画

2)再给加两个飞机路过冒得烟。。。

80*4px,左边圆角为2px,颜色渐变为白色60%–10%。

AI小教程--简单6步画一幅落日插画

STEP 5 :外面的环

复制一个背景里最大的圆,然后画一个448*448px的圆,布尔运算减去表面的圆。然后改变不透明度为30%。

AI小教程--简单6步画一幅落日插画

AI小教程--简单6步画一幅落日插画

STEP 6 :表面的颗粒感

1)还是复制最大的那个圆,改颜色为黑色。AI小教程--简单6步画一幅落日插画

2)效果–纹理–颗粒,然后调整数值如下。(那个英文单词是喷洒的意思)

AI小教程--简单6步画一幅落日插画

AI小教程--简单6步画一幅落日插画

3)照例,剪切蒙版。

AI小教程--简单6步画一幅落日插画

当当当……

 


推荐:查看最受欢迎的设计导航网站 → http://hao.xueuisheji.com

交流:结交更多有才华的设计师?请加入UI设计QQ群 ,与设计师交流设计。

喜欢 (2)
[关注:设计军团]
分享 (0)
关于作者:
学UI设计网专业的UI设计师交流、学习与展示的平台。我们将打造中国最专业的UI设计交流平台,为UI设计师做最好的职业生涯一站式服务,提高UI设计乃至互联网设计的行业价值!