创建模板

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

注意

如果您编辑在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 保持模板的保真度完整。如果旧版模板不使用换行,您可以选择“文本编辑器4.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。 请参阅字体。

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

    • 颜色 — 单击可选择文本的颜色。

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

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

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

    • 字距 — 键入或选择一个数值,通过它调整单词之间的间距。

    • 字距 — 键入或选择一个数值,通过它调整字符间的间距。

    • 行间距 — 键入或选择一个数值,通过它调整行间的间距。

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

注意

单击​撤消​以撤消您的上一个操作。 单击​撤消​后,如果您改变了撤消操作的想法,请单击​重做

设置段落格式

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

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

  3. 指定任何这些格式选项,然后单击​应用

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

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

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

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

    • 删除缩进 — 单击可减少文本的缩进量。

    • 缩进首行 — 指定要缩进首行文本的量。

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

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

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

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

调整文本图层属性

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

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

    • 收缩文本(仅限文本编辑器v4.2 ) — 要适合文本框,请选择以收缩文本。

    • 文字绕排(仅限文本编辑器v4.2 ) — 要指定文本是否换行或如何换行,请选择一个换行选项:

    • 绕排 — 将文本绕排到水平过小的文本框中。

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

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

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

    • 填充 — 添加边距或裁切图层矩形。指定要在左侧、顶部、底部和右侧添加或删除的像素数。输入正数以添加边距或负数进行裁剪。

查看及编辑文本源代码

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

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

  2. 要显示文本的源代码,请单击文本编辑器中的​​选项卡。

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

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

  4. 单击​应用​以渲染编辑。

使用图层

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

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

将图层重新排序

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

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

    • 在“图层”列表中选择图层。然后,根据需要多次单击​向上​或​向下,将其置于列表中的正确位置。
    • 在“图层”列表中向上或向下拖动图层。

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

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

注意

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

  • 更改图层的大小 — 要更改图层或画布的大小,请在“图层”列表中选择图层或画布,然后使用下列方法之一:

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

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

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

  • 更改图层的位置 — 要更改画布上图层的位置,请在“图层”列表中选择其名称,然后使用下列方法之一:

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

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

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

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

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

隐藏图层或图层效果:

通过单击图层名称或效果名称旁的眼睛图标 ,可以隐藏图层或图层效果。隐藏的图层不会显示在预览或输出中。但图层信息并未从 URL 中删除。而是将hide=1添加到URL中,以便注意图层已隐藏,无法视图。 例如:

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 通道的使用方式。使用“蒙版”按钮,可以将背景图层的效果应用于模板中的特定图层或整个父图层。在“图层”列表中选择一个图层,然后单击​蒙版​以循环查看这些状态:

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

在此页面上