商品定制｜如何在Preview设计器设计生产图与预览图

生产图是您在工厂用来生产印刷产品时使用的文件，预览图是在店铺展示给消费者的产品效果图，商品定制插件Preview设计器提供了这两个文件所需的设计面板，您可以按照需要自由设计出想要的效果。

什么是生产图

生产是制作产品时，用于印刷样式的文件，包含了所有需要在打印物上呈现的图像、文本等元素。当消费者提交个性化订单后， Preview设计器 会自动为您生成这个文件，您可以直接用于产品的生产印刷。

什么是预览图

预览图是 在店铺展示给消费者的产品效果图，当消费者在进行个性化操作时，定制器会根据您的设计以及消费者个性化的内容，实时展示产品效果，帮助您更好的展示产品。 当消费者提交订单时，预览图将会同步添加到订单内并命名为“preview”

生产图设计方法

• 设置生产图尺寸

您可以点击【生产图尺寸】修改文件的宽与高，单位可选择 MM、INCH、PX 三种，并且可以设置 PPI 参数。

• 调整元素的位置

您可以调整选项在生产图上的效果，包括位置、大小、形状、旋转角度等。包含【图片选项】、【文字】、【弯曲文字】、【文件上传】四种选项。

1. 每一个选项在打印文件上都有一个蓝色的矩形框，矩形框的位置代表了选项内容的印刷位置.
2. 您可以点击某个选项的矩形框或者在左侧选项列表中进行选中，进行选项位置的调整。
3. 展示与隐藏：如果您不希望某个选项出现在打印文件上，那么只需勾选【在打印文件上隐藏】，或者将这个选项的矩形框移动到打印文件区域之外的灰色区域即可。（详见下方截图中圈5处）
4. 设计视图：您可以使用右下角的【视图按钮】或者鼠标滚轮进行缩放视角，来帮助您更好的设计。（详见下方截图中圈4处）
5. 如何查看效果：您可以在打印图内查看选项值的实际效果，选中图片选项的某张图，即可在打印图内展示，如果这个图片选项引用了素材，那么切换不同的 option 值即可查看素材内不同照片的效果；您可以在【文字】中输入预设文字，那么打印文件中即可展示文字效果。

您还可以通过以下方法进行快捷调整：

1. 缩放与旋转：您可以选中矩形框进行拖动，点击矩形框的四个角进行等比例缩放，点击矩形框的某个边进行拉长或缩短，点击旋转按钮进行旋转。
2. 对齐方式：您可以使用一些快捷功能快速调整元素在画布的位置，例如自动填充满画布，居左，居中，巨右等。
3. 撤回：左上角为【步骤回撤】按钮，您可以撤回上一步在画板上的编辑操作，也可以恢复到撤回之前的操作。（详见下方截图中圈8处）

您还可以通过以下方法进行批量调整：

1. 分组批量操作：您可以点击【分组】进行批量选中这个分组下的所有选项，所有选项的最外围会出现一个大的矩形框，可点击这个矩形框进行批量的移动，缩放，旋转等。
2. 批量选中：您可以通过持续按住鼠标左键，圈选中画板上期望选中的元素，进行批量操作处理。您需要把整个元素的蓝色矩形框都圈选起来才算选中该元素。
3. 快捷键：您可以使用一些快捷键来提升操作效率，例如（详见下方截图中圈11处）：

• 撤回上一步：ctrl+z（Windows版本），command+z（Mac版本）
• 恢复上一步：ctrl+z+shift（Windows版本），command+z+shift（Mac版本）
• 批量选中：按住shift时，点击不同定制项/分组，然后整体进行移动，缩放，旋转等操作
• 全选定：ctrl+a（Windows版本），comman+a（Mac版本）
• 通过键盘的方向键对元素进行移动操作

预览图设计方法

预览图的操作方法与生产图一样，您可以查看上述内容。但预览图有一些特殊的地方：

1. 预览图可以设置背景，而生产图一般不需要。（详见下方截图中圈1处）
2. 预览图与生产图的设计是独立的，每个元素在两张图上都各有一个坐标，相互独立。
3. 您需要先设计生产图，然后再设计预览图，当您首次进入【预览设置】时，定制器会自动基于生产图的设计为您初始化预览图，因此看起来两张图的效果会一致，但您可以再进行调整。
4. 若您后续调整了生产图，期望能够快速将预览图调整为跟生产图一致的效果，您可以点击【重置预览】，定制器会重新基于生产图为您初始化预览图。（详见下方截图中圈4处）
5. 设计预览图时，您只能等比缩放元素的大小，并且无法添加新的选项。

选项的图层顺序与页面展示顺序

1. 在设计器中，所有添加的选项都在页面左侧的选项列表进行展示与维护，选项在列表的上下顺序代表图层顺序，同时对打印文件，预览效果有效。您可以通过上下拖动选项来调整图层顺序
2. 选项在商品页面的展示顺序通过【预览设置-选项展示顺序】进行控制，默认状况下会与图层顺序保持一致，您可以按需调整。您可以通过拖动调整某个选项的顺序，也可以选择多个选项后整体调整。若您希望将顺序还原，可以点击【重置顺序】，设计器会将展示顺序重置为初始状态，与图层顺序保持一致。

如何联系我们

SHOPLINE 拥有专业的本地支持团队，为有需求和疑惑的商家提供帮助。您可以通过联系 SHOPLINE 店铺后台及官方网站的实时客服来寻求SHOPLINE的帮助。
*如有 SHOPLINE 功能使用感受或需求建议，快点击【功能反馈】告诉我们吧！