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

文/坛子鸦

本文系作者授权“清南”发布

-------------------思路上的解释-----------------
个人认为照片转动画场景需要处理的几个重点：

1.去噪点。绘画不会出现照片中那样的噪点。噪点会削弱绘画的感觉，所以重新涂色是去噪点的同时保留主题明确边缘的方式，如果有更好的方式也可以替代。
2.去细节。一般而言，绘画的细节不及摄影作品，过多的细节也会削弱绘画感。而且在真正的动画里人物表演是重点，场景过于丰富的细节如果缺乏严谨构图容易抢视线。即便细节狂魔如新海诚，当场景和人物同时出现时细节都会有意识地削弱来保证角色在视觉中心。所以适当去细节也是产生绘画感的其中一个重点。
3.经过艺术加工的光影和色彩运用。动画里的光影和色彩效果往往是很不科学的，因为场景的气氛要比真实感更重要，所以在处理场景时光影和色彩需要有明确目的地去修改。我下面步骤制定的是【强化投影、暗部偏蓝】的整体目标，每个物体的都是围绕这个目标来修正。
4.天空的处理必须，尤其是云的处理，必须重新绘制，这是照片和动画场景差异最大的地方。其他答主采取的截图填充的方法思路是一样的，但是考虑到知识产权的问题，建议有能力的朋友还是尽量自己绘制。

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

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

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

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

http://www.changweibo.com/ueditor/php/upload/20160325/14588861088599.jpgPhotoshop 做成动画背景效果？" />

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

http://www.changweibo.com/ueditor/php/upload/20160325/14588861237494.jpgPhotoshop 做成动画背景效果？" />

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

http://www.changweibo.com/ueditor/php/upload/20160325/14588861338955.jpgPhotoshop 做成动画背景效果？" />
处理照片的一个大头就是去噪点，已经避免出现在绘画过程中难以画出来的细节。（会削弱绘画的感觉），至于方法……我推荐像这样。
http://www.changweibo.com/ueditor/php/upload/20160325/14588861417478.jpgPhotoshop 做成动画背景效果？" />

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

http://www.changweibo.com/ueditor/php/upload/20160325/14588861633579.jpgPhotoshop 做成动画背景效果？" />

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

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

http://www.changweibo.com/ueditor/php/upload/20160325/14588861754893.jpgPhotoshop 做成动画背景效果？" />

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

http://www.changweibo.com/ueditor/php/upload/20160325/14588861824282.jpgPhotoshop 做成动画背景效果？" />
树的画法，先涂一层蓝色底阴影

http://www.changweibo.com/ueditor/php/upload/20160325/14588862027761.jpgPhotoshop 做成动画背景效果？" />

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

http://www.changweibo.com/ueditor/php/upload/20160325/14588862128038.jpgPhotoshop 做成动画背景效果？" />

然后就可以细化建筑露出的部分啦！
画的范围小了，我们不用很麻烦很累也能细化！

http://www.changweibo.com/ueditor/php/upload/20160325/14588862203372.jpgPhotoshop 做成动画背景效果？" />

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

http://www.changweibo.com/ueditor/php/upload/20160325/14588862319446.jpgPhotoshop 做成动画背景效果？" />

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

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

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

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

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

http://www.changweibo.com/ueditor/php/upload/20160325/14588862386378.jpgPhotoshop 做成动画背景效果？" />

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

http://www.changweibo.com/ueditor/php/upload/20160325/14588862535599.jpgPhotoshop 做成动画背景效果？" />

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

http://www.changweibo.com/ueditor/php/upload/20160325/14588862606089.jpgPhotoshop 做成动画背景效果？" />

新建一个图层

乱涂一块白色上去

http://www.changweibo.com/ueditor/php/upload/20160325/14588862737391.jpgPhotoshop 做成动画背景效果？" />

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

http://www.changweibo.com/ueditor/php/upload/20160325/14588862828594.jpgPhotoshop 做成动画背景效果？" />

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

然后点这个

http://www.changweibo.com/ueditor/php/upload/20160325/14588862927707.jpgPhotoshop 做成动画背景效果？" />

锁定图层不透明度。

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

开始一层一层画阴影。

http://www.changweibo.com/ueditor/php/upload/20160325/14588863041106.jpgPhotoshop 做成动画背景效果？" />

然后就变成了这样~

http://www.changweibo.com/ueditor/php/upload/20160325/14588863143979.jpgPhotoshop 做成动画背景效果？" />

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

http://www.changweibo.com/ueditor/php/upload/20160325/14588863233815.jpgPhotoshop 做成动画背景效果？" />

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

来源邀稿：坛子鸦

http://www.changweibo.com/ueditor/php/upload/20160325/14588699288905.jpgPhotoshop 做成动画背景效果？" />