Photoshop技巧 篇七十八：跨境电商主图拍摄修图设计过程实例分享

【写作说明】：大家好我是张大妈的一员粉丝“坂田miniStar”，跨境电商摄影设计在深圳，家乡在信阳。本文所记录为个人搬砖过程中的经验学习总结，所码字为个人分享，观点拙笨在所难免，欢迎拍砖。

前言

主图设计是商家直观得向消费者介绍自己产品的一种有效途径，也是跨境电商产品运营的一部分。这里分享的是主图设计实例中主图的排版设计，供有相关需求的人士参考。

做主图设计之前需要对产品有一定的了解。了解产品的特性，和市场上同类产品的不同点以及核心卖点和强有力的竞争点。

做电商主图，除了展示产品的基本卖点，还要展示竞争卖点。

一、新建画布

键Command+N新建画布，设置尺寸为1600*1600像素，不需要印刷分辨率为72像素/英寸，颜色模式为RGB颜色，其它默认为图示的参数，最后点击创建按钮。

二、主图设计

2.1整体展示图

①主图1

将事先修好的包装盒PNG图片拖进来，自由变换调整大小至如图所示，然后双击置入。

再将暖宫带的图片拖进来，自由变换调整大小和角度，然后双击置入。

接着给包装盒和暖宫带添加阴影。

接着通过曲线和色相饱和度对图像的整体进行调色，整体适当调亮。

②主图2

新建画布，命名为主图2。新建一个空白图层，填充为事先确认好的底色浅粉色：RGB#ebd3d4。

将褶皱丝绸素材拖进来，图层混合模式设置为明度，不透明度降低为43%。

将修好的暖宫带背面展示图拖进来，自由变换放大，展示效果更明显。

接着给暖宫带添加投影，最后再对整体进行调色。使用同样的曲线和色相饱和度调整图层进行调色。同时也能统一主图间的色彩氛围。

根据产品的材料属性，通过文案、图标、和形状元素展开展示。

2.2功能按键讲解图

①主图3

新建画布，命名为主图3。将修好的实景图拖进来，自由变换放大并适当旋转角度，使暖宫带的主要部分呈水平状态。

使用曲线和色相饱和度调整图层进行调色和统一色调。

新建一个空白图层，设置前景色为事先确认好的文案底色：RGB#e6c8c5，使用渐变工具拉一个前景色到透明的渐变。给渐变图层新建一个蒙版，使用黑色的柔边缘画笔在画面中暖宫带的部位进行涂抹，将被遮挡的主体暖宫带显现出来。

接着将暖宫带的按键功能，通过文案、图形和符号的形式进行如图所示的展示。

点击通道进入通道面板，按住Command键，鼠标左键单击RGB的缩览图，将图像的亮部载入选区。

设置前景色为黑色，选中曲线的蒙版，按Option+Delete键填充前景色，降低曲线在亮部区域提亮的程度。

因为要突出主体，所以直接使用柔边圆画笔在曲线蒙版上进行大区域涂抹，将暖宫带及其周边的区域完全遮盖掉，是主体更加明显。

②主图4

新建画布，命名为主图4。将修好的实景图拖进来，自由变换放大至主体位于主要位置然后双击置入。

使用曲线和色相饱和度调整图层进行调色和统一色调。

继续通过文案对暖宫带的功能进行深入的讲解。

继续通过蒙版对调色的效果进行局部减淡和隐藏。

③主图5

新建画布，命名为主图5。将修好的实景图拖进来，自由变换放大，适当旋转角度，使人体在视觉上呈现垂直状态。

使用曲线和色相饱和度调整图层进行调色和统一色调。

同主图3创建一层颜色相同的文案底色层，通过新建蒙版将被遮挡的主体暖宫带显现出来。

通过文案、图标对产品功能进行更深入的讲解。

调整曲线蒙版，对局部调色进行隐藏和遮挡。

2.3尺寸细节图

①主图7

新建画布，命名为主图7。将修过的实景图拖进来，自由变换进行右移，然后双击置入。

曲线和色相饱和度调整图层进行调色和统一色调。

将修好的暖宫带图片拖进来，自由变换调大、旋转，然后双击置入。由于主体两侧的带绑存在色差，，所以新建一个曲线调整图层进行处理，并向下创建剪切蒙版。首先将暖宫带的整体色调调亮，然后通过蒙版遮挡将两侧的捆带涂抹至色彩相同。再将两个图层编为一组。

首先绘制一个描边的正圆，再绘制一个引导线，引导线粗细和圆的描边同样颜色、同样粗细。引导线连接主体和细节放大图。接着是把即将放大展示局部的图片拖进来，再进行调色，使颜色与主体颜色相统一。最后将该细节展示相关的图层选中进行编组。

如下图：

同样的操作步骤，依次将另外两个细节也展示出来，分别编组为组3和组4.

如下图：

加上标题文案和细节讲解的文案。

调整曲线蒙版，对局部调色进行隐藏和遮挡。

②主图8

新建画布，命名为主图8。将修过的实景图拖进来，自由变换调大，放在画布中间偏上的位置，然后双击置入。同主图7一样通过曲线调整主体两侧存在的色差，调整完，选中图层编组，方便区分。

挑一张暖宫带侧面角度的图片，将其拖进来，自由变换调大，注意主体部分与上面的正视图长度相同。然后通过曲线、纯色图层、色相饱和度对其进行调色。调整完选中这些图层进行编组。

加上标题文案、尺寸标识和尺寸大小文案。选中图层进行编组，命名为组3-文案。

2.4应用场景图

①主图6

新建画布，命名为主图6。将修过的实景图拖进来，自由变换调大、右移，然后双击置入。

曲线和色相饱和度调整图层进行调色和统一色调。

使用形状工具绘制一个描边正圆，然后将主体暖宫带拖进来，自由变换调整大小，适当旋转。使其呈倾斜状态。再通过蒙版给其绘制一个穿插效果。

加上标题文案、使用场景文案和对号小图标。选中上述图层进行编组，命名为组3-文案。

调整曲线蒙版，对局部调色进行隐藏和遮挡。

②主图9

新建画布，命名为主图9。将修过的实景图拖进来，自由变换调大，然后双击置入。

曲线和色相饱和度调整图层进行调色和统一色调。

同主图3创建一层颜色相同的文案底色层，通过新建蒙版将被遮挡的主体暖宫带显示出来。

使用形状工具绘制一个描边圆角矩形，描边颜色和粗细同跟前面的主图相统一。再将一张礼物包装图的图片拖进来，自由变换调整大小，然后双击置入。再将图片向下创建剪切蒙版。

同样的操作步骤，再绘制展示两组细节图，分别编为组2和组3.

加上标题文案、节日礼物文案。选中上述图层进行编组，命名为组4-文案。

调整曲线蒙版，对局部调色进行隐藏和遮挡。

三、总结

1.主图设计要以展示产品为主，尽可能的放大产品，接着是主图标题、讲解文案为辅。

2.主图设计时，元素不要太多，容易抢镜，导致无法充分展示核心重点。

3.一套主图的文案和符号要格式化，字体的字符设置要统一，文本框和引导线的颜色统一成底色或！

最后分享两件好用的修图工具装备：

WACOM手绘板，精修图好用！

快捷键鼠标垫，桌布+PS小助手。

最后分享一张春天约拍图，有相机的值友们，出门约拍照走起

总结完毕，谢谢三连

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