创建模板

要创建模板,请单击“构建”>“模板基础”。选择“设计器”或“开发者”。在此页面上,您可以添加图像图层和文本图层。还可以将图层重新排序、更改图层的大小和位置,并将阴影和发光效果应用于图像和文本。

注意

如果您编辑在Dynamic Media Classic的早期版本中创建的模板,则在保存时可能会收到提示,询问“是否要添加画布图层?” 请选择“否”以避免添加新的基本图层。如果不小心选择了“是”,则请删除 URL 中的“&allowCanvasPrompt”和“&layer=0”修饰符,然后按“Enter”或“Return”键。

创建初始模板

在创建模板集时,“保存后发布”选项按以下方式影响集和集成员:

是否在保存之前选择了“保存后发布”选项? 保存后的集状态 保存后的集成员状态
已发布 已发布
未发布 集成员保持其已发布或未发布状态。

另请参阅手动发布资源手动取消发布资源

您可以通过现有模板创建一个模板。打开该模板,单击“另存为”,然后在“另存为”对话框中输入新名称。

创建初始模板集

  1. 要创建模板,请使用以下方法之一:

    首先选择PSD或图像。在 浏览面板中,选择要用于模板的PSD文件或图像,然后单击构建>模板基础。

    开始从“模板”屏幕 单击“构建”>“模板基础”。选择“设计器”或“开发者”。

  2. 在“输入画布大小”对话框中,输入模板的宽度和高度。

  3. 在“资源库”中选择一个文件夹,然后将模板所需的 PSD 文件或图像拖到“模板”屏幕上。

  4. 完成后,确保在页面右下角附近选择了“保存后发布”(默认)。

  5. 单击“保存”。

  6. 选择一个文件夹以存储模板,输入该模板的名称,然后单击“提交”。

    Dynamic Media Classic会根据需要收缩图像以使其适合画布,画布是用于定义模板的“模板”屏幕上的区域。

编辑模板集

根据是编辑已发布的模板集还是未发布的模板集,“保存后发布”选项按以下方式影响集和集成员:

是否已发布集? 是否在保存编辑内容之前选择了“保存后发布”选项? 保存后的集状态 保存后的集成员状态
已发布 已发布
已发布 现有集成员将保留其已发布状态。您在编辑过程中添加的任何新集成员将保留其已发布或未发布状态。
已发布 已发布
未发布 现有的集成员以及在编辑期间添加的任何新的集成员保持其已发布或未发布状态。

另请参阅手动发布资源手动取消发布资源

编辑模板集

  1. 在网格视图中,浏览到一个模板集,然后单击图像下面的“编辑”。
  2. 根据需要,对该模板进行更改。
  3. 在完成编辑后,确保在页面右下角附近选择了“保存后发布”(默认)。
  4. 单击“保存”,选择一个存储文件夹,输入该集的名称,然后单击“保存”。

删除模板

在删除模板集时,集本身将移到垃圾桶中。不过,集中的成员(或“子项”)不受影响;它们分别保持现有的已发布或未发布状态。

另请参阅手动发布资源手动取消发布资源

删除模板集

  1. 在网格视图、列表视图或详细信息视图中,选择一个或多个模板。
  2. 在全局导航栏上,单击“文件”>“删除”>“删除”。

了解“模板”屏幕

“模板”屏幕提供了用于处理和参数化图层的工具。

使用“模板”屏幕上的以下工具创建模板:

平移 工具允许您选择图层、在画布周围移动它们、调整它们的大小或旋转它们。

文本 工具创建文本图层。拖到画布上以创建文本图层,然后在图层中输入文本。请参阅创建文本图层。

预览 按钮打开预览屏幕并在缩放查看器中显示模板。可以显示模板在网站或应用程序上向用户所显示的效果。

“参数摘要” 按钮打开“参数摘要”屏幕。可以显示模板中每个图层的名称,以及每个图层上已激活的参数名称。

文本编辑器v4.3和文本编辑器v4.2 您可以选择使用最新且功能最全面的文本编辑器、文本编辑器v4.3或之前的文本编辑器v4.2。创建新模板时,默认情况下会选择文本编辑器v4.3。编辑较旧的模板时,默认选择 Text Editor v4.2。Text Editor v4.3 目前不支持自动换行,因此,在编辑使用自动换行的旧模板时,请使用 Text Editor v4.2 保持模板的保真度完整。如果旧模板未使用自动换行,则可以选择 Text Editor v4.3 来充分利用它所提供的许多新增功能,例如增加边距、减少边距、将文本设置为全部大写及根据文本大小复制。

注意​:文本编辑器v4.2最终将作为Dynamic Media Classic中的一个选项删除,因此建议您尽可能使用文本编辑器4.3。“自动换行”选项将合并到 Text Editor 以后的发行版中。

设计人员和开 发人员选择最能描述您角色的选项。

布定义用于定义模板的总可用区域(以像素为单位)。默认大小是 300 x 300 像素。图层放置在画布上。

图层 列表列出模板中图层的名称。要选择一个图层,请在“图层”列表中选择其名称。“图层”列表提供了一系列工具,可用于向图层中添加效果、删除图层、将图层重新排序及参数化图层。请参阅使用图层。

图层属 性区域提供用于更改图层的背景颜色、不透明度、大小和位置以及画布的背景颜色、不透明度和大小的工具。还可以调整阴影和发光效果。请参阅使用图层。

创建图像图层

  1. 将图像从资源库中拖到画布上。

    图像的 ID 名称将显示在“图层”列表中。

注意

在您创建图像图层时,Dynamic Media Classic会根据需要收缩图像,使其适合画布。

创建文本图层

  1. 单击“文本”工具。

  2. 拖动该工具以在画布或图像上创建文本框。

  3. 在打开的“文本”屏幕中,通过在“预览”选项卡上执行以下任意操作来添加文本:

    • 在文本框中键入文本。选择“根据文本大小复制”使文本适合文本框大小。
    • 将文本从剪贴板粘贴到文本框中。
  4. 单击“应用”,然后关闭“文本”屏幕。

设置文本格式

请按照以下步骤设置文本图层中的文本格式:

  1. 在“图层”列表中,双击要编辑其文本的文本框名称。将打开“文本编辑器”。

  2. 在文本框中,选择要设置格式的文本。可以选择所有文本、部分文本或个别字符。

  3. 指定以下任意格式设置选项,然后单击“应用”。

    体在“字体”菜单上选择一种字体。如果菜单中未显示所需的字体,则可以将其上传到Dynamic Media Classic。 请参阅字体。

    体大小从菜单中选择一种字体大小,在框中键入特定大小,或单击向上或向下箭头将大小增加或减小两点。

    色单击可选择文本颜色。

    粗体、斜体或 下划线选择文本,然后单击要应用于文本的格式类型的图标。

    全部上限、上标或下 标选择文本,然后单击要应用于文本的格式类型的图标。

    齐选择“对齐”按钮,使文本图层中的文本左对齐、居中对齐或右对齐。

    TrackingType 或选择一个数值,通过它调整单词之间的间距。

    距微调类型或选择一个数值,通过它调整字符间的间距。

    行间 距类型或选择一个数值,通过它调整行间的间距。

    线ShiftType或选择一个数值,通过它将选定字符相对于周围文本的基线上下移动。手动设置分数字或调整随文图形的位置时,该选项特别有用。

注意

单击“撤消”可撤销您的上一次操作。如果单击“撤消”后要取消撤销操作,请单击“重做”。

设置段落格式

  1. 在“图层”列表中,双击要编辑其文本的文本框名称。将打开“文本编辑器”。

  2. 选择要设置格式的段落。

  3. 指定以下任意格式设置选项,然后单击“应用”。

    齐单击可指定对齐类型:左对齐、居中对齐、右对齐或两端对齐。

    段落两端对 齐单击可指定段落中最后一行对齐的类型:最后一行左对齐;最后一行对中;最后一行右对齐。

    行间 距类型或选择一个数值,通过该值调整段落中所有行之间的间距。

    进全部单击可增加文本的缩进量。

    删除 缩进单击可减小文本的缩进量。

    首行缩 进指定首行文本的缩进量。

    段前 间距指定要在段落中第一行文本上方显示的间距量。

    段后 间距指定要在段落最后一行文本下方显示的间距量。

    垂直 对齐选择您希望文本垂直显示在文本框中的位置:上、中、下。

    本方向选择要显示文本的方向:从右至左或从左至右。

调整文本图层属性

  1. 在“模板基础”屏幕中,选择要调整的文本框。

  2. 在“图层属性”面板中,选择以下任意项:

    收缩文本(仅限文本编辑器v4.2)选 择此项可缩小文本以适合文本框。

    自动换行(仅限文本编辑器v4.2) 选择一个自动换行选项,指定文本是否换行或如何换行:

    排文本以适合水平过小的文本框。

    绕排当文本框水平过小时不绕排文本,而是切掉部分文本。

    NB绕排 (不间断绕排)将文本绕排到文本框中,而不会断字。

    置指定画布上文本框的位置。

    ​Padding添加边距或裁切图层矩形。指定要在左侧、顶部、底部和右侧添加或删除的像素数。输入正数可添加边距;输入负数则进行裁切。

查看及编辑文本源代码

“文本编辑器”的“源代码”选项卡中提供的信息可供您参考。如果您可熟练编辑源代码,请仅编辑文本。

  1. 在“图层”列表中,双击要编辑其文本的文本框名称。将打开“文本编辑器”。

  2. 单击“文本编辑器”中的“源代码”选项卡可显示文本的源代码。

  3. 根据需要查看或编辑文本。

    在“预览”视图和“源代码”视图之间进行切换时,所做的更改将保持不变。

  4. 单击“应用”以渲染所做的编辑。

使用图层

使用“图层”列表和“图层属性”区域来使用图层。您可以将图层重新排序、更改图层大小和位置、旋转图层及确定图层的背景颜色、前景颜色、不透明度和混合模式。

还可以更改画布的大小、选择画布的背景颜色,以及更改其不透明度设置。

将图层重新排序

更改图层顺序会影响外观,尤其是在涉及透明度或叠印时。请确保在确认您的更改之前先预览显示效果。

  1. 使用以下技术之一将模板中的图层重新排序:

    • 在“图层”列表中选择图层。然后根据需要单击“向上”或“向下”按钮,使图层位于列表中恰当的位置。
    • 在“图层”列表中向上或向下拖动图层。

更改图层和画布的大小及位置

图层必须足够小以适合画布大小。您可以手动或通过输入尺寸来更改图层或画布的大小。您可以手动或通过输入偏移量来更改图层的位置。此外,也可以旋转图层。

注意

Dynamic Media Classic建议创建与模板大小相同的图像预设。 图像预设大小与模板大小相匹配可确保模板的最终输出大小及锐化选项设置正确。创建此图像预设之后,可以从“模板预览”屏幕上的“应用预设”菜单中进行选择。此屏幕将显示图像从服务器发送后显示的效果。请参阅设置图像预设

更改图层大小

要更改图层或画布的大小,请在“图层”列表上选择图层或画布并且使用以下技术之一:

手动更改 大小选择并拖动图层或画布的一个角。对于文本图层,也可以拖动图层的一边。拖动时,按住 Shift 键,以更改大小,但保持高宽比(形状)不变。

输入图层大 小测量 — 在“图层属性”区域的“W(宽度)”和“H(高度)”文本框中输入像素测量。

除了更改图层的大小之外,还可以填充图层。要执行此操作,请在“图层属性”区域的“左”、“右”、“上”及“下”框中输入填充量。填充可向当前图层中添加边距,以便从它的基本图层周边进行偏移。如果添加投影或外发光效果且想要效果更加明显,则填充十分有用。填充可增加图层的大小,并在扩充、填充的区域中显示其背景颜色。基本图层会相对于图层的新大小重新定位。例如,如果当前图层位于基本图层的中心位置,则扩充该图层的左侧会使其向基本图层右侧移动。

更改图层的位置

要更改图层在画布上的位置,请在“图层”列表中选择其名称并使用以下技术之一:

手动更改 位置将指针移到图层边界附近,但不移到图层边界上,当您看到四向箭头光标时,单击并开始拖动。

输入位置偏移 测量在X和Y文本框中输入X和Y偏移测量。这些值表示锚点的 x、y 偏移量(以像素为单位)。

旋转图层

“旋转”框列出了图层旋转的角度。要旋转图层,请在“图层”列表中选择其名称并使用以下技术之一:

动旋转将光标移动到图层的某个角附近,但不移动。出现旋转光标后,拖动图层的角。要以 15 度为增量进行旋转,请在拖动时按住 Shift 键。

输入度 量输入旋转图层的度数。图层按顺时针方向旋转;要按逆时针方向旋转,请输入负数。

隐藏图层或图层效果

通过单击图层名称或效果名称旁的眼睛图标 ,可以隐藏图层或图层效果。隐藏的图层不会显示在预览或输出中。但图层信息并未从 URL 中删除。而是在 URL 中添加了“hide=1”,表示该图层当前在视图中已隐藏。例如:

layer=5&src=is{PortalCo/title}&pos=274,192&effect=-1&.effect=Drop Shadow&blendmode

layer=5&src=is{PortalCo/title}&pos=274,192&hide=1&effect=-1&.effect=Drop Shadow&blendmode

确定背景颜色、不透明度和混合模式

要为图层或画布选择背景颜色、不透明度和混合模式,请选择图层或画布并使用以下技术:

景色单击“前景色”按钮并选择一个色板以更改阴影或发光的颜色。也可以在框中输入颜色值参数。背景颜色仅适用于使用了透明度的图层。例如,它适用于价格标签中的部分透明图层或文本字段的背景。包含启用了透明度的 PSD、TIFF 或 PNG 图像的图层可以使用透明背景。

景颜色单击“背景颜色”按钮并选择一个色板以更改填充区域的颜色。

不透 明度拖动“不透明度”滑块可使任何图层变为半透明,以便底层图像的一部分显示透明。100% 设置表示完全不透明;0 设置则表示透明。

混合 模式选择一个选项以模拟Photoshop中可用的一种混合模式。选项包括“正常”、“溶解”、“变亮”、“变暗”、“色彩增值”和“网屏”。这些选项可用于图层,但不可用于画布。

对图层使用阴影和发光效果

您可以将阴影或发光效果应用于图层。将阴影或发光应用于图层的周边并向内或向外扩展,具体取决于您选择的阴影或发光选项。如果您的模板是使用具有阴影和发光效果的PSD文件生成的,则可以在Dynamic Media Classic中调整这些效果。

应用阴影或发光效果之后,您可以在“模板”屏幕的“图层属性”区域调整其大小、颜色、不透明度和位置。

将阴影或发光效果应用于图层

要应用阴影或发光效果:

  1. 在“图层”列表中选择图层。

  2. 选择“添加效果”菜单并选择以下选项:

    影向图层的底侧和右侧应用阴影。

    内阴 影在图层的所有边缘内应用阴影效果。

    外发 光在图层的所有边缘周围应用发光效果。

    内发 光在图层的所有边缘内应用发光效果。

应用效果之后,效果名称会显示在“图层”列表上。要删除效果,请在“图层”列表上选择其名称,然后选择“删除”按钮。

注意

如果底层图层太小而无法显示投影或外发光效果,则有时这些效果无法显示。如果阴影或发光效果无法显示,可以考虑为图层添加填充值或将图层重新排序。请参阅更改图层和画布的大小及位置将图层重新排序

调整阴影或发光效果

要调整阴影或发光效果,请先在“图层”列表中选择其名称。然后在“模板”屏幕的“图层属性”区域中更改其设置:

色选择“颜色”按钮,然后选择一个色板以更改阴影或发光的颜色。也可以在框中输入颜色值参数。

透明度拖动滑块可确定效果的强度。不透明效果越少即越透明。

混合模 式选择一个选项,以模拟Photoshop中可用的一种混合模式。选项包括“正常”、“溶解”、“变亮”、“变暗”、“色彩增值”和“网屏”。

小在X和Y框中输入测量,以放大或缩小阴影效果。“大小”选项仅适用于内阴影和投影。

大拖动滑块可向内或向外扩展效果。

糊拖动滑块可控制效果边缘的羽化。效果越模糊即表示羽化效果越强烈。

图层蒙版

“图层”列表中提供的“蒙版”按钮,可以用于指定图层的蒙版或 Alpha 通道的使用方式。使用“蒙版”按钮,可以将背景图层的效果应用于模板中的特定图层或整个父图层。在“图层”列表中选择图层,然后选择“蒙版”按钮 在以下状态中循环切换:

  • 图层的背景是不透明的。
  • 图层内容已反转,且图层背景被填充为纯黑色。
  • 图层背景被填充为纯黑色。

在此页面上

Adobe Summit Banner

A virtual event April 27-28.

Expand your skills and get inspired.

Register for free
Adobe Summit Banner

A virtual event April 27-28.

Expand your skills and get inspired.

Register for free
Adobe Maker Awards Banner

Time to shine!

Apply now for the 2021 Adobe Experience Maker Awards.

Apply now
Adobe Maker Awards Banner

Time to shine!

Apply now for the 2021 Adobe Experience Maker Awards.

Apply now