快速入門: 基本範本 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檔案建立範本,請在上傳檔案時選取​ 建立範本。 若要從影像建立範本,請在全域導覽列上,前往​ 建置 > 範本基本知識,輸入畫布的寬度和高度測量。 在頁面的右上角附近,選取​ Designer ​或​ Developer,然後將影像拖曳至[範本]頁面。 您也可以在​ 之前選取影像,並移至​ 建置>基本範本「範本」頁面提供下列工具:

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

請參閱建立範本

3.建立範本引數

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

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

4. Publish範本

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

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

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

5.將範本連結至網頁

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

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

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