原图作者：EoY_chan

大家好，我是小智！今天分享一个简约不简单的小插画：陪你去看流星雨。

那么我们就直接开始制作这个插画，我用的是PS哦，AI 也可以。

PART1：

首先是展示效果图

PART2：

1.首先新建画布600*800px,然后画个矩形做底色，填充颜色如下：

 

2.然后我们来制作这个沙漏的顶部，使用椭圆工具画好圆，再来个渐变色参数如下:

 

 

3.然后用矩形工具和椭圆工具制作沙漏上部的底部形状，这里需要注意矩形和圆宽度要一致然后进行布尔运算（首先选中两个图层Ctrl+E合并，然后合并图层）加上渐变，相关参数如下:

 

 

4.把第2步得到的形状放在第3步的图层上面，然后打个包，沙漏的顶部就做好了，然后我们重复以上操作，可以得到沙漏的底部（底部的参数会有点变化，因为这个沙漏是倾斜的，具体参数根据自己感觉做一点修改）

 

 

5.接下来我们只做沙漏的柱子，使用矩形圆角拉到最大，添加渐变，相关参数如下:

 

 

6.接下来我们只做沙漏玻璃，用椭圆工具制作上部分，添加颜色#52d5fe，这里需要多复制一层，同理制作下部分：

 

 

7.然后我们在做中间的链接部分，这里用椭圆与矩形进行布尔运算（这里是减去顶层哦！）在合并上一步与这步的图层，调整位置

 

 

8.降低透明度为20%，再给复制的那个圆添加底色，增加投影效果

 

 

9.然后我们来制作里面的沙子，用椭圆工具制作基本形状再用小白调整形状（这里不用太完美）打个组，添加渐变色彩（颜色需要微调）然后用沙漏的玻璃做出选区，对沙子组进行剪切蒙版，再精确调整形状。

 

 

10.人物就用钢笔工具勾画出来，各部分颜色分别为：皮肤  #fff1cb，头发  #37210c，衣服  #394ce0，裤子  #3704ec，鞋子  3b4ce1

 

 

11.最后制作流星用椭圆工具画个3px的圆，再用小白拉长一个点，能得到流星的效果，颜色做个不透明度的渐变，可以尝试多种颜色，但是不要太花了哦，中间在点缀些4px，2px的星星，最后背景再来个黑色的径向渐变，整个作品就OK了哦！

 

 

PART3：

总结:

1.这个插画需要拆开每部处理，看起来稍显复杂，但是做着并不是很难；

2.钢笔工具的使用

学会了的同学要多多运用哦。让我看见更多有意思的卡通吧。

越努力越幸运！

学UI网强力推荐购买史上最好的UI设计书

长按下面二维码查看两本书的详细介绍

 直接购买链接 

小红 132元包邮

复制这条信息￥2UeA088mFnx￥后打开手淘

小黄148元包邮

复制这条信息￥z7cB088NJ95￥后打开手淘

凡是购买了本书的同学可加我们学UI网作业群5群群号:344912310，群文件会有书中的PSD源文件以及有关素材下载。

学UI网26群：569558041

学UI网老虎帮

高级UI课程

随到随学包学会

报名咨询

QQ群：236786784

长按识别二维码 快速加群

▼ 点这儿，详细了解老虎帮。

• 【Yui宝宝小课堂】1000----单挑教程：慢打
• 【红包和人品】红包见人品
• 【坠落】又一大佬，坠落了！！
• 他过着平常的日子，却做着最浪漫的事...
• 向左走，向右走，春运中“错过”的浪漫
• #辟谣#别在朋友圈传播这张图了！原稿作者@正月插画师 发话
• 情人节说什么最浪漫？
• 看30年前的楷书教程，非常走心！
• 地藏菩萨在朋友圈刷屏 插画师:不知道有这个功效
• 今天除夕啦！最好的新年礼物居然是一封浪漫的保险情书，看完感动