[后期处理] 如何把又丑又low的图片处理成高大上的手绘动漫风格

马上注册,结交更多好友,享用更多功能,让你轻松玩转社区。

您需要 登录 才可以下载或查看,没有帐号?立即注册

x
文章来自知乎,作者李一凡
微博@设计e周网

原问题:
这种动漫风格的照片是手绘的还是 Photoshop 就可以达到的?后期过程是怎样的?

补充一下原作者提供的方法:“用的PS里面自带的风格滤镜,
做了几个图层然后用混合模式叠加,加强边缘,然后在原图阴影上增加蓝紫色。抠图换蓝天,结合光晕滤镜。”

85a84c9512d7a6a0872a57716174b593_b.jpg
4f273772ec9144910ed9f6005f2b58d5_b.jpg

24b220a5d78a1fe414fb3a69b00344d9_b.jpg

bf84048e924bf9aed16e07ee6f9b0ae5_b.jpg

作者回答:

不好意思来晚了,我就是原图的作者,应图虫上朋友的邀请,下面我来讲解一下并以实例教程来示范P的思路和步骤。以下图片较多


以新海诚的电影为例子,首先分析一下新海诚动画的色彩运用。

afc6197e09e73430c8a40c5bbf0834be_b.jpg

在暗部大量使用明度高纯度低的蓝色紫色,最暗的地方也没有出现死黑的现象。由于明度高对比小给人很粉的感觉。


16c994661a01db5fb2e4e920e45dbc65_b.jpg

暗部反光受到天光的影响夸张了反射。另外在新海诚电影里光晕和焦外光斑也十分常见。

80211cacd5913e2f81f5da6c02a71b61_b.jpg

暗部蓝紫过渡

bf89675a70514c15413f13f591ec4436_b.jpg

以上大概分析了一下色彩,下面主要讲一下后期的思路,由于当时完全凭着感觉去做,很多细节都忘记了,试着再P一遍也几乎不会做到一模一样,索性讲下思路吧。知乎上的大神分析的很有道理,以下是我补充一点,主要是思路,方法不是唯一。


------------------------------------------------------------------------

天空素材来自以下

9b5cd63afa8aa0f9113fdb7f031956e0_b.jpg

在选取素材的时候要考虑到光源的位置,左侧暗部部右侧为亮部。


5edf2a35bc940e2136121ee579638800_b.jpg 28df127d5d1891dba1a2b82d26bd7d2b_b.jpg

对比原图细心的人会发现除了换掉了天空之外画面共有几处改动(大家来找茬)答案在下面

a21915abb64489be716be3d0e226d09d_b.jpg

右下角的几辆电动车和两个人也被P掉。


[url=home.php?mod=space&uid=23030]@rachel Hsu[/url]已经大致分析了照片的几个关键点。当时我做这张图的时候是在连续看了新海诚的所有动画之后又看到图虫里周小福 _はやお的《二次元的南京》

二次元的南京,会是什么样子。

二次元的南京(第二组)

而产生的想法,当时想以原图为基础上拓一遍的,也就是在原图上上色,无奈没有数位板又嫌麻烦,想到了PS里自带的滤镜风格,就试着做了一张,大概P了两至三个小时吧。


新海诚的大部分作品都是基于城市,对城市有着特殊的情感,例如经常入镜的地标建筑实地取景的手法。在做这类图的时候可以选取自己熟悉的城市,且带有标志性建筑和光影分明的照片来处理会有更好的效果。

03dd89dbe0c1f817ddf1208e33865a4f_b.jpg

新海诚的蓝紫色的环境光在物体交界处表现的十分夸张,这也是大部分漫画表现距离感和空气感的手法

c36f77bbabc3da0ca54eb97804c76a99_b.jpg

在楼与楼之间相接处增加亮度和环境光来表达层次

65dcb4626346e39bd1cee72920657ea4_b.jpg

处于阴影的暗部添加蓝紫色;关于添加色彩我是新建图层,用画笔工具画了一遍。以下讲一下怎样在原图基础上填色。


看了 @邓棵 的方法我觉得还是复杂了,以下是我的方法


3464966d6baf1222ec38e19250631837_b.jpg

以这张图为例子(边P边写教程),处理好的效果如下:

c907075a4b71414a94f35ae437ee91ad_b.jpg

下面开始讲解修图步骤


9d98cae08512f3db304dca8af786706d_b.jpg

Ctrl+j复制一个图层


8e8772af0077b73e1bd623568094383d_b.jpg

滤镜-风格化-照亮边缘


57fd8fe0e95070fd5719a23cd8d78919_b.jpg

数值大小根据对不同图片的实验,以上数值适用于大部分图片。边缘宽度(3)边缘亮度(20)平滑度(15)


a0ba647286ecffddc2bc3d632a6136ac_b.jpg

得出的图片是黑白的,没有关系,我们选择反相Ctrl+I(图像—调整—反相)


290010dfdc5617ca4c3f66ccc1959293_b.jpg

反相命令完成之后得到一张彩色线稿。


679bff1afac88d821097ff34912d64af_b.jpg

把混合更改改为柔光,不透明度不变。完成这一步前期的基本工作以前完成,接下来就是抠图换天空调整颜色了。


e8a3004ab082de3327656a04f34d61c6_b.jpg

基本的绘画感觉已经出来


5287a3cd05487b768308ef698fc0704b_b.jpg

扣去天空部分,选取天空素材


48529fd226ffa5704f1740e5dbc628c0_b.jpg

素材来自新海诚(まこと しんかい),如有版权问题请联系我,随时删除。


61793fd52642ebbc6f3d79876c39c4e0_b.jpg

为了适合画面,素材做了左右镜像。盖印图层调整颜色。



348f6c9f8c1d530acd127f2b9d4b9d9a_b.jpg

调节颜色没有固定的模式,每个人的色彩感觉不同,没张图片的颜色分类也不同,所以这一步只供参考,主要目的是增添画面蓝紫色调。


cde07c076c9d6da22c8641cc69ee4154_b.jpg

到这一步基本色调已经确定下来了,只是暗部过深且出现死黑,下一步提亮暗部。


30869b0f24e4f7dc2dc90b522fcc00a4_b.jpg

盖印可见图层,运行色彩范围命令(选择—色彩范围)


66d4f7b7740db1cb72eb830ad7143ab2_b.jpg

取画面最暗部分,颜色容差128


5d6958a1570115c203df279c26c6b3ac_b.jpg

Ctrl+m曲线命令提亮选取内暗部颜色


180fc2143555fe6ad2a656e34e51016b_b.jpg

到这一步效果如上,发现画面过暗。


f11d0281d7452ea413b18bd1ac78afdb_b.jpg

复制一层,图层属性改为滤色,不透明度34%

接下来就是在这张图的基础上绘制颜色了。


90a976fb5298105cc03b715f1a4600dc_b.jpg

新建一个图层填充中灰色(#7e7e7e)


34aa71c476bb8fdf8931bb988055db99_b.jpg

混合模式改为柔光,这张图层作为画纸

选择画笔工具,不透明度改为15% 当画笔为白色时是提高亮度,为黑色时为减少亮度,不透明度控制强弱,也就是颜色明度在中灰色以上为提亮,中灰色以下为减暗。颜色不只黑白。


dacaf7a054fb10b9df3acf3a6884c676_b.jpg

隐藏图层,分享一下我画的大致色彩


b11d897aae312fde1dbea2e48e1f0841_b.jpg

到这一步基本差不多了对比一下


370842485a6e45acd75818d877577adf_b.jpg

以下部分就是添加光晕了这一步用到了一个滤镜Knoll light Factory


41d50c586f0d8d3fad0b47df5ef7bd8c_b.jpg

得到如下效果


c907075a4b71414a94f35ae437ee91ad_b.jpg

到之一步新海诚的大致效果基本完成,如果更像二次元的感觉可以加一些人物,

例如:


fb57af6f8b010831dbda30a129678155_b.jpg
此图为我的老家灌云县胜利桥
960715aaa31c1d0267e03fe4460af34c_b.jpg

向阳大桥拍摄,器材EOS7D+18-135MM
ee0d3678cd39fae61bf3cb147889e103_b.jpg 5b3b1f670f1b772b4c3506bd456d5281_b.jpg

P这种漫画的方法不唯一,滤镜固然简单,可可控制的部分过少,但它的优点在于效率高,而先处理后绘制则可以大大提高效率又保证了绘画感,这也是新海诚机智的地方。

PSD文件分享: IMG_6891.psd_免费高速下载

我的图虫主页:一烦的图虫主页

感谢@夏木Michelle 提供帮助


转载请写明出处和作者,禁止用于商业用途。








评分

参与人数 1米粒 +10 收起 理由
韩锐 + 10

查看全部评分

本帖被以下淘专辑推荐:

发表于 2015-5-21 13:37:07 | 显示全部楼层
你老家灌云县胜利桥的这张图 对面的驳岸还能看到很多砖的细节  是自己画上去的吗?还有近景的草地 也有细节  也是PS添加上去的? 照亮边缘的滤镜把很多细节都抹掉了
回复 支持 1 反对 0

使用道具 举报

发表于 2015-9-15 10:02:41 | 显示全部楼层
好棒。。用照片直接PS的不足的地方在于直接出来的效果往往场面有点杂,琐碎的东西有点多,所以P去或替换掉画面中多余的物件也很重要= =
发表于 2016-3-9 11:40:48 | 显示全部楼层
问下楼主大大 后面有一步是建一个灰色的柔光图层然后用画笔在上面画的作用是什么 用啥画笔
发表于 2018-12-7 10:31:14 | 显示全部楼层
想问一下,你的ps是什么版本啊,我的ps里怎么没有照亮边缘这个滤镜呢?谢谢啦
发表于 2018-2-9 15:49:22 | 显示全部楼层
11.jpg 153758n3dz2bi3f24t6khi.jpg 试了一下
发表于 2015-5-15 20:47:53 | 显示全部楼层
好棒的图   !!
发表于 2015-5-15 22:14:14 | 显示全部楼层
我看不懂啊啊啊啊啊啊啊   唉
发表于 2015-5-15 22:49:45 | 显示全部楼层
哇塞好牛
发表于 2015-5-15 22:54:12 | 显示全部楼层
太强大了!
回复

使用道具 举报

发表于 2015-5-16 00:37:48 | 显示全部楼层
直接收藏
回复

使用道具 举报

发表于 2015-5-16 21:37:46 | 显示全部楼层
这个是一个好办法
发表于 2015-5-17 03:11:34 | 显示全部楼层
超级强大的PS技能!!
发表于 2015-5-17 16:59:43 | 显示全部楼层
新技能get
回复

使用道具 举报

发表于 2015-5-17 20:47:09 | 显示全部楼层
超级感谢,就想要这种效果
发表于 2015-5-17 22:17:42 | 显示全部楼层
好牛,讲了好多啊……
发表于 2015-5-17 22:36:21 | 显示全部楼层
amazing~~~~~
回复

使用道具 举报

发表于 2015-5-18 23:27:41 | 显示全部楼层
神级技能谢谢分享
发表于 2015-5-19 10:43:59 | 显示全部楼层
感谢分享~学习了
发表于 2015-5-19 13:44:04 | 显示全部楼层
不明觉厉 ………………
回复

使用道具 举报

发表于 2015-5-20 10:29:47 | 显示全部楼层
厉害!!!
回复

使用道具 举报

发表于 2015-5-21 09:26:31 | 显示全部楼层
好厉害
回复

使用道具 举报

发表于 2015-6-9 18:19:23 | 显示全部楼层
好棒的图啊,喜欢
发表于 2015-6-11 11:28:42 | 显示全部楼层
收藏了,风格还是挺清新的,
您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

快速回复 返回列表 返回顶部