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