AI教程!噪点风格扁平插画绘制

时间:2020-06-08
类别:AI教程
水平:入门
观众:2.7w
设计师入站必刷的宝藏频道,掌握设计真本领与AI并肩 👉 立即点击

教程作者:软件基础训练营47-A40-大奥

教程指导:如如酱w

交作业:#优设每日作业#

关于教程

首先,要确定自己想画什么主题、内容(发散思维),再画草稿、找参考、确定色调,然后就是线稿,色稿(总体颜色),开始绘制。

你也想做出这么漂亮的插画吗?让如如老师手把手教你→点我学习制作AI插画

效果图

AI教程!噪点风格扁平插画绘制

教程步骤

步骤一:草稿

草稿可以再电脑上绘制也可以手绘,但要画出个大概、确定物体的位置。

我是在电脑上绘制,草稿如下:

AI教程!噪点风格扁平插画绘制

步骤二:线稿

我是在电脑上绘制,把线稿绘制好,再去AI里绘制,这样确切位置,看到自己草稿和构图的不足。

AI教程!噪点风格扁平插画绘制

步骤三:色稿

先确定整体色调,再去细处理,颜色要分明,不能太相近糊在一起。然后保存为JPEG图(文件-储存为)

AI教程!噪点风格扁平插画绘制

这是第一张色稿

AI教程!噪点风格扁平插画绘制

最终色稿(AI做完后颜色不对改的)

AI教程!噪点风格扁平插画绘制

步骤四:新建文件

新建文件

AI教程!噪点风格扁平插画绘制

步骤五:新建图层和矩形

(因为后面要到PS里去做噪点,所以每画一个要新建图层,不然所以做完后一个一个分会很麻烦。)

先用矩形工具画正方形作为底(颜色483960),要覆盖整个画布。再在图层区锁定。然后命名为“底”。再新建一个图层。

AI教程!噪点风格扁平插画绘制

步骤六:放入色稿

新建一个图层,命名为“草稿”。将色稿放入草稿图层中(不要放错)大小不合适,选中草稿,将它放大,按shift键,可以等比例放大缩小。每做完一到两步ctrl+s保存。

AI教程!噪点风格扁平插画绘制

步骤七:开始绘制

先将草稿不透明度调小(要选中),在外观面板中(如果没有的话去菜单栏-窗口中找到点击即可)自己看得清即可。

新建一个图层,命名为“底外圆”用椭圆工具画一个圆(shift键画出正圆)(颜色:ffe9d7)

使用偏移路径(数值如下)

AI教程!噪点风格扁平插画绘制

偏移路径后会出现一个新的圆(会在一个图层里),选中“底外圆”使用“路径查找器”(没有的话去去菜单栏-窗口中找到点击即可),再新建一个图层,命名“底内圆”,用椭圆工具绘制一个圆,效果图如下:(锁定图层)

AI教程!噪点风格扁平插画绘制

步骤八:开始绘制物体

要用钢笔工具来绘制山、海浪、小船

用钢笔工具时,先点起点,再点下一个点时不要松手,会出现杠杆,先绘制完后再去改颜色,(绘制这些物体是很耗时间的,要有耐性)(每做一个色块,要新建一个图层,千万不要混到一起去了。如果混到一起去了,就先把所以的都做完,再一个一个新建图层,命名,拖过去)(要注意图层顺序)如下:

AI教程!噪点风格扁平插画绘制

颜色如下:

  • 1、左山暗面9a8ab1    亮面b6acc5
  • 2、底外圆ffead93
  • 3、底内圆ffc945
  • 4、中山暗775a94    中山亮8972aa
  • 5、右山亮a391bb    右山暗8e71a9
  • 6、太阳色eb6001
  • 7、底483960
  • 8、右浪1、ffd4d1
  • 9、右·浪2、ff917d
  • 10、右浪3、a76573
  • 11、右浪4、eb6001
  • 12、右浪5、ffd4d1
  • 13、右浪6、ffecdd
  • 14、右浪7、ff9a6a
  • 15、右浪8、ff9798
  • 16、右浪9、ffecdd
  • 17、云1、ffe9d7
  • 18、云2、f8dcc4

AI教程!噪点风格扁平插画绘制

步骤九:云朵和太阳

太阳的绘制绘制是用椭圆工具画一个正圆,图层顺序再”底外圆“上(一定要注意图层顺序)效果图如下:

AI教程!噪点风格扁平插画绘制

然后来绘制云,先用矩形工具绘制一小朵云的大小,再用选择工具点里面的小圈(一个)向内拖:方法、效果图如下

AI教程!噪点风格扁平插画绘制

云朵的效果图:(中间向里凹的是用钢笔工具画的)(一定要注意图层顺序)

AI教程!噪点风格扁平插画绘制

最后再加一些小圆点AI部分就完成了

AI教程!噪点风格扁平插画绘制

步骤十:导出psd格式

图层面板右上角-释放到图层(顺序)

AI教程!噪点风格扁平插画绘制

然后-文件-导出-导出为

AI教程!噪点风格扁平插画绘制

格式选psd(ps所用格式)

AI教程!噪点风格扁平插画绘制

然后,勾选”使用画板“(一定要勾)-导出

AI教程!噪点风格扁平插画绘制

会弹出”Photoshop 导出选项“勾选”写入图像“”最大可编辑性“

AI教程!噪点风格扁平插画绘制

AI-PS导出就完成了

步骤十一:绘制噪点

打开ps-打开刚才导出的psd文件,在AI里面给图层命名了就可以看到PS里的图层面板是这样的:

AI教程!噪点风格扁平插画绘制

然后,开始给每个物体绘制”噪点“。首先我们打开”文件夹“(双击),就可以看到是有一个图层在里面的,然后新建两个图层,在原图层上面。

AI教程!噪点风格扁平插画绘制

然后新建两个图层,在原图层上面。再”剪贴蒙版“点击图层-右键-创建剪贴蒙版,(快捷键是:按ait键,放到两个图层中间,就会出现一个向下的箭头)(ctri+s保存、ctri+z撤退、ctrl+空格放大)如下:

AI教程!噪点风格扁平插画绘制

然后使用混和模式,下面那个选”正片叠底“(变暗)上面”滤色“(发亮)

AI教程!噪点风格扁平插画绘制

然后使用”柔边画笔“,再吸取物体的颜色,放大,画笔的混合模式改为溶解,在里物体远一点的地方画(鼠标也可以,只要把不透明度、流量调小)

AI教程!噪点风格扁平插画绘制

步骤十二:盖印图层

做完所以后,ctrl+shift+ait+E键  盖印图层(不破坏原图,在上面新建一个包含所有显示图层的图层)

然后滤镜-杂色-添加杂色,再保存

AI教程!噪点风格扁平插画绘制

最终效果图

AI教程!噪点风格扁平插画绘制

想要来「优优交流群」和其他小伙伴一起学习分享吗?搜索 QQ 群:1078133504 进群暗号:优优的忠实观众

学完这篇教程的人还在学…

19 收藏 113

非特殊说明,本站 UiiiUiii.com 上的教程均由本站作者及学员原创或翻译,原作品版权归属原作者,转载请联系 @优优教程网 授权。

转载时请在文首注明,来源 UiiiUiii.com 及教程作者,并附本文链接。谢谢各位编辑同仁配合。UiiiUiii 保留追究相应责任的权利。

复制本文链接
img

发表评论 快来秀出你的观点

还可以输入 800 个字
yzm
 
 
加载更多评论
没有更多评论了

优优教程网 365 天打卡计划

点击 #优设每日作业# 进入微博超话页面,上传并发布你的练习作业,话题微博格式【 优优教程网365打卡计划 – DAY 01 】,优秀作业将有机会被 @优优教程网 官方微博转发点评。

/

支持键盘 ← → 键翻阅图片