Photoshop技巧 篇七十三：电商主图修图实战之暖宫带白底图精修

【写作说明】：本文所记录为个人搬砖过程中的经验学习总结，所码字为个人分享，观点拙笨在所难免，欢迎拍砖。

分享完整的修图过程，用于提升生存技能。

前言

主图设计是商家直观得向消费者介绍自己产品的一种有效途径，也是产品运营的一部分。这里分享的是主图设计实例中白底图的修图，供有相关需求的值友参考。

主图做出来需要5个流程：

要把电商主图设计出来，5大流程里面还有很多小流程。这里主讲前四个流程和修图。

一、需求接收

待修图文件大小14.87G，新增了白底图摄影。

接到暖宫腰带主图设计任务后开始进行分类

1.1完善流程文件夹

打开白底图文件夹，根据以往主图设计的基本流程，新建一个主图设计文件夹和一个文案文件就齐全了。

1.2原图分类

首先对原图进行分析。打开原图文件夹，是对暖宫腰带及其包装不同角度和不同形态的摄影图片，还有相同角度不同聚焦点的多张摄影图。

接着初步对原图进行挑选，放入原图-选图文件夹中。不同形态、不同角度的各挑选一张优质的图片，放入选图文件夹中。

1.3原图-选图分类

接着对原图-选图进行初步挑选，放入原图-选图-抠图文件夹中。先挑选三四张非抠不可的图片，挑选多了派不上用场，到时候会增加甲方的抠图成本。

1.4原图-选图-抠图分类

接着对原图-选图-抠图中的图片进行抠图。首先矫正镜头，按住Command键，将3张新增图片的CR2文件同时选中，双击打开。

在Cambera Raw滤镜中打开源文件后，按住Command键,选中三张缩览图（选中的目的是将三张图片同时进行镜头矫正），点开右边光学的下拉三角并勾选使用配置文件校正，然后点击打开。

再将抠好的图片复制到原图-选图-抠图-修图文件夹中。

接着对已抠好的图片一一进行修图。

1.5主图设计

新建一个空白文件夹，命名为主图设计。

二、开始修图

2.1暖宫带

①首先新建一个纯色层，设置颜色为RGB：307eaa，作为背景层即观察层。将抠图层复制一层，移动到纯色层的上方，命名为抠图-修图。接着就是放大图片仔细观察，将图上的细小瑕疵修掉。

如下图：

②接着通过高低频将布料褶皱的地方和颜色不均匀的地方处理掉。方法和前面的修布料的方法一样。

③将高低频组复制一层并转换为智能对象，再将智能对象复制一层并栅格化图层。

④使用钢笔工具将各个部件抠下来并单独成层。

如下图：

⑤接着对各个部件进行调色，前三个通过剪切纯色层，插孔通过色阶进行调整。

如下图：

⑥将高光和接缝绘制出来。仍然使用描边路径和高斯模糊的方法。

⑦最后按Command+Shift+Option+E键盖印一层，执行3个像素的高反差保留，图层混合模式改成柔光。

如下图：

2.2包装盒

①新建一个纯色层，设置颜色为RGB：92d8b4，作为背景层即观察层。将抠图层复制一层，移动到纯色层的上方，命名为抠图-修图。接着放大图片仔细观察，将图上的细小瑕疵修掉。然后建立参考线，发现纸盒的上方有点倾斜。接着使用液化工具将纸盒上方适当向里压缩。然后再使用钢笔工具沿着参考线对纸盒的边缘进行调整性绘制。通过仿制图章工具、涂抹工具，沿着路径对纸盒的边缘进行调整和美化。效果如下图：

②接着将抠图-修图的图层复制一层，执行5像素的高反差保留，并向修图的图层创建剪切蒙版，图层混合模式设置成叠加。再将该图层也复制一层，同样向下创建剪切蒙版。上面一层透明度适当降低一下，为50%。

如下图：

③绘制高光和接缝线。通过描边路径和高斯模糊来绘制。

④绘制梯形高光。方法很简单，首先新建一个空白图层，在该图层上将盒子正面的区域填充成白色，并将图层不透明度降低至30%。给该图层添加一个蒙版，使用钢笔工具沿着对角线绘制一个类似梯形的路径并载入选区，将该选区填充层黑色，即将右侧梯形遮盖住了。这样一个正面的梯形高光就做出来了。

如下图：

⑤接着在图层的顶端新建一个自然饱和度调整图层，将自然饱和度调大，使画面颜色看起来更鲜明。

三、完工

至此，两张纺织品修图就初步修完了，记得保存源文件和透明底的PNG文件！

如下图：

暖宫带

包装盒

四、总结

1.一套完整主图设计的修图数量，不仅仅就此两张，它需要根据要出的主图效果来确定修图的数量。就算最后主图出来并交付了，经过甲方审核，还可能会出现需要补修图的状况；

2.主图设计还会涉及到实景图的修图，和白底图修图大体差不多，只不过实景图修图需要保留实景而白底图需要抠掉白底；

3.主图设计中最重要的两步就是修图和排版了，两者相辅相成，修图更是重中之重，图选修的好，做主图设计的时候才不会掉链子。

感悟：

1.及时保存，因为一些不可预料的状况，例如：断电、死机，没有保存你就白忙活了。

​2.修图技巧多种多样，不同的情况匹配不同的修图技巧，效果会更好。

3.复杂的修图图层可能会多到让你怀疑人生，这时候就是显现你收纳规整能力的时候了，生活如此，工作上亦是如此，图层该编组的编组，方便查找观看修改。

分享两个好用的修图工具：

1. WACOM手绘板

2. PS快捷键鼠标垫

五、快捷键

本篇涉及到的常用快捷键（快捷键需要输入法在英文状态下,Windows快捷键Ctrl,对应Mac快捷键Command,Alt对应Option）：

钢笔工具: P

涂抹工具: N

直接选择工具：A

仿制图章工具：S

修复画笔工具：B

混合器画笔工具：B

复制图层：Command+J

自由变换：Command+T

取消选区: Command+D

填充前景色：Option+Delete

载入选区：Command+Backspace

另存为:Command+Shift+S

重复上次滤镜：Command+Control+F

盖印图层：Command+Option+Shift+E

最后分享一张在广州拍摄的新年图片，冬天的广东没有老家那样的寒冷，还可以看到新年特色的花市和花海。

总结完毕，谢谢三连

作者声明本文无利益相关，欢迎值友理性交流，和谐讨论～