文件Dynamic Media Classic指南

建立範本

Last update: Sat Jul 20 2024 00:00:00 GMT+0000 (Coordinated Universal Time)

建立對象：

  • 經驗豐富
  • 使用者

若要建立範本，請前往​ 建置 > 範本基本知識。 選取「設計師」或「開發人員」。在此頁面上，可以增加影像圖層和文字圖層。還可以將圖層重新排序、變更圖層的大小和位置，並將陰影和光暈效果套用於影像和文字。

另請觀看基本範本訓練影片。

NOTE
如果您編輯在舊版Adobe Dynamic Media Classic中建立的範本，儲存時會出現提示，詢問您「是否要新增畫布圖層？」 選取​ 否 ​以避免新增基底圖層。 如果您不小心選取​ 是，請刪除URL中的&allowCanvasPrompt和&layer=0修飾元，然後按​ Enter ​或​ Return。

建立初始範本 creating-the-initial-template

當您建立範本集時，儲存​ 之後的 Publish選項會以下列方式影響該集和設定成員：

儲存前已選取儲存後​ Publish ​選項？
儲存後集的狀態
儲存後集成員的狀態
是
已發佈
已發佈
否
未發佈
集成員會保持已發佈或未發佈的狀態。

另請參閱手動發佈資產和手動取消發佈資產。

可以透過現有範本建立範本。開啟範本，選取​ 另存新檔，然後在「另存新檔」對話方塊中輸入新名稱。

若要建立初始範本：

  1. 若要建立初始範本，請使用下列其中一種方法：

    • 請先選取PSD或影像：在「瀏覽」面板中，選取您要用於範本的PSD檔案，移至​ 建置 > 範本基本知識。

    • 從範本畫面開始：移至​ 建置 > 範本基本知識。 選取「設計師」或「開發人員」。

  2. 在「輸入畫布大小」對話方塊中，輸入範本的寬度和高度測量值。

  3. 在「資產庫」中選取一個檔案夾，然後將範本所需的 PSD 檔案或影像拖曳到「範本」畫面上。

  4. 完成時（在頁面的右下角附近），請確定已選取​ 儲存Publish （預設）。

  5. 選取​ 儲存。

  6. 選取儲存範本的資料夾，輸入範本的名稱，然後選取​ 提交。

    Adobe Dynamic Media Classic會視需要縮小影像，以符合畫布大小（範本畫面上用於定義範本的區域）。

編輯範本集 editing-a-template-set

無論您是編輯已發佈集還是未發佈範本集，儲存​ 後所使用的 Publish選項都會影響該集和整合員，其方式如下：

已發佈集?
在儲存編輯內容之前，是否已選取儲存​ Publish ​選項？
儲存後集的狀態
儲存後集成員的狀態
是
是
已發佈
已發佈
是
否
已發佈
現有整合員會保留其已發佈狀態。 在編輯期間加入的任何新的集成員，會保持已發佈或未發佈的狀態。
否
是
已發佈
已發佈
否
否
未發佈
現有的集成員和在編輯期間加入的任何新的集成員，會保持已發佈或未發佈的狀態。

另請參閱手動發佈資產和手動取消發佈資產。

若要編輯範本集：

  1. 在格線檢視中，瀏覽至範本集，然後在影像下方選取​ 編輯。
  2. 視需要變更範本。
  3. 完成編輯時（在頁面的右下角附近），請確定已選取​ 儲存 ​後的Publish （預設）。
  4. 選取​ 儲存，選取儲存資料夾，輸入集合的名稱，然後選取​ 儲存。

刪除範本

刪除範本集時，該集本身會移至垃圾桶。 不過，該集內的成員（或「子系」）不受影響；相反地，它們各自保留其現有的已發佈或未發佈狀態。

另請參閱手動發佈資產和手動取消發佈資產。

若要刪除範本：

  1. 在格點檢視、清單檢視或詳細資訊檢視中，選取一或多個範本。
  2. 在全域導覽列上，移至​ 檔案 > 刪除 > 刪除。

瞭解「範本」畫面 understanding-the-template-screen

「範本」畫面提供了用於操作和參數化圖層的工具。

在「範本」畫面上使用這些工具，以便您建立範本：

  • 平移：可讓您選取圖層、在畫布周圍移動圖層、調整圖層大小或旋轉圖層。

  • 文字：建立文字圖層。 拖曳到畫布上以建立文字圖層，然後在圖層中輸入文字。請參閱建立文字圖層。

  • 預覽：開啟預覽畫面並在縮放檢視器中顯示範本。 您可以看到範本在您網站或應用程式上的使用者看起來的樣子。

  • 引數摘要 ​開啟[引數摘要]畫面。 可以顯示範本中每個圖層的名稱，以及每個圖層上已啟動的參數名稱。

  • 文字編輯器v4.3和文字編輯器v4.2：使用最新且功能最完整的文字編輯器。 您可以選擇使用文字編輯器v4.3，或之前的文字編輯器v4.2。建立範本時，預設會選取文字編輯器v4.3。 編輯較舊的範本時，預設選取 Text Editor v4.2。文字編輯器v4.3目前不支援自動換行，因此當編輯使用自動換行的舊版範本時，請使用文字編輯器v4.2保持範本的完整完整性。 如果您的舊版範本不使用自動換行，您可以選擇文字編輯器v4.3來使用它提供的許多新功能。 例如，增加邊界、減少邊界、將文字設定為「全部大寫字」，以及「複製符合大小文字」。

    note note
    NOTE
    文字編輯器v4.2預計要移除作為Adobe Dynamic Media Classic中的選項。 建議您儘可能使用文字編輯器4.3。 自動換行 ​選項將合併到文字編輯器的未來版本中。

  • Designer和開發人員：選取最能描述您角色的選項。

  • 畫布：定義定義範本的總可用區域（以畫素為單位）。 預設大小為300 × 300畫素。 圖層放置在畫布上。

  • 圖層清單：列出範本中的圖層名稱。 若要選取一個圖層，請在「圖層」清單中選取其名稱。「圖層」清單提供了一系列工具，可用於向圖層中增加效果、刪除圖層、將圖層重新排序及參數化圖層。請參閱使用圖層。

  • 圖層屬性區域：此區域提供變更圖層背景顏色、不透明度、大小和位置的工具。 您也可以變更畫布的背景顏色、不透明度和大小。 還可以調整陰影和光暈效果。請參閱使用圖層。

建立影像圖層 creating-image-layers

  1. 將影像從資產庫中拖曳到畫布上。

    影像的 ID 名稱將顯示在「圖層」清單中。

    note note
    NOTE
    如有必要，當您建立影像圖層時，Adobe Dynamic Media Classic會縮小影像以符合畫布大小。

建立文字圖層 creating-a-text-layer

  1. 選取​ 文字 ​工具。

  2. 拖曳該工具以在畫布或影像上建立文字方框。

  3. 在開啟的「文字」畫面中，在「預覽」標籤中執行下列任一動作來新增文字：

    • 在文字方框中鍵入文字。選擇「複製符合文字」使文字適合文字方框大小。
    • 將文字從剪貼簿貼上到文字方框中。

  4. 選取​ 套用，然後關閉[文字]畫面。

設定文字格式 format-text

若要設定文字圖層中的文字格式，請執行下列動作：

  1. 在「圖層」清單中，按兩下要編輯其文字的文字方框名稱。將開啟「文字編輯器」。

  2. 在「文字編輯器」的文字方塊中，選取要格式化的文字。 您可以選取所有文字、部分文字或個別字元。

  3. 指定下列任何格式選項，然後選取​ 套用。

    • 字型：在[字型]功能表上選擇字型。 如果您想要的字型未出現在功能表中，可以將其上傳至Adobe Dynamic Media Classic。 請參閱字型。

    • 字型大小：從功能表選擇字型大小、在方塊中輸入特定大小，或選取​ 向上 ​或​ 向下 ​箭頭以增加或減少大小兩點。

    • 色彩：選取以選擇文字的色彩。

    • 粗體、斜體 ​或​ 底線：選取文字，然後選取您要套用至文字的格式型別圖示。

    • 全部大寫字、上標 ​或​ 下標：選取文字，然後選取您要套用至文字的格式型別圖示。

    • 對齊方式：選擇「對齊方式」按鈕，在文字圖層中對齊文字左對齊、置中對齊或右對齊。

    • 字距調整：輸入或選取要用來調整字間間距的數值。

    • 字距微調：輸入或選取要用來調整字元間距的數值。

    • 行距：輸入或選取要用來調整行間間距的數值。

    • 基線位移：輸入或選取數值，將選取的字元相對於周圍文字的基線上下移動。 當您手動設定分數或調整內嵌圖形的位置時，此選項特別有用。

NOTE
若要回覆上一個動作，請選取​ 復原。 如果您在選取​ 復原 ​後改變回覆動作的想法，請選取​ 重做。

格式化段落 format-paragraphs

  1. 在「圖層」清單中，按兩下要編輯其文字的文字方框名稱。將開啟「文字編輯器」。

  2. 選取要格式化的段落。

  3. 指定下列任何格式選項，然後選取​ 套用。

    • 對齊方式：按一下​ 靠左對齊、靠中對齊、靠右對齊 ​或​ 靠左對齊 ​以指定對齊方式。

    • 段落結尾對齊：選取以指定段落中最後一行的對齊型別：最後一行靠左對齊；最後一行靠中對齊；最後一行靠右對齊。

    • 行距：輸入或選取數值，以調整段落中所有行的間距量。

    • 全部縮排：選取以增加文字的縮排量。

    • 移除縮排：選取此選項可減少文字的縮排量。

    • 首行縮排：指定您要縮排第一行文字的量。

    • 段落前間距：指定段落第一行文字上方要顯示的間距量。

    • 段後間距：指定段落中最後一行文字下方要顯示的間距。

    • 垂直對齊：選取文字方塊內文字垂直顯示的位置：上、中、下。

    • 文字方向：選取您要文字顯示的方向：從右至左或從左至右。

調整文字圖層屬性 adjust-text-layer-properties

  1. 在「基本範本」畫面中，選取要調整的文字方框。

  2. 在「圖層屬性」面板中，選取以下任何項:

    • 縮小文字（僅限文字編輯器v4.2）：選取此選項可縮小文字，使其符合文字方塊。

    • 自動換行（僅限文字編輯器v4.2）：若要指定文字是否換行，或如何換行，請選取自動換行選項：

    • 換行：將文字換行，以符合水準太小的文字方塊。

    • 不換行：當文字方塊水準太小時，不換行，而是剪下文字的一部分。

    • 不斷行換行：將文字換行，以符合文字方塊大小，而且不會斷字。

    • 位置：指定畫布上文字方塊的位置。

    • 內距：增加邊界或裁切圖層矩形。 指定您要新增或移除「左」、「上」、「下」和「右」的畫素數。 如果要將邊界或負數新增到裁切中，請輸入正數。

檢視及編輯文字原始碼 view-and-edit-text-source-code

文字編輯器的Source標籤中提供的資訊可供參考。 如果您可熟練編輯原始碼，請僅編輯文字。

  1. 在「圖層」清單中，按兩下要編輯其文字的文字方框名稱。將開啟「文字編輯器」。

  2. 在文字編輯器中，若要顯示文字的原始程式碼，請在文字編輯器中選取​ Source ​索引標籤。

  3. 根據需要檢視或編輯文字。

    在「預覽」檢視和「來源」檢視之間進行切換時，所做的變更將保持不變。

  4. 選取​ 套用 ​以轉譯編輯內容。

使用圖層 working-with-layers

使用「圖層」清單和「圖層屬性」區域來使用圖層。您可以將圖層重新排序、變更圖層大小和位置、旋轉圖層及確定圖層的背景色彩、前景色彩、不透明度和混合模式。

還可以變更畫布的大小、選擇畫布的背景色彩，以及變更其不透明度設定。

重新排序圖層 reordering-layers

變更圖層順序可能會影響外觀，尤其是在涉及透明度或疊印時。 請確保在確認變更之前先預覽顯示效果。

  1. 使用以下技術之一將範本中的圖層重新排序:

    • 在「圖層」清單中選取圖層。然後視需要多次選取​ 向上 ​或​ 向下，以將它放置在清單中的正確位置。
    • 在「圖層」清單中向上或向下拖曳圖層。

變更圖層和畫布的大小和位置 changing-the-size-and-position-of-layers-and-the-canvas

圖層必須夠小以適合畫布大小。您可以手動或透過輸入尺寸度量值來變更圖層或畫布的大小。您可以手動或透過輸入偏移量來變更圖層的位置。此外，也可以旋轉圖層。

NOTE
Adobe 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中可用的混合模式之一，請選擇一個選項。 選項包括「正常」、「溶解」、「變亮」、「變暗」、「色彩增值」和「螢幕」。這些選項可用於圖層，但不可用於畫布。

在圖層上使用陰影和光暈效果 using-shadow-and-glow-effects-on-layers

您可以將陰影或光暈效果套用於圖層。陰影或光暈會套用至圖層的周邊，並根據您選擇的陰影或光暈選項向內或向外延伸。 如果您的範本源自具有陰影和光暈效果的PSD檔案，您可以在Adobe Dynamic Media Classic中調整這些效果。

套用陰影或光暈效果之後，您可以在「範本」畫面的「圖層屬性」區域調整其大小、色彩、不透明度和位置。

將陰影或光暈效果套用至圖層 applying-a-shadow-or-glow-effect-to-a-layer

  1. 在「圖層」清單中選取圖層。

  2. 選取​ Add Effect ​功能表並選擇一個選項：

    • 陰影：在圖層的底部和右側套用陰影。

    • 內陰影：在圖層的全部邊緣套用陰影效果。

    • 外光暈：在圖層的所有邊緣套用光暈效果。

    • 內光暈：在圖層的全部邊緣套用光暈效果。

套用效果之後，效果名稱會顯示在「圖層」清單上。若要刪除效果，請在[圖層]清單中選取其名稱，然後選取[刪除]。​

NOTE
如果底層圖層不夠大，無法顯示投影或外光暈，您有時無法看到投影或外光暈的效果。 如果看不到陰影或光暈，請考慮將「內距」值加入圖層或重新排序圖層。 請參閱變更圖層和畫布的大小和位置和重新排序圖層。

調整陰影或光暈效果 adjusting-a-shadow-or-glow-effect

若要調整陰影或光暈效果，請先在「圖層」清單中選取其名稱。然後在「範本」畫面的「圖層屬性」區域中變更其設定:

  • 色彩：選取「色彩」按鈕，然後選擇色票來變更陰影或光暈的色彩。 也可以在方框中輸入色彩值參數。

  • 不透明度：拖曳滑桿以判斷效果有多強烈。 不透明效果越少即越透明。

  • 混合模式：若要模擬Photoshop中可用的混合模式之一，請選擇一個選項。 選項包括「正常」、「溶解」、「變亮」、「變暗」、「色彩增值」和「螢幕」。

  • 大小：在X和Y方塊中輸入測量值，以放大或縮小陰影效果。 「大小」選項僅適用於內陰影和投影。

  • 成長：拖曳滑桿，將效果向內或向外延伸。

  • 模糊：拖曳滑桿，控制效果邊緣的羽化。 效果越模糊即表示羽化效果越強烈。

遮色片圖層 masking-layers

「圖層」清單中提供的「遮色片」按鈕，可以用於指定圖層的遮色片或 Alpha 色版的使用方式。使用「遮色片」按鈕，可以將背景圖層的效果套用於範本中的特定圖層或整個父圖層。在「圖層」清單中選取圖層，並選取​ 遮色片 ​來循環這些狀態：

  • 圖層背景不透明。
  • 圖層內容已反轉，且圖層背景被填充為純黑色。
  • 圖層背景被填充為純黑色。
recommendation-more-help
ba789e76-bace-4e0e-bd26-52691fb2cb26