素材图片比较单调,调色的时候可以用先增加一些烟雾效果,增加梦幻的感觉;然后把主色调淡,并转成喜欢的颜色;后期把整体柔化处理,再增加一些装饰丰富画面即可。ZPBHTML5中文学习网 - HTML5先行者学习网
原图ZPBHTML5中文学习网 - HTML5先行者学习网

<点小图查看大图>ZPBHTML5中文学习网 - HTML5先行者学习网
最终效果ZPBHTML5中文学习网 - HTML5先行者学习网

1、打开素材图片,创建可选颜色调整图层,对黄色,绿色进行调整,参数及效果如下图。这一步快速把草地颜色转为暗青色。ZPBHTML5中文学习网 - HTML5先行者学习网

<图1>ZPBHTML5中文学习网 - HTML5先行者学习网

<图2>ZPBHTML5中文学习网 - HTML5先行者学习网

<图3>ZPBHTML5中文学习网 - HTML5先行者学习网
2、新建一个图层,按字母键“D”把前,背景颜色恢复到默认的黑白,然后选择菜单:滤镜 > 渲染 > 云彩,确定后把混合模式改为“滤色”。ZPBHTML5中文学习网 - HTML5先行者学习网
添加图层蒙版,选择渐变工具,由左上角至右下角拉出白色至黑色线性渐变,效果如下图。ZPBHTML5中文学习网 - HTML5先行者学习网

<图4>ZPBHTML5中文学习网 - HTML5先行者学习网
3、按Ctrl + J 把当前云彩图层复制一层,删除图层蒙版,然后把不透明度改为:50%,效果如下图。ZPBHTML5中文学习网 - HTML5先行者学习网

<图5>ZPBHTML5中文学习网 - HTML5先行者学习网
4、创建色彩平衡调整图层,对高光进行调整,参数设置如图6,确定后按Ctrl + Alt + G 创建剪切蒙版,效果如图7。这几步给图片增加烟雾效果。ZPBHTML5中文学习网 - HTML5先行者学习网

<图6>ZPBHTML5中文学习网 - HTML5先行者学习网

<图7>ZPBHTML5中文学习网 - HTML5先行者学习网
5、创建曲线调整图层,对绿,蓝通道进行调整,参数及效果如下图。这一步主要给图片暗部及高光区域增加蓝色。ZPBHTML5中文学习网 - HTML5先行者学习网

<图8>ZPBHTML5中文学习网 - HTML5先行者学习网

<图9>ZPBHTML5中文学习网 - HTML5先行者学习网
6、创建可选颜色调整图层,对青、蓝、白、中性色进行调整,参数设置如图10 - 13,效果如图14。这一步主要把图片中的青色转为蓝色。ZPBHTML5中文学习网 - HTML5先行者学习网

<图10>ZPBHTML5中文学习网 - HTML5先行者学习网

<图11>ZPBHTML5中文学习网 - HTML5先行者学习网

<图12>ZPBHTML5中文学习网 - HTML5先行者学习网

<图13>ZPBHTML5中文学习网 - HTML5先行者学习网

<图14>ZPBHTML5中文学习网 - HTML5先行者学习网
7、按Ctrl + Alt + 2 调出高光选区,按Ctrl + Shift + I 反选得到暗部选区,然后创建曲线调整图层,对红、绿、蓝通道进行调整,参数设置如图15,效果如图16。这一步给图片暗部增加蓝色。ZPBHTML5中文学习网 - HTML5先行者学习网

<图15>ZPBHTML5中文学习网 - HTML5先行者学习网

<图16>ZPBHTML5中文学习网 - HTML5先行者学习网
8、创建色彩平衡调整图层,对阴影,高光进行调整,参数及效果如下图。这一步同样给图片增加蓝色。ZPBHTML5中文学习网 - HTML5先行者学习网

<图17>ZPBHTML5中文学习网 - HTML5先行者学习网

<图18>ZPBHTML5中文学习网 - HTML5先行者学习网

<图19>ZPBHTML5中文学习网 - HTML5先行者学习网
9、新建一个图层,按Ctrl + Alt + Shift + E 盖印图层,选择菜单:滤镜 > 模糊 > 动感模糊,角度设置为-40度,距离设置为165,确定后把混合模式改为“柔光”,不透明度改为:70%,效果如下图。这一步把图片柔化处理。ZPBHTML5中文学习网 - HTML5先行者学习网

<图20>ZPBHTML5中文学习网 - HTML5先行者学习网
ZPBHTML5中文学习网 - HTML5先行者学习网