图片生成插画-PS照片转手绘插画（带人物篇）

写在前面:本教程需要有AI和PS基础

一、分析插画特点

扁平插画是目前非常流行的一种插画风格,要制作扁平插画必须先了解分析它的特点。

在造型上:简洁,把复杂的造型简化。

在光影上:去除光影渐变,以及肌理效果,多使用纯色。

二、插画绘制工具

造型是AI比较擅长的,所以我们使用ai来绘制物体的造型,颜色则使用AI,这两个软件相互配合,几乎可以满足我们所有的需求。

三、构图

以一张照片为主体,照片上的物体可以适当进行删减、修改,例如竹筏的造型和位置不是那么理想,我们可以使用右边图片上的竹筏进行替换。

我们可以将画面分为三个层次,近景是竹筏,中景是山体,远景是天空。

两边高,中间低的V字形构图。

四、绘制步骤

步骤1:

用ai中的斑点画笔将近景、中景、远景一层层的绘制出来,只需要绘制大致的轮廓,可以把照片锁定后直接在照片上临摹,只需要画出轮廓,然后将里面的路径删除,得到一个面即可。

步骤2:

将绘制好的ai使用插件转为分层psd,到psd中绘制颜色,每一层的形状以单色为主。颜色的选择可以参考照片的颜色,例如,清晨,下午,或者晚上,吸取颜色即可。

步骤3:

添加水面倒影以及细节纹理,使用布尔运算,给倒影添加波纹的,细节,不需要很复杂,可以抽象一些。

AI教程: Illustrator视频教程,AI软件入门到精通

PS教程: PS教程全套,零基础也能学会的ps教程

对于痴迷过无数动漫的我们来说,能把自己旅行、聚会的照片变成插画/漫画的风格,简直太有幸福感了,仿佛可以创造出我们自己的漫画世界。这里就分享一下我的创作过程吧,先放前后对比图:

网上的照片转插画教程有很多,不过只有纯风景照转出来才好看,有人物的照片转出来总有种“一看就知道是照片”的赶脚。所以我在网上教程的基础上添加了些手绘上去,让最后效果更像手绘。

首先要将照片转为插画风,这类教程不少,比较不错的一篇: PS拯救手癌党三分钟学会手绘插画风 ,大家可以参考,这里不再赘述。效果如下:

如果大家做出来的效果有偏差,可能是我当时制作时额外调了色调(时间太久,记不清了哈)。

其实第一步结束,就已经很有feel了,只不过我喜欢多一些动漫风格,而上面的人物还是偏油画感觉的。So,按照片里的人物重新打个线稿,上色,就完成啦:

噗……开玩笑的啦,不过线稿是的确要先打,可以发挥想象力,不必拘泥原图,只要和场景的透视、交互关系处理好就行,为了能看清,我降低了背景透明度:

请原谅我5毛钱的手绘技术(捂脸),其实在漂亮的场景衬托下,不管怎么画,上色后都不会太差的。

这里可以参考一些手绘的上色技巧,我也是小白一枚,就不献丑了。不过可以提供个简单的办法,挑一些明快鲜亮的颜色,用纯色涂满人物也很好看,越简单越有手绘插画的感觉。或者参考宫崎骏、星海城作品里的配色,都很鲜亮。上色效果:

最后将人物和场景结合起来吧,注意遮挡关系(其实上幅图柱子后的女孩已经处理了遮挡关系了),有心点可以加些阴影,增强真实感。皂片里原本的人物嘛,只能靠ps一点点涂掉咯。还有个很重要的元素就是天空,可以很强烈的烘托气氛。在色调上,我的场景偏点黄和绿,所以也挑了这个色调的天空。还有天上的云不能太多,否则会喧宾夺主,观众视线不由自主被天空吸引。我挑的这个天空来自新海诚,最终稿如下:

本文讲的也只是基础,感兴趣的童鞋可以深入学习下手绘,可以画出更牛的作品。但相比技术而言,在照片上作画更重要的是创意,比如瑞典插画家Johan Thörnqvist的作品:

展开想象力,相信每个人都能用你们的照片创作出有意思的插画。

打开素材图片

请点击输入图片描述

复制一层按CTRL+J(一定要有这个习惯)不修改原图背景

请点击输入图片描述

打开滤镜--滤镜库---风格化---照亮边缘!  数值自定(不同的图片是不一样的)

请点击输入图片描述

得到的图片是黑白的--OK--图片反向选择!(按ctrl+i)

请点击输入图片描述

然后混合模式改为柔光!

请点击输入图片描述

扣掉背景天空的部分,从另一张图片选取天空素材!

请点击输入图片描述

请点击输入图片描述

请点击输入图片描述

再复制一层背景图,然后和并图层!

图像--调整---可选颜色--颜色如图!

如图!

请点击输入图片描述

请点击输入图片描述

请点击输入图片描述

请点击输入图片描述

请点击输入图片描述

请点击输入图片描述

请点击输入图片描述

复制一层,混合模式更改滤色,不透明为36%

请点击输入图片描述

新建一个图层,然后填充颜色---(#7e7e7e)---混合模式为--柔光

用白色画笔微调亮度!

请点击输入图片描述

最后,插入光影的素材---ok

请点击输入图片描述

编辑:可可――妖精优品,必胜客优惠多多哟,马:PGFYH6