Ethan

小编:今天@Ethan为大家带来一篇插画教程,简单4步轻松搞定,过程简单效果出彩,不懂AI的小伙伴也不用怕,完全可以跟着教程实现出来,赶快来尝试一下吧!

jiaozuoye

组-6

1.制作插画背景

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

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

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;90o 。

7c8959932e19000000212941ee3d.jpg

 

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

87d359932e2ba801215603942e1c.jpg

 

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

ac2b59934d3ba801215603e8dba1.jpg

 

创建64 x 48 px的矩形(#FFFFFF),位置参照下图。选中所有白色形状,使用路径查找器(联集)将形状组合在一起。使用直接选择工具(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)到小岛图层上方,同时选中背景(大圆)和小岛,右键单击>建立剪切蒙板。

887759934b850000002129633ba6.jpg

 

创建小型游轮:使用矩形形状工具来绘制,色值为:#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

 

最后!希望大家能通过浏览这篇教程中学到新的东西。

看完教程咱们交作业咯!点我直达作业提交页面>>

 

原文地址:tutsplus

作者:Andrei Stefan

译者:学UI网翻译社-Ethan

 

组-8

转载请注明:学UI网—UI设计师学习教程平台 » 简单4步,轻松打造扁平风颗粒感插画【AI教程】

登录收藏

学UI就上学UI网!越努力,越幸运!

“学UI网www.ccopus.com?”最值得关注的UI学习平台! 每天发布高质量的设计教程和分享设计经验,服务于20万UI设计师,帮助初学者快速转型。每周六晚上免费YY公开课(36013311),给大家提供更多免费学习的机会。想成为设计师的你快来关注吧!

【特色推荐】

APP截图站app.ccopus.com” 海量APP截图,让你灵感爆发!国内最好的APP截图站。

UI作业网 zuoye.ccopus.com” 每一个作业题都尽量配有教程,交作业就有大神免费帮你点评作业,爽歪歪!

UI设计导航站 hao.ccopus.com” 专为UI设计学习者打造的资源+学习,双用途的网址导航站。亲爱的,你收藏了吗?

【学UI网 原创文章 投稿邮箱:tougao@ccopus.com,也可以找各个群的管理】

 
你可能喜欢的:
一叶知秋-剪纸风教程【教程】一叶知秋-剪纸风教程【教程】
设计师必备!人工智能时代的配色方案?。凵衿鳎?/span>
潜水艇小插画教程[AI教程]潜水艇小插画教程[AI教程]
AI快速绘制2.5D冰淇淋车AI快速绘制2.5D冰淇淋车
VIP勋章拆解教程 [ps教程]VIP勋章拆解教程 [ps教程]
写实插头图标教程[PS教程]写实插头图标教程[PS教程]
《纪念碑谷2》图标教程[ps教程]《纪念碑谷2》图标教程[ps教程]
运气药水绘制【教程】运气药水绘制【教程】
毛线编织纹理图标教程[AI教程]毛线编织纹理图标教程[AI教程]
2.5D收音机教程2.5D收音机教程
?