网页设计 » 视觉设计 » 用Sketch+PS绘制星空插画(鼠绘)

用Sketch+PS绘制星空插画(鼠绘)

发表于: 视觉设计. 评论
Sponsor

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

效果图:

用Sketch+PS绘制星空插画(鼠绘)

一、准备工作

使用软件 sketch ps

(以下绘画过程及上色笔刷均为鼠绘,如上笔刷不习惯则可使用手绘版)

二、创作过程

1、创作思路

这次做插画的目的主要是制作作品集封面,快速达到吸睛的作用。寻找灵感的过程中,忽而想起以前老师常说的:设计就像是戴着锁链跳舞,设计是这般,自由与人生也是这般。所以一开始大概想法是绘制大场景 宇宙神秘色彩 女孩。基调就这样定下来了(后面打稿后发现画面比较丰富,锁链在画面里可能会破坏其协调性,故而去掉了,但一方星球看似自由,实则不也是“锁链”)。

2、灵感参考

有墙可翻则翻,不翻花瓣也够玩,一样有很多很多灵感可以康康~主要分现实图和插画图,在构图、配色、细节处理上都可以多留一份心眼。

  • 现实插画参考图库

用Sketch+PS绘制星空插画(鼠绘)

  • 插画参考图库

用Sketch+PS绘制星空插画(鼠绘)

3、初稿处理

初稿主要在sketch中完成。

(1)黑白稿

或许很多朋友奇怪我为什么会打黑白稿,其实主要是因为我个人上色容易反复修改,如果一开始边画边上色总会不由自主磨在上色里很久,而且上色丑容易有强烈的挫败感,所以后面开始试了下用黑白灰区分界面色调,发现上色会快了很多,而且没有颜色的干扰会让我更加专注于当前的构图和细节处理上。

这一步大家可以看着来处理就好,高级一点的可以把这一步直接为接下来上色做重轻色铺垫了。我只是简单的区分而已,没有追求逻辑性区分色块。

用Sketch+PS绘制星空插画(鼠绘)

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

用Sketch+PS绘制星空插画(鼠绘)

(2)上色稿

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

用Sketch+PS绘制星空插画(鼠绘)

(3)渐变稿

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

用Sketch+PS绘制星空插画(鼠绘)

用Sketch+PS绘制星空插画(鼠绘)

4、细节优化

通过 https://www.photopea.com 把完成好的sketch转化成ps,这是个免费的在线转换网站,一般需要等几分钟~接下来的步骤均在ps中完成。

转PSD教程:Sketch转PSD的简易方法

(1)添加噪点

详细可戳上方视频,方法不外乎之前我发过的教程里的平刷方法,耐心一层层刷颜色就好了。多尝试用混合模式,想要变亮用叠加、滤色等,变暗则用正片叠底。

用Sketch+PS绘制星空插画(鼠绘)

附:使用笔刷列表

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

用Sketch+PS绘制星空插画(鼠绘)

(2)增加氛围

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

用Sketch+PS绘制星空插画(鼠绘)

用Sketch+PS绘制星空插画(鼠绘)

(3)调色大法

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

用Sketch+PS绘制星空插画(鼠绘)

最后效果图就是这样啦~

用Sketch+PS绘制星空插画(鼠绘)

今天的小教程分享就到这里啦,谢谢阅读和观看,希望对你有所帮助,如有不足之处欢迎请多多指正~

获取笔刷:在「设计达人」公众号后台回复「5843」就会自动回复下载地址咯。注意数字不要回复错哦~

作者:橘子tea
个人主页:https://orangtea.zcool.com.cn

推荐:查看最受欢迎的 301 个设计网站 → http://hao.shejidaren.com
交流:结交更多有才华的设计师?请加入UI设计QQ群,与50000名设计师交流设计。
赞助商链接
赞助商链接
设计达人微信交流社区:shejidaren888
喜欢这篇文章吗?欢迎分享到你的微博、QQ群,并关注我们的微博,谢谢支持。
版权:除非注明,本站文章均为原创文章,转载请联系我们授权,否则禁止转载。

{ 发表评论 }