“我开店快三个月了，主图上的图标还是找人做的，每次改活动都得等设计，太耽误事了。你说PS做图标难不难？我连软件都没装过……”

你是不是也有这种烦恼？看到别人主图上那些带“包邮”“满减”“新品”的小图标，自己也想弄，可一打开PS就懵了。别急，我今天就专门聊聊这事儿——怎么用PS轻松搞定淘宝图标，而且全是新手能上手的办法。

先说说图标到底难在哪。很多新手一上来就想着“我要设计一个超炫的图标”，结果打开PS，发现工具栏密密麻麻，研究了半天连矩形工具在哪都找不到。其实淘宝图标没那么复杂，它本质上就是几个图形的组合：圆角矩形、文字、小装饰（比如“包邮”旁边的飞机、“新品”旁的太阳）。你不需要成为设计师，只要学会复制、变形、加颜色这三招，就能搞定90%的店铺图标。

我当年刚开店时，第一个图标是自己用画图软件拼的，歪歪扭扭，客户还以为是网站出错了。后来逼着自己学了PS里最基础的几个功能，才发现原来半小时就能做出十几个像模像样的图标。下面直接上干货，你跟着操作一遍就能掌握。

**第一步：学会建画布和基本形状**

打开PS，新建一个文件。淘宝图标常用尺寸是200×200像素，背景选透明，分辨率72就行。然后找到左侧工具栏的“圆角矩形工具”（U键），在画布上拉出一个大小合适的圆角矩形。注意右上角的属性面板里可以调圆角半径，一般设15到20像素，看起来圆润不扎眼。

接着填充颜色。双击图层面板里的形状缩略图，会弹出颜色选择器。想做一个“包邮”图标，底色常用红色或橙色（#FF4400这种亮色）。别担心颜色不正，后期可以调。要记住：淘宝图标颜色要饱和、对比明显，在缩略图上才能一眼被看见。

**第二步：加文字和特效**

选“横排文字工具”（T键），在圆角矩形上点一下，输入“包邮”两个字。字体推荐用微软雅黑或思源黑体，加粗，字号大小控制在30-60之间，别超出圆角矩形的边缘。这时候文字是纯黑的，不好看。选中文字图层，点右键选“混合选项”，勾选“描边”——给文字加一圈白边（大小2像素左右），立刻从黑乎乎变成立体清晰。

如果你想做“满减”图标，可以复制一个圆角矩形，缩小一点放在中间，填个白色背景，再在上面打字。比如“满199减30”这种，字体用小一点，行距调紧凑。

**第三步：加小装饰，提升设计感**

图标光有字和底色稍显单调。比如“新品”旁边加个小太阳，“包邮”加个飞机尾巴。怎么做？简单！用“自定义形状工具”（U键下的小三角）。PS自带了大量形状，比如箭头、太阳、心形等。你点开形状库，选一个合适的，拉出来放在文字旁边。颜色调成白色或浅黄，大小和文字匹配就行。如果你想要更个性一点，可以上网搜“淘宝图标素材矢量图”，下载.ai或.eps文件，直接在PS里打开拖进来。

这一步的诀窍是：装饰不要太大，挡住文字就糟了。一般占图标面积的五分之一以内，放在文字左上角或右上角。

**第四步：批量产出，保存成模板**

做完一个图标后，你会发现大部分元素都重复——无非是换底色、换字、换装饰。聪明做法是把圆角矩形、文字、装饰全部放在一个PSD文件里，用图层组归类。每次要做新图标，直接复制这个文件，改文字内容、改颜色、换装饰图，一分钟一个新图标。比如“包邮”改底色成蓝色，“满减”换成绿色，“新品”换黄色……色环上挑一圈就够用了。

保存时注意：淘宝主图里的图标一般存成PNG格式（透明背景），文件大小控制在50KB以内。点“文件-导出-存储为Web所用格式”，选PNG-24，勾选透明度，质量调100%或者80%（一般80%肉眼几乎看不出区别，但体积小很多）。

**第五步：踩过的坑，帮你提前避开**

坑一：图标尺寸太大。有些新手把图标做得跟主图一样大，结果上传后压缩失真，边角模糊。正确的做法是图标宽度控制在主图宽度的四分之一以内，比如主图800×800，图标就做成200×200，放上去刚刚好。

坑二：颜色太花。一个图标用三种以上高饱和度颜色，看着像儿童涂鸦。保持主色调+白色/浅色辅助就够了。可以参照淘宝官方活动图标配色，比如618用红白、双11用橙黄。

坑三：文字看不清。图标缩小后，细体字或者笔画复杂的字（比如“满”字）会糊成一团。选加粗字体，描边加大到3像素，笔画之间留有足够空隙。

其实做淘宝图标，真不是让你去和设计师比美感。你只要记住“让买家一眼看懂”这个核心。比如“包邮”就是红底白字加个快递标志，“新品”就是橙底白字加个星星，不用整花里胡哨的特效。我用这套方法，上架过五十多个商品，每个商品的图标都是自己PS改出来的，一次设计没找过别人，省了钱还省了沟通时间。

最后说一句：别怕PS，它就是个工具。你在上面花两个小时，后面能省下两年请人设计的钱。现在你就可以试试新建一个200×200的画布，拖一个圆角矩形，打上“包邮”两个字——做完发朋友圈，让你

“我开店快三个月了，主图上的图标还是找人做的，每次改活动都得等设计，太耽误事了。你说PS做图标难不难？我连软件都没装过……”

你是不是也有这种烦恼？看到别人主图上那些带“包邮”“满减”“新品”的小图标，自己也想弄，可一打开PS就懵了。别急，我今天就专门聊聊这事儿——怎么用PS轻松搞定淘宝图标，而且全是新手能上手的办法。

先说说图标到底难在哪。很多新手一上来就想着“我要设计一个超炫的图标”，结果打开PS，发现工具栏密密麻麻，研究了半天连矩形工具在哪都找不到。其实淘宝图标没那么复杂，它本质上就是几个图形的组合：圆角矩形、文字、小装饰（比如“包邮”旁边的飞机、“新品”旁的太阳）。你不需要成为设计师，只要学会复制、变形、加颜色这三招，就能搞定90%的店铺图标。

我当年刚开店时，第一个图标是自己用画图软件拼的，歪歪扭扭，客户还以为是网站出错了。后来逼着自己学了PS里最基础的几个功能，才发现原来半小时就能做出十几个像模像样的图标。下面直接上干货，你跟着操作一遍就能掌握。

**第一步：学会建画布和基本形状**

打开PS，新建一个文件。淘宝图标常用尺寸是200×200像素，背景选透明，分辨率72就行。然后找到左侧工具栏的“圆角矩形工具”（U键），在画布上拉出一个大小合适的圆角矩形。注意右上角的属性面板里可以调圆角半径，一般设15到20像素，看起来圆润不扎眼。

接着填充颜色。双击图层面板里的形状缩略图，会弹出颜色选择器。想做一个“包邮”图标，底色常用红色或橙色（#FF4400这种亮色）。别担心颜色不正，后期可以调。要记住：淘宝图标颜色要饱和、对比明显，在缩略图上才能一眼被看见。

**第二步：加文字和特效**

选“横排文字工具”（T键），在圆角矩形上点一下，输入“包邮”两个字。字体推荐用微软雅黑或思源黑体，加粗，字号大小控制在30-60之间，别超出圆角矩形的边缘。这时候文字是纯黑的，不好看。选中文字图层，点右键选“混合选项”，勾选“描边”——给文字加一圈白边（大小2像素左右），立刻从黑乎乎变成立体清晰。

如果你想做“满减”图标，可以复制一个圆角矩形，缩小一点放在中间，填个白色背景，再在上面打字。比如“满199减30”这种，字体用小一点，行距调紧凑。

**第三步：加小装饰，提升设计感**

图标光有字和底色稍显单调。比如“新品”旁边加个小太阳，“包邮”加个飞机尾巴。怎么做？简单！用“自定义形状工具”（U键下的小三角）。PS自带了大量形状，比如箭头、太阳、心形等。你点开形状库，选一个合适的，拉出来放在文字旁边。颜色调成白色或浅黄，大小和文字匹配就行。如果你想要更个性一点，可以上网搜“淘宝图标素材矢量图”，下载.ai或.eps文件，直接在PS里打开拖进来。

这一步的诀窍是：装饰不要太大，挡住文字就糟了。一般占图标面积的五分之一以内，放在文字左上角或右上角。

**第四步：批量产出，保存成模板**

做完一个图标后，你会发现大部分元素都重复——无非是换底色、换字、换装饰。聪明做法是把圆角矩形、文字、装饰全部放在一个PSD文件里，用图层组归类。每次要做新图标，直接复制这个文件，改文字内容、改颜色、换装饰图，一分钟一个新图标。比如“包邮”改底色成蓝色，“满减”换成绿色，“新品”换黄色……色环上挑一圈就够用了。

保存时注意：淘宝主图里的图标一般存成PNG格式（透明背景），文件大小控制在50KB以内。点“文件-导出-存储为Web所用格式”，选PNG-24，勾选透明度，质量调100%或者80%（一般80%肉眼几乎看不出区别，但体积小很多）。

**第五步：踩过的坑，帮你提前避开**

坑一：图标尺寸太大。有些新手把图标做得跟主图一样大，结果上传后压缩失真，边角模糊。正确的做法是图标宽度控制在主图宽度的四分之一以内，比如主图800×800，图标就做成200×200，放上去刚刚好。

坑二：颜色太花。一个图标用三种以上高饱和度颜色，看着像儿童涂鸦。保持主色调+白色/浅色辅助就够了。可以参照淘宝官方活动图标配色，比如618用红白、双11用橙黄。

坑三：文字看不清。图标缩小后，细体字或者笔画复杂的字（比如“满”字）会糊成一团。选加粗字体，描边加大到3像素，笔画之间留有足够空隙。

其实做淘宝图标，真不是让你去和设计师比美感。你只要记住“让买家一眼看懂”这个核心。比如“包邮”就是红底白字加个快递标志，“新品”就是橙底白字加个星星，不用整花里胡哨的特效。我用这套方法，上架过五十多个商品，每个商品的图标都是自己PS改出来的，一次设计没找过别人，省了钱还省了沟通时间。

最后说一句：别怕PS，它就是个工具。你在上面花两个小时，后面能省下两年请人设计的钱。现在你就可以试试新建一个200×200的画布，拖一个圆角矩形，打上“包邮”两个字——做完发朋友圈，让你