图帮主自主设计上传模板教程（商户篇）
图帮主商户版（少侠与大侠版）支持商户后台自行上传和管理模板，该篇主要说明如何上传SVG格式
操作方法
- 01
图帮主模板与一些主流素材网站不一样，素材网站上面的模板是针对专业的设计机构和设计师使用。而图帮主模板直接面对的是国内数千万的企业客户群体，为了客户体验，商户版在上传自己的专属模板前需要具备以下技能：1. 熟练使用AI软件2. 了解图帮主的基本操作
先将模板里面的图形拆开储存出来
- 01
图帮主支持上传JPG、PNG、SVG(基于网页可缩放的矢量图形)格式图片，上传大小需控制在5M内，而SVG格式仅支持AI软件储存出来上传。 闲话不多说，直接上步骤： 我们用名片来举例，打开一个AI格式名片稿，如下图。
- 02
一、新建一个画布，将需要拆开的“组合图形”复制到画板，如下图。
- 03
二、执行菜单的“编辑 — 画板 — 适合图稿边界”如下图。
- 04
提示！如果不执行“适合图稿边界”的命令，储存出来的图形上传到图帮主后，图形定界框的距离有所不同。 这里需要说明的是，如果是储存JPG或者PNG格式，同样需要执行“适合图稿边界”的命令，如果在AI软件对图形带有剪切蒙版，在储存选择格式时，需要勾选“使用画板”后再储存。
- 05
三、另存，格式选择SVG，在弹出的“SVG”选项窗口，所有选项都默认设置，直接点击“确定”。
- 06
是不是很简单？之所以要储存成SVG格式，是因为SVG格式上传到图帮主后，客户可以改变颜色，而JPG和PNG格式不支持改变颜色。所以模板上面的图形，建议尽可能的使用矢量图形然后储存SVG格式上传。
储存出来的图形上传到图帮主
- 01
一、进入商户后台，选择左侧“模板管理”，点击“添加模板”按钮，如下图。
- 02
二、在弹出的选项框中选择你要添加的分类（少侠版和大侠版支持商户自定义分类），这里我们选择名片，如下图。
- 03
三、确定后系统会自动生成一个名片尺寸的空白模板（此时模板默认状态为“编辑中”，前台界面还不会显示该模板），再点击列表编辑选项下的“编辑模板”，如下图
- 04
四、如下图，进入编辑器后，点击左侧栏目的“上传”，再点击“从电脑上传图片”按钮，找到储存SVG图形的位置添加到图帮主，然后将每个图形添加到画板，按照AI稿板式排出来点击保存即可。
- 05
五、保存完后，再回到后台模板列表，点开状态设置，点击“上线”，这样商户版前台就能显示该模板了，如下图。
- 06
关于SVG格式的图形，我不得不继续完善下的是，如果模板中含有一些颜色非常多的矢量图形，我不建议让客户去自己改变颜色，比如下图，这样的情况，一点意义都没有。
- 07
考虑到这样的问题，我们在程序上设定了一个规则，对于类似复杂的组合式矢量图形，在储存SVG格式前，可以将整个图形先组合（Ctrl+G）,再打开AI图层面板，找到第一层“编组”，将名字命名为大写的“NO”，再储存SVG格式上传到图帮主后，可关闭对矢量图修改颜色功能，如下图。
- 08
再来段动态操作图：