作者:橘子tea
个人主页:orangtea.zcool.com.cn
虽说绘制插画一般用手绘软件,但如果用Sketch矢量工具也可以绘制吗?当然可以,UI插画本来就是扁平化风格居多,所以用AI、Sketch、PS都可以,也只是工具而已,重要还是绘图者本人。今天分享的Sketch + PS 星空插画教程比较简单,适合初学者们借鉴学习。
效果图:

一、准备工作
使用软件 sketch ps
(以下绘画过程及上色笔刷均为鼠绘,如上笔刷不习惯则可使用手绘版)
二、创作过程
1、创作思路
这次做插画的目的主要是制作作品集封面,快速达到吸睛的作用。寻找灵感的过程中,忽而想起以前老师常说的:设计就像是戴着锁链跳舞,设计是这般,自由与人生也是这般。所以一开始大概想法是绘制大场景 宇宙神秘色彩 女孩。基调就这样定下来了(后面打稿后发现画面比较丰富,锁链在画面里可能会破坏其协调性,故而去掉了,但一方星球看似自由,实则不也是“锁链”)。
2、灵感参考
有墙可翻则翻,不翻花瓣也够玩,一样有很多很多灵感可以康康~主要分现实图和插画图,在构图、配色、细节处理上都可以多留一份心眼。
- 现实插画参考图库

- 插画参考图库

3、初稿处理
初稿主要在sketch中完成。
(1)黑白稿
或许很多朋友奇怪我为什么会打黑白稿,其实主要是因为我个人上色容易反复修改,如果一开始边画边上色总会不由自主磨在上色里很久,而且上色丑容易有强烈的挫败感,所以后面开始试了下用黑白灰区分界面色调,发现上色会快了很多,而且没有颜色的干扰会让我更加专注于当前的构图和细节处理上。
这一步大家可以看着来处理就好,高级一点的可以把这一步直接为接下来上色做重轻色铺垫了。我只是简单的区分而已,没有追求逻辑性区分色块。

另外弱弱说一下人物我是怎么抠出来的..

(2)上色稿
简单铺上大色块,不必太斟酌,后期可以继续改。

(3)渐变稿
这一步需要注意光源的位置,这里多加了一些紫色和青蓝色,丰富了颜色的层次。同时石头的细节通过不规则形状的渐变色块营造更多的质感。


4、细节优化
通过 https://www.photopea.com 把完成好的sketch转化成ps,这是个免费的在线转换网站,一般需要等几分钟~接下来的步骤均在ps中完成。
转PSD教程:Sketch转PSD的简易方法
(1)添加噪点
详细可戳上方视频,方法不外乎之前我发过的教程里的平刷方法,耐心一层层刷颜色就好了。多尝试用混合模式,想要变亮用叠加、滤色等,变暗则用正片叠底。

附:使用笔刷列表
这次除了噪点笔刷还玩了一些新鲜的笔刷,笔刷比较多,都是网上download的非本人制作,用点好玩的笔刷可以让画画变得更加有趣(笔刷在文章尾部下载)。

(2)增加氛围
背景已经有些氛围感,在大大的建议下,前景也增加了一些光晕、烟雾以及极光,这样层次会变得更加丰富。


(3)调色大法
调整色彩平衡,添加锐化和些许杂色,让整体更加清晰融洽。

最后效果图就是这样啦~

今天的小教程分享就到这里啦,谢谢阅读和观看,希望对你有所帮助,如有不足之处欢迎请多多指正~
获取笔刷:私信回复「星空插画笔刷」就会自动回复下载地址