素材图片以绿色及暗绿色为主,转褐色的时候可以把绿色转为黄褐色,暗绿色转为红褐色,然后在高光部分增加粉红色即可。k5wHTML5中文学习网 - HTML5先行者学习网
原图k5wHTML5中文学习网 - HTML5先行者学习网

最终效果k5wHTML5中文学习网 - HTML5先行者学习网

1、打开素材图片,创建可选颜色调整图层,对红、绿、黑进行调整,参数设置如图1 - 3,效果如图4。这一步给图片增加暖色。k5wHTML5中文学习网 - HTML5先行者学习网

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

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

<图3>k5wHTML5中文学习网 - HTML5先行者学习网

<图4>k5wHTML5中文学习网 - HTML5先行者学习网
2、按Ctrl + J 把当前可选颜色调整图层复制一层,效果如下图。k5wHTML5中文学习网 - HTML5先行者学习网

<图5>k5wHTML5中文学习网 - HTML5先行者学习网
3、创建色相/饱和度调整图层,对黄色,洋红进行调整,参数及效果如下图。这一步给图片增加红褐色。k5wHTML5中文学习网 - HTML5先行者学习网

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

<图7>k5wHTML5中文学习网 - HTML5先行者学习网

<图8>k5wHTML5中文学习网 - HTML5先行者学习网
4、创建可选颜色调整图层,对红、黄、绿、洋红、白进行调整,参数设置如图9 - 13,效果如图14。这一步主要把图片中的暖色调淡一点。k5wHTML5中文学习网 - HTML5先行者学习网

<图9>k5wHTML5中文学习网 - HTML5先行者学习网

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

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

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

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

<图14>k5wHTML5中文学习网 - HTML5先行者学习网
5、创建曲线调整图层,对RGB、红、绿、蓝通道进行调整,参数设置如图15 - 18,效果如图19。这一步把图片高光加强一下。k5wHTML5中文学习网 - HTML5先行者学习网

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

<图16>k5wHTML5中文学习网 - HTML5先行者学习网

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

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

<图19>k5wHTML5中文学习网 - HTML5先行者学习网
6、按Ctrl + J 把当前曲线调整图层复制一层,效果如下图。k5wHTML5中文学习网 - HTML5先行者学习网

<图20>k5wHTML5中文学习网 - HTML5先行者学习网
7、按Ctrl + Alt + 2 调出高光选区,按Ctrl + Shift + I 反选,然后创建色彩平衡调整图层,对高光进行调整,参数及效果如下图。k5wHTML5中文学习网 - HTML5先行者学习网

<图21>k5wHTML5中文学习网 - HTML5先行者学习网

<图22>k5wHTML5中文学习网 - HTML5先行者学习网
8、创建曲线调整图层,对RGB、红、绿、蓝通道进行调整,参数设置如图23 - 26,确定后按Ctrl + Alt + G 创建剪切蒙版,效果如图27。这两步给图片暗部增加红褐色。k5wHTML5中文学习网 - HTML5先行者学习网

<图23>k5wHTML5中文学习网 - HTML5先行者学习网

<图24>k5wHTML5中文学习网 - HTML5先行者学习网

<图25>k5wHTML5中文学习网 - HTML5先行者学习网

<图26>k5wHTML5中文学习网 - HTML5先行者学习网

<图27>k5wHTML5中文学习网 - HTML5先行者学习网
9、按Ctrl + Alt + 2 调出高光选区,按Ctrl + Shift + I 反选,然后创建纯色调整图层,颜色设置为粉红色:#F7CCD8,确定后把混合模式改为“柔光”,不透明度改为: 70%,效果如下图。k5wHTML5中文学习网 - HTML5先行者学习网

<图28>k5wHTML5中文学习网 - HTML5先行者学习网
10、创建可选颜色调整图层,对洋红,白色进行调整,参数设置如图29,,3,效果如图31。这一步给肤色部分增加红色。k5wHTML5中文学习网 - HTML5先行者学习网

<图29>k5wHTML5中文学习网 - HTML5先行者学习网

<图30>k5wHTML5中文学习网 - HTML5先行者学习网

<图31>k5wHTML5中文学习网 - HTML5先行者学习网
11、创建色彩平衡调整图层,对高光进行调整,参数及效果如下图。这一步增加图片高光亮度。k5wHTML5中文学习网 - HTML5先行者学习网

<图32>k5wHTML5中文学习网 - HTML5先行者学习网

<图33>k5wHTML5中文学习网 - HTML5先行者学习网
12、新建一个图层,填充粉红色:#F7CCD8,混合模式改为“滤色”,按住Alt键添加图层蒙版,用白色画笔把左上角部分擦出来,效果如下图。k5wHTML5中文学习网 - HTML5先行者学习网

<图34>k5wHTML5中文学习网 - HTML5先行者学习网
13、按Ctrl + J 把当前图层复制一层,混合模式改为“柔光”,效果如下图。k5wHTML5中文学习网 - HTML5先行者学习网

<图35>k5wHTML5中文学习网 - HTML5先行者学习网
14、按Ctrl + J 把当前图层复制一层,混合模式改为“滤色”,不透明度改为:40%,效果如下图。这三步给图片增加高光。k5wHTML5中文学习网 - HTML5先行者学习网

<图36>k5wHTML5中文学习网 - HTML5先行者学习网
15、创建可选颜色调整图层,对绿色、青色、白色进行调整,参数设置如图37 - 39,效果如图40。这一步主要微调高光颜色。k5wHTML5中文学习网 - HTML5先行者学习网

<图37>k5wHTML5中文学习网 - HTML5先行者学习网

<图38>k5wHTML5中文学习网 - HTML5先行者学习网

<图39>k5wHTML5中文学习网 - HTML5先行者学习网

<图40>k5wHTML5中文学习网 - HTML5先行者学习网
最后给人物磨一下皮,微调一下颜色,完成最终效果。k5wHTML5中文学习网 - HTML5先行者学习网
k5wHTML5中文学习网 - HTML5先行者学习网