Photoshop技巧 篇七十七：完整电商拍摄主图设计实例全程干货记录

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

分享搬砖经验总结，用于提升生存技能。

前言

主图设计是商家直观得向消费者介绍自己产品的一种有效途径，也是产品运营的一部分。这里分享我的一个完整主图设计实例，供有主图设计需求的商家参考。

主图做出来需要3步：

要把主图设计出来，3大步里面还有很多小步。以一款暖宫腰带主图设计实例过程，分步分享。

一、需求接收

文件大小22.75G，几百张图给到我。一套主图设计的任务，由此拉开序幕。

接到任务后开始提取需求：

1.1某东同款

京东上是9张主图加一张直通车图，这里就做9张主图不做车图。

1.2背景色提取

1.3字体提取

默认为免费字体和设计已授权字体。

PS：花马内买得整套商用授权，少了风险。

1.4主图尺寸

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

二、需求设计

2.1确认底色和文案识别色

为把控设计过程，RGB和CMYK色都要确定下来。

底色色号：

文案底色色号：

文案识别色号：

2.2分类

建立流程文件夹：

三、需求实现

3.1选图

首先选白底图，然后再选实景图。先初选，后面做主图的过程中，需要什么样的图再进行选择。

3.2抠图

选图文件夹中的白底图大部分需要抠图，先将使用频率最高的几张角度的图进行复制，放到抠图文件夹中进行抠图，抠完保存源文件和透明底文件。实景图不需要抠图，所以只有白底图。

3.3修图

修图文件夹这里总共修了11张图，白底图4张，其中暖宫带3张，包装盒1张。实景图7张。

白底图

实景图

3.4主图设计

根据主图设计需求方案和参考样稿，制作出类似风格的主图设计。图片命名为主图1、主图2...主图9。根据甲方要求的主图张数进行依次排序命名。

3.5 收工出图

最后再整体观察图片效果。

①检查字体的字符设置是否统一；

②主体是否存在角度的偏差、色彩有没有偏移；

③图标的样式和颜色；

④文案和符号是否统一格式化、文本框和引导线的颜色是否统一；⑤有没有存在元素太多而抢镜、有没有抓住主核心、有没有突出主体等等。

做完这一步，详细设计环节基本完成，可以收工了。

附一下更多的搬砖成果：

P图工，P图不能停

四、总结

1.电商设计是指通过图形、文字、颜色和产品布局等元素的优化与调整，将传统的线下商业模式在互联网上进行设计和推广的过程。

2.一套良好的电商设计图，能够提供给用户关键的信息，使用户迅速找到心仪的商品，并帮助商家提高商品转化率。

3.一套电商图的优质程度也决定了设计师的设计思维和劳动转化率！

最后分享一张打工人在深圳北站出站后的图片。

分享完毕，谢谢三连

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