简单4步,轻松打造扁平风颗粒感插画【AI教程】

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

1.制作插画背景

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

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

第二个圆384 x 384px (#ED7743 不透明度40%)作为太阳的光芒。

第三个圆288 x 288px(#ED7743)作为第二个发光部分。

第四个小圆192 x 192px(#E87243)作为太阳。然后选中所有形状居中对齐,编组(Control+G)。

2.创建海面波纹

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

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

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

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

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

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

3.添加细节

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

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

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

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

4.修饰插画

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

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

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

最后检查下我们完成的插图,发现纹理涂层会露到背景(大圆)外面,解决这个问题的方法嘛,本文中已有答案。

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

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

tutsplus

作者:Andrei Stefan

译者:学UI网翻译社-Ethan

Illustrator
(0)

相关推荐

  • 教你用AI打造YOGA风图标【AI教程】

    学UI网的小伙伴们好~ 已经有一段时间不见啦,眨眼间就要过年了.前几天嘉儿在Zcool上看到一个十分不错的教程,不论是从技巧.美观度,还是思维方面都能让人收获良多.一起来看看这篇教程吧~! 此教程依旧 ...

  • win10系统下简单两步轻松将回收站锁定到任务栏上的技巧

    回收站是微软Windows操作系统里的其中一个系统文件夹,主要用来存放用户临时删除的文档资料,而Win10预览版相比之前的Windows系统版本,有了一些较大的改变,比如可以将回收站锁定到任务栏,这样 ...

  • 远程桌面连接3步轻松打造文件共享

    使用网络人远程桌面连接软件,只需要简单三步设置,即可在各电脑间(包括不在同一个局域网的电脑)共享文件。通过远程桌面连接,你可以选择共享整个硬盘或只共享指定文件。 现代计算机系统中,文件共享是必备的手段 ...

  • 美图秀秀一步轻松打造哥特式风格图片 艳丽妖娆!

    很多美眉喜欢艳丽的哥特式风格,可是PS对她们来说太过于专业了,怎么办呢? 其实,要实现哥特式风格也并非难事,用美图秀秀就可以! 来看图! 图1 最终效果图 打开图片! 图2 在LOMO特效里选择“哥特 ...

  • 美图秀秀快速生成闪字(简单三步轻松搞定)

    不少朋友习惯为照片上添加文字来表达心情或者是恶搞,闪字功能就更加能够体现出来。美图秀秀如何生成闪字的?方法非常简单,只需要三步,就可以了。 一、在美图秀秀中打开主素材。 美图秀秀 二、找到闪图工具,并 ...

  • 怎样在IE上显示自己的名字?简单几步轻松实现

    首先,打开电脑,点“开始”菜单,在开始菜单中找到“运行”,用鼠标点一下“运行”,出现查找对话框,在对话框的空格中输入regedit,然后点击确定,“注册表菜单”就出来了,从菜单中找到HKEY_CURR ...

  • 简单5步轻松搞定Mac分区加密功能

    如果你想要防止亲戚家的熊孩子在你的电脑上捣乱,光设置一个来宾帐户是远远不够的.它虽然可以保护你的系统盘,但对于其他硬盘分区却并没有任何保护作用.在这个时候,分区加密功能就可以派上用场了.在Mac上开启 ...

  • 简单几步轻松美白人物照片

    如何美白人物照片呢?下面,就让小编给大家介绍一下吧. 操作方法 01 首先,我们需要打开我们电脑的ps软件(鼠标左键双击桌面上的ps快捷方式或者是鼠标右键再选择打开都是可以的). 02 打开ps软件之 ...

  • 让windows7系统变成Wi-Fi热点简单几步轻松实现

    2、运行刚才解压目录中的VirtualAP.exe (如果是Windows 8,请右键->以管理员身份运行。) 3、输入SSID和密码,点击启动热点。 软件运行后的界面如下: 4、共享现有连接给 ...