3D 构图
使用现成模型创建效果图。
- 设置相机、取景比例、灯光、阴影和背景。
- 生成基础图像以及展示后续印花所需的图层。
样机生成器 - 产品展示与销售
一次设置好产品展示方式,之后即可用它展示新的印花和配色。样机生成器保存视角、背景以及图案在产品上的叠加方式。最终样机图将这些设置与客户当前的设计或您在 Designer 中的设计结合起来。
您可以使用所选模型已有的生成器,也可以在 Product Generator 的 Mockup 模式中创建自己的生成器。下文介绍应用示例、3D 场景和自有照片的设置、映射测试、效果图下载,以及在 WordPress + WooCommerce 插件中的使用方式。
截图展示了 Alter Product 的实际工具,其中部分为英文界面。每张截图均可打开查看原始尺寸。
生成器保存产品的展示方式。最终样机图是使用该生成器为某个具体设计生成的图片。
如果所选模型已有样机生成器,即可直接在 Product Designer 中使用。在 Mockup 窗口选择视角后,预览会显示当前设计的图案和颜色。
如需创建自己的生成器,请在 Product Generator 中打开模型项目并切换到 Mockup 模式。您需要准备好的模型以及用于显示图案的表面。自定义裁片、模拟和模型材质在独立的 3D 模型创建指南中介绍。
例如,您已设置好浅色背景上的 T 恤正面视角。更换印花时,无需重新设置相机、灯光或领口轮廓。只需在 Designer 中打开 Mockup,保存的生成器就会以相同构图展示当前设计。
| 项目 | 作用 |
|---|---|
| 3D 模型 | 产品形状以及用于放置设计的表面。同一模型可以包含多个生成器,例如正面、侧面和背面。 |
| 样机生成器 | 取景、背景、灯光、部件映射和图层。需要改变产品展示方式时,编辑生成器即可。 |
| Designer 或 Customizer 中的设计 | 图案、文字和所选产品颜色。更改设计后,可使用已准备好的生成器获得新的样机图。 |
| 下载的 PNG 样机图 | 特定设计和视角的最终图像,可用于商品展示、目录或宣传材料。 |
选择与当前调整目标对应的阶段。3D 构图和照片匹配提供了两种准备基础图像的方式。
使用现成模型创建效果图。
使用自己的产品照片作为展示基础。
完善各部件轮廓和印花在图像上的呈现方式。
构图只需设置一次,之后更换图案和颜色时即可重复使用生成器。
根据产品的展示位置选择生成器的准备方式。通过调整构图和印花设计,可以在同一套工具中实现以下场景。
先确定目标:便于比较的款式图片、鲜明的品牌风格,或基于自己照片的效果图。
浅色背景上的 T 恤,保持相同缩放比例并带有柔和阴影。每个新印花都会应用到同一视角。
将背景设为系列主题色、渐变或自己的图片。调整灯光和阴影,使产品融入准备好的场景。
有一张按理想布景拍摄的 T 恤照片吗?使用图像匹配,将模型与照片对齐,为后续印花叠加做好准备。
客户在 Customizer 中更改图案、文字或颜色。模型可用的生成器会为这一具体设计生成效果图。
在 Inspector 中准备好模型后,切换到 Mockup 模式。在这里,为后续图案和产品变体创建统一的构图。
在项目样机面板中选择自动创建,即可准备正面、左侧、右侧和背面四个视角。您也可以通过“新增”添加自己的视角,修改名称和顺序。每个生成器都会保留独立的取景和设置。

在 3D 构图中,将产品设置为图像的基础。根据目录或品牌风格选择取景和灯光条件。
制作目录时,先使用简洁背景和清晰的产品轮廓。如果希望平稳展示产品、避免透视缩短,可使用正交相机。透视相机则更能突出立体形状。取景时为袖子、产品底部和阴影留出空间。
地面阴影可帮助产品融入构图,墙面阴影则营造纵深感。两者的位置、大小、不透明度和柔和度可以独立调整。通过曝光以及高光、中间调、阴影曲线,可恢复细节的可辨识度。目录图片应保持印花清晰;Bloom 和景深更适合根据品牌宣传图的需求调整。

图像匹配模式支持使用自己的 JPG、PNG 或 WebP。调整叠加模型的相机、缩放、不透明度和位置。服装可使用骨骼工具、袖子位置预设,以及可调影响半径和强度的软变形。完成的匹配用于生成样机图层。
对于支持的服装,可以自动创建骨骼绑定,并通过移动、旋转和改变长度调整骨骼。镜像设置有助于保持对称;袖子预设可从原始姿态、稍微放低或沿身体两侧的姿态开始。软变形和软旋转在局部生效:可以选择半径、强度及影响衰减方式,包括平滑、线性、球形或锐利。网格预览有助于判断形状。
基础图像、印花蒙版、阴影和高光共同作用,使图案符合产品的外观和形状。正确准备这些内容后,即可重复使用同一效果图。
在 3D 构图中选择生成完整图层组,在照片匹配中选择根据匹配生成。然后检查各个图层及其在产品上的效果。
| 图层 | 可控制的内容 |
|---|---|
| 基础图像 | 产品取景、背景和场景外观。修改构图后,通过重新生成更新图像。 |
| 印花蒙版 | 图案的可见区域、阈值、边缘柔和度、边缘偏移和抗锯齿。 |
| 阴影 | 强度、伽马和白点,使印花保留产品的明暗效果。 |
| 高光 | 构图中明亮区域的阈值、强度和伽马。 |
制作最终设计前,先打开测试印花工具。您可以为可用部件分别指定图案;如果支持更改颜色,也可以检查整个产品或各个部件的颜色。
彩色网格有助于发现图案的拉伸、方向变化和不连续。请特别检查领口、袖子及两侧边缘。
标记和中央图案便于判断印花的位置,以及是否被轮廓或蒙版裁切。
带有 Alter Product 文字的图案有助于检查各部件上字母的清晰度、比例和方向。
比较浅色与深色版本,更容易发现过强的阴影、过曝高光或印花周围的浅色边缘。
切换到映射,选择产品部件,调整其轮廓上的贝塞尔节点和控制柄。您可以精确修正领口、袖子和边缘,然后重新计算图层。生成菜单也可重建轮廓,或在保留现有矢量的情况下仅更新基础图像。
如果印花超出产品落到背景上,或没有延伸至边缘,请先修正轮廓几何。然后调整蒙版及其柔和度。最后调节阴影和高光,并对比产品在浅色和深色下的效果。

选择更新范围,以保留仍然需要的手动修正。
| 范围 | 适用时机 |
|---|---|
| 完整图层组 | 场景准备完毕或构图发生较大变化,需要更新基础图像和样机图层时。 |
| 基于保存矢量的图层 | 手动修正轮廓后,希望保留已完善的路径并重新计算效果时。 |
| 重建轮廓 | 需要从模型重新生成轮廓时。该操作会重建几何,因此可能替换之前的手动修正。 |
| 仅基础图像 | 需要更新图像而不覆盖现有矢量时。若更改影响了阴影或蒙版,也应检查相应图层。 |
完善视角后,保存 Product Generator 项目。生成器集合属于模型及 Designer 使用的对应模型修订版本。在应用中,项目保存在服务器上;在 WordPress 插件中,则保存在本地。
更改相机、背景、灯光或匹配后,请更新相应图层并在保存前检查效果。从 Designer 下载 PNG 会生成当前设计的图片;如需继续编辑生成器,应保存模型项目。
准备好的生成器会成为模型工作流程的一部分。设计过程中,您可以使用预设视角和当前的个性化内容。
在 Product Designer 中打开 Mockup。在样机生成器窗口中选择正面、侧面或背面的缩略图。预览会使用当前设计的图案和颜色。相机、灯光和背景需要提前在模型生成器的 Mockup 模式中设置。

选择视角和图像尺寸:缩略图 256、小图 512、中图 1024 或大图 2048 px。该数值表示长边尺寸,宽高比由生成器决定。“下载图像”会将当前选定的视角保存为 PNG。
WordPress + WooCommerce 插件使用本地项目及其关联的模型修订版本。对于具备可用样机生成器的产品,应用会在将设计加入购物车时创建个性化图片。文件保存后,插件会在购物车和订单的对应商品项中显示这些图片。
样机图展示产品外观,包括完成的图案、产品形状、阴影和背景。可用于商品展示、目录,或向客户展示个性化效果。
生产所需的印刷区域文件应在打印管理器中准备。对于图案覆盖产品多个部件的 AOP 设计,同样如此。生产文件的设置和下载详见“印刷就绪文件”指南。
测试多种印花和产品颜色。用简单图案准备的生成器,还应能正确显示小字、靠近边缘的图案以及较大面积的 AOP 印花。
按照您或客户之后实际使用的流程操作一遍。
从与问题相关的阶段入手。并非每项修正都需要重新设置整个场景。
| 看到的现象 | 需要检查的内容 |
|---|---|
| 印花超出产品,或在领口处消失 | 映射中的部件轮廓、贝塞尔控制柄和印花蒙版设置。修正后重新计算所需图层。 |
| 网格或字母被过度拉伸 | 模型与照片的匹配,以及对应部件的映射。应先修正形状,不要用过于柔和的边缘掩盖问题。 |
| 图案太暗或过亮 | 阴影和高光图层设置。对于 3D 构图,还应检查曝光和场景灯光。 |
| 更改背景后仍显示旧图像 | 使用相应生成命令更新基础图像并保存项目。选择背景只会改变场景,不会替换之前生成的图像。 |
| ZIP 包中没有侧面或背面 | 配色包仅针对当前所选视角。请选择下一张缩略图,并下载产品该角度的图片。 |
| 没有全部颜色打包选项,或只下载一张 PNG | 检查材质、印刷工艺和尺寸对应的匹配预设数量,至少需要两个。 |
| 购物车显示标准产品照片 | 检查设计所用模型修订版本能否访问已保存的生成器及其资源,并确认样机图已成功保存。 |