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