添加应用并选择目录或细分受众群后,您将进入“模板构建器”编辑器,可以开始创建模板。
1. 了解主要术语
在创建设计之前,以下是您需要了解的主要术语:
| 术语 | 含义 |
|---|---|
| 模板 | 完整的设计,包含一个或多个布局。 |
| 布局 | 模板的一种格式,具有自己的画布尺寸。一个模板可以包含多个布局,例如一个方形版本和一个横向版本。 |
| 图层 | 放置在画布上的元素,例如文本、图片或形状。 |
| 变量 | 其值可以在生成视觉素材时发生变化的元素,例如产品名称、价格或产品图片。 |
内容共享,几何属性不共享
图层属于模板,几何属性属于布局。添加一次文本图层后,它会存在于每个布局中;移动它时,只有您当前操作的布局会发生变化。
编辑器分为三个主要区域:
- 左侧面板:访问布局、图层和变量。
- 画布:您正在设计的视觉素材,具有特定尺寸。
-
属性面板(右侧):所选布局或图层的设置。
2. 添加第一个布局
首次进入“模板构建器”编辑器时,会打开一个窗口,让您设置第一个布局:
- 名称:为布局设置名称(3 到 32 个字符)。
- 画布尺寸:选择预设尺寸之一(Instagram 帖子、横向横幅等),或使用宽度和高度字段设置自定义尺寸。点击锁定图标即可锁定宽高比。
- 颜色:选择布局的背景颜色。您可以使用吸管工具从屏幕上拾取颜色。
点击“添加”以开始使用此布局。
3. 添加图层
您添加到画布中的每个元素都是一个图层。
其中一些图层会保持静态(徽标、促销文本),而另一些图层在添加变量后会变为动态,从目录中使用产品信息(图片、价格等)。
使用画布下方的工具栏添加新图层:文本、图片或形状。
如果您有多个布局,每个图层都会添加到所有布局中,但不会根据布局进行缩放。您需要重新定位图层,使其适应每个画布。
3.1 常用属性
您可以点击画布上的图层,或在图层面板中选择图层。
拖动图层即可调整其位置。在右侧属性面板的“变换”中,您还可以调整:
- X / Y:图层的位置。
- 宽度 / 高度:图层的尺寸。
- 不透明度:图层的透明程度。
- 旋转:图层的角度。
要更改元素的顺序,请在左侧图层面板中向上或向下拖动图层。位于顶部的图层会显示在其他图层的前面。
提示:请为图层重命名,尤其是在包含许多元素的模板中。例如:产品图片、产品名称、价格、徽标。
将鼠标悬停在图层面板中的一行上即可打开菜单并重命名。您还可以复制、隐藏或删除图层。
3.2 文本图层
添加新的文本图层,或双击现有文本图层。在“编辑文本”窗口中,您可以输入文本,并使用工具栏进行格式设置。点击“应用”。
在属性面板中,您可以更改字号、样式、颜色、字间距及其他文本设置。
段落设置可让您控制文本在其文本框中的显示方式:
| 水平 / 垂直 | 控制文本对齐方式。 |
| 字间距 | 调整字符之间的间距,单位为像素。 |
| 基线偏移 | 将文本从其基线上移或下移。 |
| 行高 | 控制行与行之间的间距。 |
| 自动换行 | “断词”允许文本换成多行;“无”则使文本保持在一行。 |
| 缩小以适应 | 当文本过长而无法放入文本框时,按百分比缩小文本字号。 |
| 文本溢出 | 决定文本是否被裁剪,或是否允许延伸到文本框外。“裁剪”会截去超出文本框边缘的内容;“可见”则允许内容溢出。 |
这些设置对于产品名称尤其有用,因为不同产品的名称长度可能不同。
您还可以仅选择句子的一部分并为其设置不同的格式。例如,可以用不同的颜色显示促销词语。
注意:如“变量”部分所述,文本的一部分或全部内容可以动态获取产品信息。
想使用自己的字体?
模板构建器默认包含 Roboto。您也可以导入自己的字体:
- 选择一个文本图层
- 在属性面板中,点击“字体” > “+ 上传字体”
- 上传您的 .ttf 字体文件。
- 检查检测到的字体系列、字重和样式。
- 点击导入。
每种字体变体(例如常规、中等、粗体或斜体)都必须作为单独的文件导入。
3.3 图片图层
您需要先上传图片,图片才会显示在资源选择器中。添加新的图片图层,点击“上传”,然后从计算机中选择图片。
在“资源”中选择要用于此新图层的图片。图片会添加到画布中央。
选择图片图层后,属性面板中的“来源”部分可以让您选择或替换图片。
在“图片” > “调整大小”下,您可以选择图片填充其文本框的方式:
- 适应:显示完整图片且不改变其比例。
- 裁剪:在保持比例的同时填充文本框,并裁剪掉无法适应的部分。
- 覆盖:拉伸图片,使其完全填充文本框。
使用“裁剪”或“适应”时,可以使用“焦点区域”网格决定应保留图片的哪个部分,或决定图片在文本框中的位置。
注意:如“变量”部分所述,系统可以为每个产品从目录中动态获取图片。
3.4 形状图层
形状可用于背景、徽章、折扣标签、按钮或彩色区块。
添加一个新的形状图层,选择直线、椭圆或多边形,然后在画布上绘制形状。
选择形状图层后,属性面板中的“形状”部分可以让您对其进行自定义。
某些属性仅适用于多边形和/或椭圆。
| 类型 | 在直线、椭圆和多边形之间切换。 |
| 边数 | 设置边数,范围为 3 到 10。三条边为三角形,八条边为八边形,以此类推。 |
| 圆角半径 | 设置圆角大小,单位为像素。 |
| 填充 | 设置内部颜色。选择透明色块可使形状不填充。 |
| 填充不透明度 | 设置填充不透明度,范围为 0% 到 100%。 |
| 描边 | 设置轮廓颜色。 |
| 粗细 | 设置轮廓宽度,单位为像素。值为 0 时会移除轮廓。 |
| 描边位置 | 决定轮廓位于形状边缘的内部、中间还是外部。 |
如果想要在形状中添加文本(椭圆或多边形),请双击形状。
属性面板中提供与文本图层相同的设置。
4. 配置变量以添加动态内容
这是创建可重复使用的营销活动视觉素材的关键步骤。
变量是您在模板中留出的一个值,可以在生成视觉素材时被替换。
例如,您可以创建一个价格变量,从目录中获取每个产品的价格字段,而不是输入固定价格(例如 49.99 欧元)。
同样,您可以创建一个图片变量,从目录中获取每个产品的图片字段,而不是使用一张固定的产品图片。
变量可用于图片图层或文本图层。
创建变量有两种方式:
-
从图层面板创建:
- 在图层面板中,将鼠标悬停在图层上以打开其菜单。
- 点击“添加变量”。
- 为变量设置一个清晰的名称。
- 选择来源类型“自定义元数据”。
- 在“元数据字段”中,选择要获取的目录字段。
- 设置默认值,为缺失数据提供备用值。
- 点击“创建”。
-
从文本编辑器创建:
- 双击文本图层。
- 选择需要更改的文本部分。
- 点击“(x) 变量”以打开变量菜单。
- 点击“+ 创建新变量”。
- 为变量设置一个清晰的名称。
- 选择类型“文本占位符”
- 选择来源类型“自定义元数据”。
- 在“元数据字段”中,选择要获取的目录字段。
- 设置默认值,为缺失数据提供备用值。
- 点击“创建并插入”。
例如,您可以创建一个包含以下内容的文本图层:
“探索我们的 [产品名称] – 现价 [价格]”
其中“产品名称”和“价格”是从文本编辑器中添加的变量。当您在 AI 图片营销活动中生成视觉素材时,这些变量可以与相关目录数据关联。
您可以在左侧面板的“变量”菜单中编辑或删除任何变量。点击变量名称,在属性面板中打开其设置。
5. 添加其他布局
您无需创建单独的模板,即可在多个适合您需求的格式中重复使用同一设计(横幅、Facebook 帖子等)。
在左侧面板中,点击“布局”旁边的“+ 添加”。然后:
- 为新布局设置名称。
- 选择画布尺寸,或输入自定义宽度和高度。
- 选择背景颜色。
- 在“布局上的基础图层定位”下,选择要用作起点的布局。
- 点击“添加”。
现有图层会被复制到新布局中,其位置会按比例缩放,作为起点。
然后,您可以针对该格式重新定位或调整大小。
图层在布局之间共享,但其位置和大小针对每个布局单独设置。更改文本本身会使所有布局中的文本都发生变化;移动文本只会更改您当前正在编辑的布局。
6. 启动并监控视觉素材生成
分别检查每个布局,确保每个元素的位置都正确。
您可以在“变量”面板中确认动态元素是否关联到正确的目录字段,或者点击工具栏中的“显示变量标识符”将其可视化。
准备启动视觉素材生成时,点击“保存”和“确认”。所有布局会同时生成。
AI 操作确认:启动 AI 操作前,会出现确认弹窗。弹窗会显示您在当前月份已经执行的 AI 操作次数,以及继续操作后预计的总使用量。这样,您可以在确认前了解此操作将如何影响您的月度使用量。
我们建议首次生成视觉素材时,仅限于包含一个产品的细分受众群,满意结果后再扩展到更多产品。
视觉素材生成将作为异步操作开始。完成后,您会收到电子邮件通知。
评论
请登录写评论。