返回

图帮主上传模板教程(商户篇)

——图小明  •  2017-03-06
图帮主商户版支持商户后台自行上传和管理模板,该篇主要说明如何上传SVG格式
图帮主模板与一些主流素材网站不一样,素材网站上面的模板是针对专业的设计机构和设计师使用。而图帮主模板直接面对的是国内数千万的企业客户群体,为了客户体验,商户版在上传自己的专属模板前需要具备以下技能:
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格式上传到图帮主后,可关闭对矢量图修改颜色功能,如下图。






再来段动态操作图:


|< <

1/1

> >|
上一篇:小白如何自己设计出高逼格名片?
下一篇:
作者的其他文章点击查看全部文章 >
从此,让创意不再受限于工具