当前位置:丝路教程网 > UI设计 > AI >

巧用AI教程绘制扁平风插画,颗粒感你还喜欢

2017-08-21 10:59 来源: 丝路教程网 分类: AI
537 作者:丝路教程网

[导读] 今天用AI绘制插画教程,只需简单4步轻松搞定,简单获得不平凡,不懂AI?不用担心,跟着教程走,不会也秒变大神,还不快来走一波! 1.第一步,制作插画背景,这是基础一步,也是AI教

  今天用AI绘制插画教程,只需简单4步轻松搞定,简单获得不平凡,不懂AI?不用担心,跟着教程走,不会也秒变大神,还不快来走一波!

  1.第一步,制作插画背景,这是基础一步,也是AI教程的开始。

  首先创建文档(文件>新建或Conttrol + N)1200 x 600 px。

  然后分别创建第一个圆480 x 480 px,线性渐变:#EFFF56—#EF6B43;90º 。

b69f59932c4ca8012156039942bd.jpg

  有一就有二,用到这里是别有一番用意,那就是第二个圆要开始画起来了,384 x 384px (#ED7743 不透明度40%)作为太阳的光芒。

e72b59932c7ca801215603f187ab.jpg

  二结束,第三个圆画起来,288 x 288px(#ED7743)作为第二个发光部分。

e6b659932c8900000021291f738b.jpg

  一直画圆,烦了?最后一个了,坚持,看看效果就有动力了。第四个小圆192 x 192px(#E87243)作为太阳。然后选中所有形状居中对齐,编组(Control+G)。

d72e59932c960000002129906460.jpg

  2.创建海面波纹

  创建一个矩形512×512 px,线性渐变:#6FA0CD—#7DDBCD;90º 。

7c8959932e19000000212941ee3d.jpg

  和上面开始有所不同,真正的操作要开始了呢,选中上面做好的最大的圆(Control+C Control+F),同时选中矩形,然后右键单击>建立剪贴蒙板。

87d359932e2ba801215603942e1c.jpg

  接下来就是画出圆角矩形,他们需要居中对齐,大小是240与32 、176与32。在建立192与32 、128与32两个矩形他们的位置在图二中展示的一览无余。最后建立小圆32与32,这是为了去掉棱角,得出波浪状,需要使用路径查找器,如图三波浪形状模样开始慢慢勾勒出来了。

ac2b59934d3ba801215603e8dba1.jpg

  创建64 与48 的矩形,位置看图就能有所把握。白色形状都要选好,并选中,这是路径查找器再次出马,(联集)将所有的形状组合在一起,会有不同的效果,我们,需要的就是如下图。圆角如何得出,工具(A)发挥巨大作用,选择底部矩形的四个角,进行操作拖鼠标即可。

835b59934cb2a801215603959711.jpg

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

b7d659934c600000002129515d4f.jpg

  复合路径即将登场,复制一份(Control+C> Control+F),多余形状要及时删除掉,防止影响下一步操作。使用“ 缩放”工具(右键单击>“变换”>“缩放”>“等比”> 50%)进行缩小,移动如图所示位置。

a12f59934bec0000002129ee0b93.jpg

  3.添加细节

  小岛的绘制也是很细腻的一步,需要使用钢笔工具(P),绘制出的效果如图所示,色值选用分别为#C4583B #AA4531。形状编组需要全部被选中(Control+G)。岛的右边有大部分是有露出插画背景(大圆),为了能够让画面看的更协调选择复制一个插画背景(大圆),剪切蒙版来掩蔽它。如何操作选中背景(大圆)复制(Control+C)粘贴(Control+F)到小岛图层上方,同时选中背景(大圆)和小岛,右键单击>建立剪切蒙板,结束的操作步骤,只想说一句666。

887759934b850000002129633ba6.jpg

  需要创建小型游轮了,不要抑制自己愉快的心情,AI教程已经过了大半,这不需要使用矩形形状工具来绘制,色值为:#C4583B,通过移动锚点调整形状。完成后,编组(Control+G)。

1ea25993447a0000002129eacfa2.jpg

  云朵的创建和之前的创建海面波浪方法一样,不再详细阐述,如果有疑问参照面的步骤。参数:圆角矩形80 x 16px ,圆形16 x 16px。云朵:白色线性渐变(不透明度:20%—60%)

5fc7599346450000002129ebe3b2.jpg

  划过天际的流星开始制作,做到这里应该稍稍得心应手了吧。创建两个圆角矩形80 x 4 px,白色线性渐变(不透明度:60%—10%)

facc59934703a801215603689d83.jpg

  4.最后一个大步骤了,修饰插画

  复制粘贴背景大圆(Control+C Control+F)两次,将最上面的大圆大小改为448 x 448px(下图用红色显示)。选中复制的两个大圆使用路径查找器减去顶层,将得到的环形的不透明度设置为30%并置于插图的最上方。

dbe6599347d9000000212944fef4.jpg

  创建纹理:选中背景大圆复制粘贴(Control+C Control+F)#000000。选择效果>纹理>颗粒,设置它的强度11,对比度100,喷洒。

88a959934926a801215603b2b838.jpg
86d45993494f000000212956c98d.jpg

  将其混合模式设置为柔光,不透明度20%。

3f6b5993b883a801215603bc2ba0.jpg

  最后就是检查下我的制作出的成品,有不和谐的地方进行调试,相信要是一步一步制作过来,应该没有什么问题。如果发现纹理涂层会露到背景(大圆)外面,解决这个问题的方法嘛,回看上文你就知道答案了。

bfe059934aaa00000021292f5c76.jpg

  本篇AI教程就结束了,学会了么,记得多多操作呢。

  推荐阅读:学UI设计,丝路教育为你设计别样人生!


免责声明:

丝路教程网的部分文章信息来源于网络以及网友投稿,本网站只负责对文章进行整理、排版、编辑,是出于传递更多信息之目的,如权利人发现存在误传其作品情形,请及时与本站联系。

  • 所属专题:AI教程专题
  • 本文链接:http://blog.silucg.com/UICN/ai/article-7406.html

巧用AI教程绘制扁平风插画,颗粒感你还喜欢

的相关文章
Copyright © 2008-2017 blog.silucg.com 丝路教程网 版权所有 网站地图
点击这里给我发消息
丝路教育