先将模板里面的图形拆开储存出来
图帮主支持上传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格式上传到图帮主后,可关闭对矢量图修改颜色功能,如下图。
再来段动态操作图: