快速入門: 基本範本 quick-start-template-basics

範本基本概念是動態建立且可定址的分層影像檔案,例如Adobe Photoshop等影像編輯應用程式中的分層檔案。 與包含圖層的靜態檔案 (如 PSD 檔案) 不同,範本可以包括參數。透過各種參數,影像的不同方面都可以定址及自訂。

範本可以包含任何數目的影像圖層和文字圖層。您可以將包含圖層的靜態檔案(例如圖層PSD檔案)轉換為範本,並在Adobe Dynamic Media Classic中建立範本。 您可以使用上傳至Adobe Dynamic Media Classic的字型,在範本中建立文字圖層。 將文字新增至範本後,您可以變更文字齊行、字型、字型大小及顏色來格式化文字。

您可以在「引數」頁面將範本的任何方面轉換為可定址引數。 這樣做時,您可以變更要使用哪個圖層影像,或要在範本中使用的文字值。 這些參數是透過 URL 字串傳遞的,因此可以透過變更任何參數,動態自訂從影像伺服器產生的回覆影像。

另請參閱 範本基本需知 訓練影片。

本快速入門旨在協助您快速啟動並運用範本基本知識。

1.上傳檔案

首先請為範本上載 PSD 檔案或影像檔案。除了PSD之外,Adobe Dynamic Media Classic還支援許多影像檔案格式,但建議範本使用不失真TIFF和PNG影像,因為它們允許透明度。

如果您使用PSD檔案來建置範本,請選取 建立範本上載工作選項 PSD對話方塊。 同時選擇 圖層命名 選項,讓Adobe Dynamic Media Classic知道如何將PSD圖層上傳至Adobe Dynamic Media Classic時為其命名。

如果您使用影像檔案,您可以裁切影像,也可以在上傳影像時,從影像中的剪裁路徑建立遮色片。

在全域導覽列上,選取 上傳 將PSD檔案或其他影像檔案從電腦上傳至Adobe Dynamic Media Classic上的資料夾。 另請參閱 上傳範本檔案.

2.建立範本

若要從PSD檔案建立範本,請選取 建立範本 上傳檔案時。 若要從影像建立範本,請在全域導覽列上,前往 建置 > 範本基本需知,輸入畫布的寬度和高度測量值。 在頁面的右上角附近,選取 設計工具開發人員,並將影像拖曳至「範本」頁面。 您也可以選取影像 早於 您前往 建置 > 範本基本需知. 「範本」頁面提供下列工具:

  • 增加影像圖層。若要新增圖層,請將影像拖曳至「範本」頁面。
  • 增加文字圖層。選取 文字工具 圖示。 拖曳指標以建立文字圖層的方塊;然後使用「文字」頁面上的工具來格式化文字。
  • 變更圖層大小和位置。
  • 變更圖層順序。
  • 將陰影和光暈效果套用於影像圖層和文字圖層。

另請參閱 建立範本.

3.建立範本引數

接下來是將圖層屬性參數化,從而確定 URL 字串中包含哪些圖層屬性。您可以透過這些參數盡可能靈活地使用範本。圖層屬性參數化之後,可以動態進行變更。

若要將圖層引數化,請在「範本」頁面中開啟範本,然後選取 引數 位於圖層名稱旁。 在「引數」頁面上,選取您想要新增的每個引數旁的選項。 另請參閱 建立範本引數.

4.發佈範本

發佈範本時會將其置於Dynamic Media影像伺服器上,以便動態傳送至您的網站或應用程式。 發佈也會啟用URL,以將範本從Dynamic Media影像伺服器呼叫至您的網站或應用程式。

請確保發佈與範本相關的所有影像。

若要發佈範本,請將其標籤為發佈,然後在全域導覽列上,選取 發佈. 然後選取 提交發佈. 另請參閱 發佈範本.

5.將範本連結至網頁

Dynamic Media Classic會為範本建立URL,並在您將範本發佈至Dynamic Media影像伺服器時啟用URL。 您可以從「範本預覽」頁面複製這些URL字串。

在「瀏覽」面板中選取您的範本,然後選取 預覽 以開啟「範本預覽」頁面。 選擇影像預設集來傳遞範本,然後選取 複製URL. 從「預覽」頁面複製URL後,即可在您的網站或應用程式中使用。 請參閱將範本連結到網頁

recommendation-more-help
ba789e76-bace-4e0e-bd26-52691fb2cb26