您的位置:首页 > 运维架构

如何把一张照片用 Photoshop 做成动画背景效果?

2016-06-15 19:32 561 查看
如果可以的话,请以这张照片为例,写一个过程。如需原图请留邮箱,我会发过去。谢谢。


坛子鸦 ,过个年就成了大月半子。

可可苏玛
7564 人赞同

----------------------------2014/7/21更新画云和画树的方法的方法----------------------------

答案已经更新完毕!

--------------------------------------思路上的解释-------------------------------------------------------

个人认为照片转动画场景需要处理的几个重点:

1.去噪点。绘画不会出现照片中那样的噪点。噪点会削弱绘画的感觉,所以重新涂色是去噪点的同时保留主题明确边缘的方式,如果有更好的方式也可以替代。

2.去细节。一般而言,绘画的细节不及摄影作品,过多的细节也会削弱绘画感。而且在真正的动画里人物表演是重点,场景过于丰富的细节如果缺乏严谨构图容易抢视线。即便细节狂魔如新海诚,当场景和人物同时出现时细节都会有意识地削弱来保证角色在视觉中心。所以适当去细节也是产生绘画感的其中一个重点。

3.经过艺术加工的光影和色彩运用。动画里的光影和色彩效果往往是很不科学的,因为场景的气氛要比真实感更重要,所以在处理场景时光影和色彩需要有明确目的地去修改。我下面步骤制定的是【强化投影、暗部偏蓝】的整体目标,每个物体的都是围绕这个目标来修正。

4.天空的处理必须,尤其是云的处理,必须重新绘制,这是照片和动画场景差异最大的地方。其他答主采取的截图填充的方法思路是一样的,但是考虑到知识产权的问题,建议有能力的朋友还是尽量自己绘制。

基于以上思路,以及通常改场景的作用,选择了以下处理方式,而没有采取纯PS内置滤镜加工。

--------------------------------------步骤演示-----------------------------------------------------------------

本方法没有使用除了sai内置的平笔以外任何特殊笔触。

根据个人喜好调整颜色。主要参数是【饱和度】【自然饱和度】和【色彩平衡】


给场景里的主体建筑描边,远景可以不描


把全图复制一层。把主体以外的东西擦掉方便等一下单独作为一层处理。



处理照片的一个大头就是去噪点,已经避免出现在绘画过程中难以画出来的细节。(会削弱绘画的感觉),至于方法……我推荐像这样。


直接新建一层重新涂色,然后用底下的一层半透明做参考画上原有的细节。





根据原图补上光影,稍微添加一些污迹细节~开始画天空~

画天空其实就是画云。画云的方法可以百度一下【初夏】的教程,其他P站里的画师也有很多,这里不细讲~


叠着照片,很简陋地画上远方的建筑~建筑太麻烦了,还要被树挡住,等下把树画得茂盛一点就好了。



树的画法,先涂一层蓝色底阴影



然后一点一点从暗道明加上绿色,慢慢来不要急,纯耐心没多少技术含量的方法。可能手会有点累就是了。


然后就可以细化建筑露出的部分啦!

画的范围小了,我们不用很麻烦很累也能细化!



最后只要打磨一下后加上效果就完成啦!



----------------------------------------------分割线---------------------------------------------------

有不少知友提到这个对绘画能力比较依赖,其实我感觉这个方法并不需要很深的绘画基础(真要拼基础的内容我也不会啊……),因为题主需要动画风格的背景,所以可能一开始就认为题主是会画图的。这个方法其实只要掌握了要领,基础来说要求很低的,因为透视光影这些本来上照片就是为了解决这部分内容的呀。

方法中可能稍微复杂一些的就是画云和画树了。之前因为画云有初夏的教程所以就跳过,不过好像现在初夏删了博客不太好找……树的画法晚一点放上来,其实也基本是拼耐心的,并没有特别难的东西。建筑因为有照片做底,只要画直了细节补上就可以了。

有一小点要注意的就是,整个场景里每个物体的阴影色调应该尽可能接近,一般我会选蓝色。

--------------------------------------------画树的方法-----------------------------------------------



--------------------------------------------画云的方法-----------------------------------------------



首先拉一个蓝色渐变做天空。尽量饱和度低一点暗一点。这样天看起来才晴朗。



新建一个图层

乱涂一块白色上去



把画笔硬度调到15-30左右,模式改为擦除,给白色擦一下边,看起来更像云。



选择自己认为适合做阴影的颜色,在画笔工具窗口打开传递-不透明度控制-钢笔压力。

然后点这个


锁定图层不透明度。

画笔硬度和不透明度随自己习惯调整。

开始一层一层画阴影。



然后就变成了这样~



新建两个图层,一个正常图层画碎云,一个线性减淡画光效,就变成了这样



然后在天空按照这个方法多画几块就可以了!

编辑于 2015-12-14 318
条评论 感谢

分享

收藏没有帮助举报作者保留权利

6876赞同
反对,不会显示你的姓名



刘然 ,专注PS十五年,专治各种不服

收录于 编辑推荐 •6876
人赞同

嗯,十分膜拜一楼 @坛子鸦 的手绘,像我等画画不是很给力的就只能用PS凑合一下了。。。犹豫了很久要不要把这么丑的图放出来,本着造福手残党的思想,我这里就牺牲一下自己了

万能的PS又来了,以下教程适合像我一样手残的同学使用,先来一张最终效果吧,做的比较丑,请妥善保护您的双眼:


对比一下原图:



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

讲一下大概的思路:

首先,看起来像漫画这件事的关键在于颜色,颜色对了就成功了一半。这幅图表现的是一个夏天的环境,动漫中表现这种场景常用的配色就是如上图所示,整体略偏青色。

其次,漫画中的亮度动态通常比较小,原照片中天空亮度和树的亮度有较大的差异,这一点在转动漫图的时候要注意修正,大家可以比较一下以上两张图,会有个感性的认识。

总的来说,将一幅图做成漫画的效果,有以下两点需要考虑:

1. 去除绘画中难以表现的画面细节,如树叶等

2. 将颜色向漫画进行调整,压缩画面亮度动态

对于这张图,注意到画面中主要有树,天空,路牌三个部分,这三个部分需要保留的细节和要进行的颜色调整是不同的,下面分别处理。

路牌部分:

路牌上要保持文字较为清晰,但又要去掉其他的细节,这里首先使用曲线工具增强路牌上明暗的对比,并加强暗调中绿色成分。然后使用绘画涂抹滤镜,效果如下:



绘画涂抹滤镜可以较好地保证画面中文字的可辨识度。这里有一点做的比较失败,路牌的阴影部分太黑了,不是很和谐,不过懒得改了。。。

天空部分:

方法同上,依然是曲线调整亮度和色彩,然后使用绘画涂抹滤镜,效果如下:



树木部分:

把树木做成漫画效果相对比较麻烦,这里提供一种相对简单的方法。

首先还是使用曲线工具,提亮树叶的细节,并进行调色,在暗调添加一些青色成分。



接着使用木刻滤镜,调好参数,看起来应该是这样:



树叶没有细节怎么办?对同一张图使用水彩滤镜,像这样:



关键步骤来了,将水彩层置于木刻层之上,并将混合模式设置为柔光,这个效果基本是可以接受的树叶效果了:



最后,将三个部分拼合,得到最终图:



人比较懒,拼的十分粗糙,比如下面数叶中应该露出蓝天的地方没有透出来,木有耐心仔细涂了,之后应该再进一步的修理各种细节,不过数位板不在身边,我就不用鼠标尝试了。

手比较快的盆友应该用十分钟就能做出来了。

总结:

1. 曲线工具请一定要熟练掌握,不管是亮度,对比度还是颜色,这个工具可以一手包办。

2. 不要问我具体怎么调色,每张图都是很不一样的。

手绘党请轻拍 _(:з」∠)_

发布于 2014-07-20 246
条评论 感谢

分享

收藏没有帮助举报作者保留权利

355赞同
反对,不会显示你的姓名



朱小洛 ,不懂不精。

355 人赞同

第一个答案很干货啊,再放两个视频吧,我在B站上收藏的,都是照片做成动画效果。

看晨晨如何用ps’快速处理图片‘(反响好的话,在解说)

(ps修改)场景 俯空

喜欢画画的话会觉得看到这视频太棒了吧XD

不喜欢的话还是……看个开头结尾就好。

希望有帮助。

补充关于配色的,放一张很久以前找到的新海诚景色画法教程吧~


不过我不知道作者是谁啊?有谁知道出处咩?

反正超级好学~


当时很快就撸出了一张XD

编辑于 2014-07-26 23
条评论 感谢

分享

收藏没有帮助举报作者保留权利

811赞同
反对,不会显示你的姓名



陈晓东

811 人赞同

放几张实操图吧,照片自己拍的,人物来自于《花开伊吕波》、《冰果》等的网络图片,没有版权,仅供自娱自乐。

简单操作要领:

1.图片HDR,即高光/阴影操作,目的是降低对比度。

2.滤镜—木刻,参数自己调节,目的是降低图片细节,把图片内容色块化,也就是所谓的动漫化。

3.更换天空,找张动漫图片的蓝天白云更换照片上的,目的是最低成本的加强动漫化的效果。

4.人物抠图,置入图片中,把人物和背景的透视关系、色温调成一致,这个要靠自己的领悟和功力了,熟能生巧。

5.制作人物的倒影,这个要看图片的光线情况,目的是有了倒影,人物就能和背景充分的融为一体,而不是政府网站的“悬浮照”。

以上均为自己摸索出来的方法,用着相当简单有效。但各人理解不同,只可意会,实操细节自己把握。

补充新做的一张,暗夜的色彩挺满意的,当然人物那张还是从网络找的,自己画太难了。


+


=



----------------------------------------旧图--------------------------------------------





























编辑于 2015-10-20 111
条评论 感谢

分享

收藏没有帮助举报作者保留权利

158赞同
反对,不会显示你的姓名



小兔子有大梦想 ,家有两猫,喜糖喜宝。

158 人赞同

第一次回答就有辣么多赞(知乎小透明觉得30多已经不少辣!!)好激动\(≧▽≦)/

应该怎么更新我也不太清楚格式,泥萌凑合看看吧~~

先上做好的图~


下面教程~

首先,把图片拖进ps,复制一层~(其实没什么用的,但是这是好习惯,方便对比)


然后点击滤镜>滤镜库>艺术效果>干画笔,这一步的效果是为了让画面有点笔触的感觉~



数值什么的你们不要照着来,因为不一样的图应该用的数值也是不一样的呢~但是如果不知道怎么调,就可以参考一下我的数值~

然后下一步是滤镜>油画,这一步的作用也是和上面一步一样的,为了看起来更像是画出来的~~


哈哈哈哈到现在为止你是不是觉得你的画面好像变得更糟糕了呢~没错,就是更糟糕了哈哈哈哈

好(严肃脸(。•ˇ‸ˇ•。))我们来进行下面一步,也是最重要的一步~那就是Camera Raw滤镜!!!!当当当当~~哎对了,好像有的版本的ps里面没有这个滤镜,似乎是cs6及以上版本才有的- -如果你的ps里面没有这个的话,那你就放弃好了哈哈哈哈哈哈哈哈(严肃脸(。•ˇ‸ˇ•。))其实图像>调整>可选颜色里面也可以调个大差不差,但是没有是Camera Raw滤镜方便~



第一项~



第三项~


数值呢是我自己看着调的~主要就是高饱和度~~黄绿黄绿的比较好看点~但是也看个人审美~~

∠( ᐛ 」∠)_ 更了一半哎呀好累- -自己挖的坑跪着也要填完嘤嘤嘤嘤(哭哭脸)

调好了之后你的画面会变成这样~~~

是不是很神奇~~~让我看到泥萌的双手~~~(自嗨什么啊喂)

接下来是替换天空的内容了



魔棒工具选中天空,调成下容差,然后按住shift边点选可以加选~ 选中之后直接按delete删除就成~



删完是这样,接下来去百度一张和你的视角差不多的动漫云层~直接拖进来~像这样~


然后把图层放在你刚刚调整好的那层的下面~


其实到这里就可以结束了~但是还有一项技能我怎么能不卖弄出来呢~~~~就是加一层镜头光晕~~~




把镜头光晕的圆点放在左上角,要和画面的光影关系协调~~然后就打完收工啦~~~


当当当当~~~~

泥萌真的不点赞咩(可怜兮兮脸)(ಥ_ಥ)

--------------------------------------------------我是一条分割线,以下原答案------------------------------------------------

上班好无聊~摸鱼来一发~用到了ps里面的干画笔滤镜,油画滤镜,Camera Raw滤镜,还加了个镜头光晕~不要问我数值(说的好像有人问一样),因为每张图的情况都不一样啦~- -就酱。

最重要的两点其实是背景层的云和高饱和度的颜色- -

下面对比- -

原图


修改之后的图- -(实在不想抠图)


还有之前做的一张图 自己手机拍的渣画质皂片~做完之后觉得自己屌比的不行 0 0

对比~原图这个~


然后是见证奇迹的时刻(不要问我在自嗨什么啊喂!)

好了就酱~我要接着撸图了
心塞

(也许我会发过程图上来,如果有人看的话/(ㄒoㄒ)/~~)

噗 - -没人看 (手动再见)

编辑于 2016-03-15 62
条评论 感谢

分享

收藏没有帮助举报禁止转载

51赞同
反对,不会显示你的姓名



理逸ErkeLee ,游戏美术2D设计师

51 人赞同

先放图。我家门口。





自己也是个画画的,到后期没有动过一笔,纯调色。

要点,构图好,因为动漫背景都是经过很好的构图推敲的,所以好构图成功了一半,其次多用黄绿,橙蓝色调。最后,色感不好的话找张参考调。

发布于 2014-12-10 16
条评论 感谢

分享

收藏没有帮助举报作者保留权利

517赞同
反对,不会显示你的姓名



是赞 ,要来人间世,认真地玩一趟。

侯业
517 人赞同

今天做了一下午图,直接上成果吧~

]


简易教程在这里:

在今天中午之前我的ps技术是酱紫哒(´∀`*)


在我之前发的短发攻略里可以看到我的渣技术—美图秀秀拼图水平 ……

然后经过下午整整五个小时的研究,




开始.....

(╯‵□′)╯︵┻━┻ 开什么玩笑,

基础这么弱,这根本就是不可能完成的任务!!!

好了,脾气发完了,

接下来是要想想该怎么做 (开始看无数视频和教程.....

首先,(•ิ_•ิ)

准备好一张图片

大概是这样,

然后 安装一个ps(答主安装软件无能星人花了25块在淘宝上远程装的ಥ_ಥ)

一、导入图片并crtl+j复制两份


二、滤镜——滤镜库——风格化——照亮边缘,参数为3,20,15


三、得到一张黑乎乎的照片,按ctrl+i得到一张白色照片


四、在这里点柔光


五、用魔棒,提高容差,把天空去掉。然后找一张动漫天空图,置于下方。


得到下图


六、最后几步 选中三个图层,

按shift+crtl+alt+E合并成一个新图层

然后选择图像——调整——色阶、色彩平衡、亮度对比度各种都试一下,

然后调成你喜欢的颜色



要求不高的这里就可以截止了,

记得裁剪成16:9,要求高的

再新建一个图层,

像第四步一样选择柔光,选好颜色,给树的暗部上黑色,亮部上嫩黄。



大功告成啦~

这个是简易教程哈~做出来效果如图,

反正方法就酱,太难的我不会……(无辜脸)



接下来我就阔以守株待兔等一个土豪来投资把它们都印刷啦



然而我想了想并没有这样的土豪会找我

(╯-_-)╯╧╧

我还是自己把它们印刷了吧……

从来不追求快乐

是快乐在追求我们

生活非常有趣

愿能一起悠闲地散步~



编辑于 2015-08-24 52
条评论 感谢

分享

收藏没有帮助举报作者保留权利

342赞同
反对,不会显示你的姓名



王枉望 ,上不知天文,下不知地理。

342 人赞同

为什么要用photoshop呢!

我虽然有时候也用PS,但是古人说:

“君子性非异也,善假于物也。”

当有简单工具的时候,为什么要假借于复杂的工具呢!

唉==用PS的太强大了,是不是看的人眼晕呢?在这里说一个用美图秀秀的方法。

(接地气哦)

有人说,用美图秀秀艺术滤镜里面的蜡笔就好啦!不是不是。。才不是呢,那个太弱了。

=============割==========================================

好吧下面言归正传

先来看看原图。。


哈哈 风景不错。

打开美图秀秀。(好像很低级的样子)

调整画面对比度,调高一点。


大概这么个效果。。。

鉴于路牌上的字不太清楚,再把清晰度调高一点。


差不多这个样子了。感觉可以开始了!

打开局部变色笔,选择黑色(偏黄)一点的画笔,在路牌和建筑的阴影处涂抹。

再选择乳白色的画笔,在路牌和建筑的明亮处涂抹。

玻璃呢,就涂蓝一点。。

最后选择多种绿色,在树叶上涂抹。记住如果集中涂抹混了急的橡皮擦擦去,最好分多次涂抹。

差不多这个样子就可以了。


接下来,点击“美容”标签,“磨皮”一栏,选择智能磨皮,程度深,多次保存,反复进行数次,自己把我效果。


差不多是这个样子啊。。

然后抠图,把前景除了蓝天的部分抠出来。(自动抠图就可以,炒鸡好用呐)


抠出来了!

注意看上面有一个背景设置,这个时候把背景设置成自己事先下载好或者画好的的天空素材图片,在调整一下,效果就差不多了。


成了这个样子,这个时候点击裁剪,把合适的部分裁剪出来。

再智能磨皮一次,让两个图层边缘契合更好。


效果已经出来了噜!

树叶边缘还不太好,拿变色笔再补一补。

然后在美化->特效里选择智能绘色,调节深度,合适即可,不要太浮夸!!

(我试了一下发现变化不大就不上图了)

特效里选择素描,程度设置在5%左右,目的是强化一下物体的边缘。



最后自己根据个人喜好在lomo滤镜里选一个吧,加上可能更有感觉。我选的是“淡雅”滤镜。

成果就是这个样子~(这次做的很粗糙,大家大概看看就好啊!)


和原图对比一下!


和ps大神的作品对比一下,嘿嘿,大家看看,好像也在一个水平哦~~


最后贴一些我以前拿同样方法做的成品吧~(可能做得更认真一些==)


人大图书馆。那个女生是后加的,可以上网扣个图或者自己画一个然后贴上去。


这个图下面的树是后加的。。


人大的一勺池。(水有点太绿了)


最后是我的宿舍楼(泪)

=====================================================================

差不多就这个意思吧。。不作为一个长者,主要想说一点人生的小经验。。

没有特殊需求的时候不要点开PS,美图秀秀,PPT,画图三个在一起足够解决一切问题。。

好吧就是这样了。。求大神拍。

发布于 2014-07-29 72
条评论 感谢

分享

收藏没有帮助举报作者保留权利

460赞同
反对,不会显示你的姓名



周shayne ,喜欢与众不同又让人心悦诚服

460 人赞同

( 麻烦收藏的人,就算不关注,也点个赞,就算对于我劳动成果的尊重,谢谢)

————————(喜欢玩摄影,玩PS的的学生党,可以加我微信 1825399898 , 一起交流学习)——(下有更新新图)———我个人认为把照片PS宫崎骏动漫风格的比较好一点,下面是我手机拍摄的,然后PS转动漫的,(前方高能预警,一大批来袭)



为了对比明显一点,我把原图也放上,下面直接上图







图片都是手机拍摄的,所以可能有些细节已经模糊,

个人很喜欢这样的街道,这些是我在武汉和北京玩的时候拍的后期制作时才发现瞒漂亮的












如果需要教程的话,下面告诉我就OK,我再打教程,最后臭表脸的放上本人的照片,本打算做水印头像,然后失败了成了这样


后有新加内容[img=1503052618()]接下来是教程:---1.打开原图,找到滤镜,滤镜库,干画笔(相关参数:0,10,1)确定

2.滤镜,油画(相关参数:0.1,2.5,5,0,0,0)做到这后,先把图片保存一下,接下来会用,

3,这一步一定要有camera raw,这个是我在网上下的,直接搜索一下就OK,

4下载后,PS左上角菜单的(文件),点开出现一个打开为,《注》是打开为,然后把出现的对话框第二栏,改为camera raw,

5,具体参数,曝光调大,对比调小,阴影,黑色调大(看图片质量再决定)高光调大,清晰度,饱和度适当调大,

6,还在这个界面,细节,锐化最大,蒙版90以上,

7,hsl修色,越艳丽越好,看的像一幅画

8,在网上下载动漫的天空,这个就不用细说了,扣掉原有的天空,把动漫的天空放里

9,所有完成后再调节曲线

10,如果没明白,再具体问我,因为我急着上课,没用发截图,望见谅。有借鉴别人的成分,并不是完全是自己创造的方法,只是希望让更多人知道这种方法。(最近P的,不是转动漫的)











下是最近制作的,小清新












上两张是水库,不是海,











仿日系的比较多,但技术还不太成熟,(到这里,等有时间再更新)

编辑于 2016-01-06 139
条评论 感谢

分享

收藏没有帮助举报作者保留权利

50赞同
反对,不会显示你的姓名



曹汉东 ,背着单反拍旅游照的大学狗。

50 人赞同

晚上正好修了张,感觉效果还不错




编辑于 2015-06-12 33
条评论 感谢

分享

收藏没有帮助举报作者保留权利

42赞同
反对,不会显示你的姓名



姓施的瓦辛格 ,设计师
/ 材料人 / 漫威粉

42 人赞同

发教程占坑

前方高能,大图慎点



发布于 2015-05-15 14
条评论 感谢

分享

收藏没有帮助举报作者保留权利

39赞同
反对,不会显示你的姓名



大只喵 ,画画狗,后期狗

39 人赞同

前段时间有个把照片后期成新海诚风格的问题不是挺火的吗,当时照着做了一张




发布于 2015-06-12 13
条评论 感谢

分享

收藏没有帮助举报作者保留权利

201赞同
反对,不会显示你的姓名



安李 ,手持画笔的追梦人

201 人赞同

不需要那么麻烦啊~PS自带的木刻滤镜可以轻松搞定!

最后效果(如果你觉得不够动漫,可以忽略我了):



具体过程:

1.打开图片。

2.把路牌用选区勾起来,拷贝。

3.选择背景图层(即整张图片),打开滤镜库-艺术效果-木刻,色阶-逼真度-简化度,自己调整。



4.粘贴路牌,再木刻。



5.最后将图层合并在一起。



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

就这样。

平时用此方法做的图↓



如果是要细腻点的,只能自己补充了

左边为木刻,右边是加颜色和补充。



编辑于 2014-07-20 47
条评论 感谢

分享

收藏没有帮助举报作者保留权利

20赞同
反对,不会显示你的姓名



Stone
Lee ,3D Artist/CG/绘画/摄影/羽毛球

20 人赞同






效果为先!无需任何手绘、无需其他素材的快捷方法,也来凑凑热闹吧~

-----------正文----------

很多人谈的都是技法,我比较注重分析、理解,毕竟,授人以鱼不如授人以渔!

首先,还是要分析一下动画背景的特点(这里的动画背景应该指的是2d手绘的背景风格):

1、动画背景的颜色风格通常会比较艳丽,而现实照片颜色通常比较灰一些;

2、动画背景通常会艺术化、夸大现实中的空间、光线感,更梦幻感;

3、笼统得讲,动画背景通常是有线条(线稿)、颜色两层;



也就是说,要模拟二次元效果,只要想办法模拟出这三层基本上就可以了:艳丽的颜色涂鸦层、黑白线稿层、空间大气层;(看上面的图)

---------步骤----------

基于以上几个特点,展开制作:

1、准备工作,分层:将场景的元素按近、中、远景进行分层;





2、颜色层制作:分别将近、中、远景图层复制一层,将饱和度调高,加艺术滤镜效果(根据个人需求,可以单层滤镜,也可以多滤镜效果进行叠加),我这里用的木刻和水彩效果相叠加;





3、描线图层制作:再分别将近、中、远景原图层复制一层,分别加风格化>查找边缘效果,制作出描线效果,注意近、中、远分别添加时线条粗细、轻重的变化,近粗远细,近重远轻,以模拟出远近的虚实变化;



4、将线稿效果以正片叠底方式叠加在颜色层上,手绘效果基本完成,后面需要处理空间感:



5、空间处理:在前景和中景间建立一个透明层,拉出透明渐变,模拟大气效果;



6、整体调色,这个就看个人喜好了,最后加进去一个角色测试一下效果;





<完>

发布于 2015-11-26 5
条评论 感谢

分享

收藏没有帮助举报作者保留权利

22赞同
反对,不会显示你的姓名



卷毛喵Yulia ,TJU
土木汪 小卷毛

22 人赞同

知乎处女答ヾ(o◕∀◕)ノ

技术渣渣,希望各位大角虫不要嘲笑~

==========================================================

放图:



颜色似乎太暗了但是懒得改了=w=

主要是调色,滤镜,和一些细节上的修改,不会画画也可以哦

(调色某几步参考了新海诚那个题里几位大大的答案,但是我现在翻不出来T^T如果觉得有问题的话我马上删掉~)

==========================================================

Step 1 模拟笔触



a.复制图层0,特殊模糊,参数啊不透明度啊那些自己看着舒服就行

b.复制图层0放到最上方,高斯模糊,混合模式改为变暗。有的地方看着不舒服,可以添加蒙版,用黑色画笔把不要的地方抹掉

蓝后它变成了这样:



Step 2 调色

还是上面那张图

分别调曲线、可选颜色。目标就是让颜色看上去比较日系(?),让颜色饱和度低一点,绿色偏黄,深黑色部分偏蓝紫。

我当时调的时候觉得变化不太明显,又懒得仔细调=w=,所以就用了比较粗暴的方法。就是新建图层,填充深紫色,模式改为变亮,擦掉看着不舒服的部分,改改图层不透明度,这样深色部分就变成紫紫的辣!

蓝后,答猪我又觉得光紫色不好看,于是又如法炮制了一个蓝色的=w=

没错就是下面红框框的那两个图层~



蓝后,它就变成了这样:



Step 3树的进一步处理

Ctrl+shift+alt+e盖印可见图层

选择-色彩范围,选出树的顶部,反选delete,调整树顶部的颜色。我个人比较喜欢暖暖的颜色,所以就往黄黄的感觉调

继续盖印,色彩范围选出树的地步,反选delete,让树底部看起来绿绿的

嘛,这一步就是大家开心就好=w=

Step 4细节



a.轮廓线

当时是感觉路牌的轮廓不清晰,所以就用钢笔描了下边(设置好画笔的大颜色,沿着路牌边缘画路径,右键描边路径,选择画笔),蓝后再擦掉一些太深的边就好辣=w=

b.树

树中间的空白太多了,看起来怪怪的,所以就用画笔涂了涂,基本上是用吸管选取周边树的颜色,蓝后随便涂涂,看着舒服就好~

涂完之后把混合模式改成深色



c.天空

随便找一张天空素材,调成粉粉的天蓝色,再进行特殊模糊,然后把看不顺眼的云用周边的蓝色涂掉

回到在处理的图,盖印,用色彩范围选出天空,去掉多余选区

把处理好的天空图拖进来,摆好,反选清除

细节上处理一下过渡,反正我都是胡乱涂的,不要打我=w=



Step 5收尾

把图调亮一点,再锐化一下

最后盖印,滤镜-渲染-镜头光晕,搞定=w=



发布于 2015-08-02 5
条评论 感谢

分享

收藏没有帮助举报作者保留权利

107赞同
反对,不会显示你的姓名



蒲蒲 ,Phd
Candidate

107 人赞同


先占个坑。感觉最高票答案已经超越了简单PS的范畴了,对技术和绘图能力要求过高。普通的PS初学者很难做到。

PS转动漫效果最主要还是对于整体色调的把握。动漫的色调一般偏鲜艳,明快。第二就是对于细节的弱化。题主提供的照片最难处理的就是树的叶子,因为细节太多。所以需要把树叶的小色块转换成大色块来进行动漫化。

在PS上图的过程中,主要使用的工具有曲线,色相/饱和度,滤镜-中间值,加深工具,以及颜色替换等,都是经常使用到的工具。具体的PS过程如果有人感兴趣话,我会后来补上。

>>>>>>>>>>>>>>>>>>>>>更新详细PS步骤>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>

第一步,因为题主给的图天空部分过度曝光,所以我使用加深工具对天空的颜色和细节进行了加深。


然后在色相/饱和度中,选择绿色通道,对树叶的颜色进行调整。




调整完成后,发现还是有很多树叶颜色偏暗,所以使用图像>调整>颜色替换
来进一步地调整树叶的颜色。


这个步骤可以重复多次,直到得到想要的效果。


然后使用 滤镜>杂色>中间值 来对细节进行弱化,得到绘图笔刷的效果。




到了这一步,发现天空的细节还是过多,所以抠出天空的部分,再次进行中间值。


为了加强细节的弱化,半径取5或者更大。


然后对天空进行调色,靠近动漫的色调。在色相饱和度中选择蓝色通道。



到了这一步,我觉得天空部分的颜色还是有一点脏。所以对天空的部分使用颜色替换。




然后使用曲线对全图的色调进行调整。我为了使整个图的色调明快,偏黄色调,所以选取了绿色通道。


此步骤还可以结合其他的工具。目标就是使颜色靠近绘画的风格。可根据图的不同做出相应的调整。



万变不离其宗,把一张图PS成动漫的效果主要就是对色调的把握,饱和度一定要高,总体色调要一致。然后对细节也需要进行弱化,增加大色块,这样才会有笔刷的效果。然后对前后景进行不同程度的细节弱化,增加景深。此方法非常简单,没有用到特别复杂的工具,适合PS普通爱好者。

下图是我拿自己拍的一张照片做的测试,看来此方法对很多图都适用,欧洲小镇也可以有动漫的感觉。







编辑于 2014-07-22 25
条评论 感谢

分享

收藏没有帮助举报作者保留权利

41赞同
反对,不会显示你的姓名



李明耀

41 人赞同

2015.06.15补充:在PS过程中所参考的教程是知乎用户“邓棵”在知乎专栏“太空小孩”中发布的教程。

提出问题半年之后自己用PS滤镜做出来了,效果不是很好,但自己还算满意。



滤镜主要是用了PS CC的干画笔、Camera Raw滤镜和PS CS6的油画滤镜,这三个滤镜是主要。

初步的调整是调整照片的亮度、色彩等,使照片色彩对比明显、整体比较明亮。

在整个调整过程中发现路牌的亮度很难和树木、楼、天空相协调,所以将路牌单独抠出新建图层进行处理;右上方的树叶也因为亮度不能协调的原因单独抠出进行处理;加上天空图层,主要分为四个图层。

在滤镜处理部分可以先整体处理(不分图层),主要是看树和楼的效果。这一步先用了干画笔滤镜进行初步的处理,使照片的细节开始趋向动画风格,再使用油画滤镜做进一步处理,使用油画滤镜也是为了给后期使用Camera Raw滤镜做准备,主要是在照片的细节上趋向动漫风格。这两个滤镜可以交替使用,也可以只用干画笔滤镜,处理次数不可太多,太多的话容易失去细节,后期在Camera Raw滤镜调整阶段不好处理。

最后是用Camera Raw滤镜分图层进行调整,这一阶段是关键,如何调整得各个部分色调协调、亮度协调要看个人感觉,且需要不断进行尝试。个人在这个阶段是颜色上是偏重于加强绿色和蓝色,并用其他颜色进行中和,使照片整体趋于明亮。先调整树和楼德这个图层,使之趋于明亮(白色、黑色、饱和度等等)但不失柔和(减小对比度);天空图层和路牌部分加强曝光;四个图层都用了对比度减弱,白色、黑色等选项的调整要靠个人感觉来调到整体部分协调;路牌进行重新描线,文字的重新放置(颜色取原来的字的颜色,透明度进行了调整)、路牌颜色细节调整(用画笔、仿制图章,主要是去除在调整过程中产生的杂色),目的是把路牌的亮度、颜色、光线处理得能和其他的一致;路牌的顶部的侧面和底面新建了图层并进行重新线性着色、添加杂色,使整个顶部色调、亮度协调,有明到暗的渐变;在树木、楼的细节处理上用了仿制图章对一些不协调(调整中产生的杂色)的地方进行重新着色;阳光是直接从灯光工厂滤镜里拉的,并为了更加逼真在路牌上添加了低亮度的阳光作为反光点。

因为图片的处理比较简陋,如果有错误的地方还请指教。

编辑于 2015-07-07 12
条评论 感谢

分享

收藏没有帮助举报作者保留权利

9赞同
反对,不会显示你的姓名



tina ,创意

9 人赞同

我看到的一位牛逼的PS大神的作品



Erik Johansson,这是一位来自德国柏林的摄影师艺术家,这篇文章是从一个公众号看到的,你看到的所有都是他的杰作都是出神入化的photoshop 技术,更重要的是,他的全部素材完全是脑洞大开自己创造的。那想象力和创造力,我还真没见过。

中国大多PS大神都是基于现有的图片本身的,但是我看到这个人的作品最吸引人的就是他都是原创的,先画手稿、然后拍照、做模具,然后修图,看起来很复杂,但是做出来的效果真的很不错。

如下是视频截图,因为资源是来自一个公众号里面的一篇文章




手稿阶段


为了配合构图效果,用纸板做了一个模型,


然后用卡纸和纸板做出原型样子


边拍摄,边做出构图中效果来





去取景,找了个类似造型的房子,拍摄



抠图



开工





修图过程



做图中,一棵倒下的松树





以及水轮







注明是公众号:创学堂

看了这些,你还敢说自己熟练掌握PS吗?

编辑于 2015-12-16 添加评论 感谢

分享

收藏没有帮助举报禁止转载

29赞同
反对,不会显示你的姓名



Yorkiehttp://github.com/yorkie

29 人赞同



发一张我自己最满意的~

发布于 2015-08-07 14
条评论 感谢

分享

收藏没有帮助举报作者保留权利



Doris
Li

21 人赞同

先给 @坛子鸦的答案点赞,大触的做法果然碉堡了!

于是这里是给不会手绘的普通ps党的答案。

先来一发完成效果图:


=====================================================

这里是原图



按照我玩ps的经验,上手先来三样,图像--自动对比度,自动颜色,自动色调,这个用来调整镜头滤镜造成的色差很有效,一般可以先无脑输出一下,当然【不要忘了在复制的图层调整!】

得到这样的效果



可以看到跟原图差别并不大,说明本身照片的色调是比较符合一般事实的。暂时把这个图层叫做图层A。

接下来就是上面很多答案说过的【木刻】效果,我用的ps版本是CS6,可以在滤镜库里找到这个滤镜,具体参数可以视情况而定,如果你喜欢稍微清晰一点,就调高色阶数,降低边缘简化度,提升边缘逼真度,想要模糊就反之。我这里使用了色阶数6,边缘简化度4,逼真度2.

【同样,先复制图层A以免无法挽回!】



可以发现这张图只有大致形状,明暗变化效果差了很多,这时需要用原图制作其他滤镜补充。

复制图层A,使用滤镜库中的【干画笔】来补充颜色

在这里为了补充细节,我用了画笔大小2,画笔细节10,纹理1.


在这一层使用混合选项--颜色,来与之前的木刻图层融合。


复制【干画笔】图层,这次把混合选项从【颜色】改成【叠加】


可以看到明暗和颜色基本都有了,但是暗部有点太暗,于是再次复制【干画笔】图层,混合选项【正常】,但把【不透明度】降低到75%左右。


接下来处理图中字的部分,在一般手绘中,远处的树和房子可以模糊,但近处的招牌至少应该是清晰的。

复制【图层A】,使用【钢笔工具】,鉴于这个招牌基本是纯直线的造型,即使初学者也可以简单用钢笔工具勾出形状,然后右键选择转化为选区。选择--反向选择,来选中招牌以外的部分,用橡皮擦掉。


但是这样还不够,作为一个爱好诚哥画风的手绘党,这个清晰度完全不能满足啊,继续锐化。

复制【图层A】,使用滤镜里的【高反差保留】,半径我选了3.1像素。


得到整张图的清晰边缘。

这时我们只需要招牌部分变清晰就足够了,于是ctrl选择之前扣下来的招牌部分,反向选择,擦除招牌之外的部分。(这时可以选用不透明度80%左右的橡皮,这样可以保留一点树木的清晰边缘)

混合选项选择【柔光】



至此所有在手绘风格部分的调整全部完成,接下来要做色调上的调整。

首先我考虑的是增加天空的蓝色,使其更接近动漫效果


【这里使用了调整图层,免去每次都要重新复制图层的辛苦。】

【以下每一步都用了调整图层,不再另行说明。】

调整图层选择【可选颜色】,属性如图。

这样增加的蓝色一次多半不够,可以用相近的设定调整三次左右,这里的天空只需要选择颜色里的【青色】就可以了。


三次之后天空变成了这样。

可以发现路牌的蓝色也有了些许变动,这是颜色相近的关系。

接下来用黄色的【照片滤镜】,给整幅图增加一些暖色,也加强了云和路牌白色部分的层次和手绘感。这里我用了28%的浓度。(这个全凭感觉调,看着舒服就好)



接下来调整树的颜色,使用【可选颜色】,颜色选择【绿色】

这个因为原图树的颜色绿的很不明显,基本使用了极限调整。


这个调整我用了四次来达到下图的效果:


这样已经比较接近手绘cg效果了吧:)

接下来就是一些微调了,可以使用【曲线】来稍稍增加一些绿色,调整【亮度/对比度】,【自然饱和度】来最后细化一下

最后就是这样啦~


======================================================

根据 @刘然 的答案调整了一下,抠出路标后使用【绘画涂抹】滤镜,又一次增加了路标的清晰程度。


这个图层放在了【高反差保留】图层的下面,图层透明度70%

======================================================

第一次在知乎上写长篇大论的答案,喜欢的给个赞呗~

么么哒。

from: https://www.zhihu.com/question/24541935#answer-6656670
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息