DIY定制类产品设计和汇出系统教程:坐标模式的模板制作方法

《DIY定制类产品设计和汇出系统》(Web版)从2.2.0版本开始,支持坐标模式合成产品图片,即指定素材产品模板图上面的一个区域的左上角X,Y和区域宽、高,系统自动放缩图像填充合成。

现在同时支持了:(1)挖空透明区域自动缩放填充图像和(2)坐标模式合成图像两个模式;

本篇主要介绍素材产品模板制作方法,以下一详细图文教程:

1、首先准备一个素材产品模板图;

DIY定制类产品设计和汇出系统教程:坐标模式的模板制作方法 - 1

2、用FIREWORK软件打开,选择矩形工具,在需要填充图案的区域画一个矩形(将来合成时候图案会自动合成到该位置);

DIY定制类产品设计和汇出系统教程:坐标模式的模板制作方法 - 2

3、调整矩形的位置和大小达到满意状态时候,左下角的X,Y,宽,高数字复制出来,这就是合成参数,格式是:x,y,width,height;

DIY定制类产品设计和汇出系统教程:坐标模式的模板制作方法 - 3

4、打开系统后台/素材产品,把参数填写到合成参数一栏即可;

需要注意的是如果某个图合成时候需要水平翻转,例如下图鞋子合成图案的特殊性要求图案对称填充到左脚右脚,那么参数最后加一个1,格式变成:x,y,width,height,1

DIY定制类产品设计和汇出系统教程:坐标模式的模板制作方法 - 4

5、以下是使用该参数合成第一张图片的效果;

DIY定制类产品设计和汇出系统教程:坐标模式的模板制作方法 - 5