基本範本簡介 basic-templates
在Dynamic Media Classic術語中,範本是可在範本發佈後透過URL動態變更的檔案。 Dynamic Media Classic提供基本範本、從影像伺服器呼叫的影像型範本,由影像和演算後的文字組成。
範本其中一個最強大的層面就是有直接的整合點,可讓您將其連結至資料庫。 因此,您不僅可以提供影像並調整其大小,還可以查詢資料庫以尋找新的或銷售專案,並讓它在影像上顯示為覆蓋圖。 您可以要求專案說明,並以您選擇的字型和版面配置作為標籤顯示。 可能性是無限的。
基本範本可以透過許多不同方式實作,從簡單到複雜。 例如:
- 基本銷售。 如果產品有免運費,則使用「免運費」等標籤。 這些標籤是由Photoshop中的商品團隊設定,且網頁會使用邏輯來知道何時將其套用至影像。
- 進階銷售。 每個範本都有多個變數,並可同時顯示多個選項。 使用資料庫、詳細目錄和業務規則來決定何時將產品顯示為「剛好加入」、「清除」或「已售出」。 也可在產品後面使用透明度,以不同的背景顯示,例如在不同房間中。 相同的範本和/或資產可能會在產品詳細資料頁面上重新利用,以在不同背景上顯示相同產品的較大或可縮放版本。
請務必瞭解,Dynamic Media Classic只提供這些範本式應用程式的視覺部分。 Dynamic Media Classic公司或其整合合作夥伴必須提供建立應用程式的商業規則、資料庫和開發技能。 沒有「內建」範本應用程式;設計人員在Dynamic Media Classic中設定範本,開發人員使用URL呼叫來變更範本中的變數。
在本教學課程的此區段結束時,您將知道如何:
- 將PhotoshopPSD上傳至Dynamic Media Classic,以用作範本的基礎。
- 建立包含影像圖層的簡單銷售「基本範本」。
- 新增文字圖層,並使用引數使其成為可變圖層。
- 建構範本URL,並透過網頁瀏覽器動態操控影像。
基本範本概觀
基本範本(或簡稱「範本」)的定義是URL可定址的分層影像。 最終結果是影像,但可透過URL變更。 它可包含像片、文字或圖形,亦可包含Dynamic Media Classic中任何PTIFF資產的組合。
範本最類似於PhotoshopPSD檔案,因為它們有類似的工作流程和類似功能。
- 兩者都是由像是棧疊的乙酸鹽片狀的圖層所組成。 您可以複合部分透明影像,並透過圖層的透明區域看見下面的圖層。
- 可以移動和旋轉圖層來重新定位內容,而且可以改變不透明度和混合模式,使內容部分透明。
- 您可以建立文字圖層。 品質可能會非常高,因為影像伺服器使用的文字引擎與Photoshop和Illustrator相同。
- 簡單圖層樣式可套用至每個圖層,以建立特殊效果,例如掉落陰影或光暈。
不過,不同於PhotoshopPSD,圖層可以完全動態化,並透過影像伺服器上的URL控制。
- 您可以將變數新增至所有範本屬性,以方便即時變更其構成。
- 稱為引數的變數可讓您僅公開您要變更的範本部分。
您只需要為每個會變化的圖層新增預留位置,而不必像在Photoshop中一樣將所有圖層放在單一檔案中,並加以顯示和隱藏(不過您也可以視需要這樣做)。
使用預留位置,您可以動態地將圖層的內容交換給其他已發佈的資產,且圖層會自動採用與其取代之圖層的相同屬性(例如大小和旋轉)。
由於基本範本通常在Photoshop中設計,但透過URL部署,因此範本專案需要結合設計和技術技能。 我們通常假設執行創意範本工作的人員是Photoshop設計人員,而實作範本的人員是網頁開發人員。 創意和開發團隊必須密切合作,才能讓範本成功。
根據應用程式的商業規則和需求,範本專案可能會相對簡單或極為複雜。 基本範本是從影像伺服器呼叫,但由於Dynamic Media Classic環境的彈性,您甚至可以將範本巢狀內嵌於其他範本中,讓您建立相當複雜的影像,而這些影像可以透過常用的變數連結。
建立基本範本
使用基本範本時,您通常會遵循下圖中的工作流程步驟。 如果您使用動態文字圖層,則以虛線標示的步驟為選用,並在下列指示中標示為「文字工作流程」。 如果不使用文字,請只遵循主路徑。
基本範本工作流程。
- 設計和建立您的資產。 大部分的使用者會在Adobe Photoshop中執行此動作。 設計符合您需求大小的資產 — 如果縮圖頁面的影像為200畫素,請將其設計為200畫素。 如果您需要放大顯示,請將其設計成約2000畫素的大小。 使用Photoshop (和/或Illustrator儲存為點陣圖)建立資產,並使用Dynamic Media Classic將零件組裝在一起、管理圖層及新增變數。
- 設計完圖形資產後,請將其上傳至Dynamic Media Classic。 建議您上傳整個分層PSD檔案,並讓Dynamic Media Classic使用PSD為每個層建立檔案,而非從上傳個別資產。 保留圖層 上傳選項(如需更多詳細資料,請參閱下文)。 文字工作流程:如果建立動態文字,請一併上傳字型。 動態文字是變數,並透過URL控制。 如果您的文字是靜態的或只有幾個短語不會變更(例如,標示為「New」或「Sale」的標籤,而非「X% Off」,其中X是可變數字),我們建議您在Photoshop中預先呈現文字,並上傳為點陣化圖層以做為影像。 這樣會更容易,而且您可以依照您想要的樣式來設定文字樣式。
- 使用「建立」功能表的「範本基本知識」編輯器在Dynamic Media Classic中建立範本,並新增影像圖層。 文字工作流程:在相同編輯器中建立文字圖層。 在Dynamic Media Classic中手動建立範本時,需要此步驟。 選擇符合您設計的畫布大小,將影像拖放至畫布上,並設定圖層屬性(大小、旋轉、不透明度等)。 您無法在範本上放置所有可能的圖層,而只會在每個影像圖層放一個預留位置。 文字工作流程:您可以使用「文字」工具建立文字圖層,類似於在Photoshop中建立文字圖層。 您可以使用Photoshop「文字」工具提供的相同選項,選擇字型和樣式。 另一個工作流程是上傳PSD並讓Dynamic Media Classic產生「自由」範本,甚至可以重新建立文字圖層。 稍後將對此進行更詳細的討論。
- 建立圖層後,請將引數(變數)新增至您要透過URL控制的任何圖層的任何屬性,包括圖層的來源(影像本身)。 文字工作流程:您也可以新增引數至文字圖層,以控制文字內容、圖層本身的大小和位置,以及所有格式選項,例如字型顏色、字型大小、水準追蹤等。
- 建立符合範本大小的影像預設集。 我們建議您這麼做,讓範本的呼叫始終是1:1大小,並且為任何調整大小以符合範本的大型影像圖層增加銳利化。 如果您要建置要縮放的範本,則不需要執行此步驟。
- 發佈、從Dynamic Media Classic預覽複製URL,然後在瀏覽器中測試。
準備您的範本資產並將其上傳到Dynamic Media Classic
將範本資產上傳至Dynamic Media Classic之前,您需要完成一些準備步驟。
準備PSD以進行上傳
將Photoshop檔案上傳至Dynamic Media Classic之前,請先簡化Photoshop中的圖層,使其更易於使用,並與影像伺服器有最大的相容性。 您的PSD檔案通常包含許多Dynamic Media Classic無法辨識的元素,最終可能還會出現許多難以管理的小片段。 請務必儲存主PSD的備份,以備稍後需要編輯原始檔案時使用。 您將上傳簡化的復本,而非主版。
-
將需要一起開啟/關閉的相關圖層合併/平面化為單一圖層,以簡化圖層結構。 例如,標籤「NEW」和藍色橫幅會合併為單一圖層,您只需按一下即可顯示或隱藏它們。
-
Dynamic Media Classic或「影像伺服器」不支援某些圖層型別和圖層效果,因此在上傳前必須先點陣化這些圖層型別和效果。 否則,效果可能會被忽略,或者圖層會被捨棄。 點陣化圖層意指將可編輯的圖層轉換為不可編輯的圖層。 若要點陣化圖層效果或文字圖層,請建立空白圖層,然後選取兩者,並使用合併 「圖層」>「合併圖層」 或CTRL + E/CMD + E。
- Dynamic Media Classic無法群組或連結圖層。 群組或連結集合中的所有圖層都會轉換成不再群組/連結的個別圖層。
- 上傳時,圖層遮色片會轉換為透明度。
- 不支援調整圖層,因此會捨棄調整圖層。
- 填色圖層(例如「純色」圖層)會點陣化。
- 「智慧型物件」圖層和向量圖層會在上傳時點陣化成一般影像,並套用及點陣化「智慧型濾鏡」。
- 除非您使用「擷取文字」選項,否則文字圖層也會點陣化 — 請參閱下方瞭解更多資訊。
- 會忽略大部分的圖層效果,僅支援少數混合模式。 如有疑問,請在Dynamic Media Classic中新增簡單效果(例如內部或陰影、內部或外部光暈),或使用空白圖層在Photoshop中合併並點陣化效果。
使用字型
如果您需要產生動態文字,也要上傳並發佈您的字型。 Dynamic Media Classic唯一包含的字型是Arial。
每家公司都有責任取得使用網路字型的授權 — 只要在電腦上安裝字型,您就無權在網路上進行商業使用,而未經許可使用字型時,您的公司可能會面臨字型發佈者的法律訴訟。 此外,授權條款也有所不同 — 例如,您可能需要針對列印與熒幕顯示分別使用授權。
Dynamic Media Classic支援標準OpenType(OTF)、TrueType (TTF)和Type 1 Postscript字型。 Mac — 僅支援手提箱字型、型別集合檔案、Windows系統字型及專屬機器字型(例如雕刻或刺繡機器使用的字型),您必須將其轉換成一種標準字型格式,或取代類似字型以用於Dynamic Media Classic和「影像伺服器」。
字型像任何其他資產一樣上傳到Dynamic Media Classic後,也必須發佈到影像伺服器。 一個很常見的範本錯誤是忘記發佈您的字型,這會導致影像錯誤 — 影像伺服器不會取代其他字型。 此外,如果您想要使用 擷取文字 選項上傳時,您必須先上傳字型檔案,才能上傳使用這些字型的PSD。 此 擷取文字 此功能會嘗試將文字重新建立為可編輯的文字圖層,並將其置於Dynamic Media Classic範本中。 這將在下一個主題PSD選項中討論。
請注意,字型有多個內部名稱,這些名稱通常與其外部檔案名稱不同。 您可以在Dynamic Media Classic中該資產的詳細資訊頁面上看到其所有不同名稱。 以下是Adobe Caslon Pro Semibold字型的名稱,列在Dynamic Media Classic的「中繼資料」標籤下:
在Dynamic Media Classic中,字型的「詳細資訊」頁面上的「中繼資料」標籤。
Dynamic Media Classic會使用此字型的檔案名稱(ACaslonPro-Semibold)作為資產ID,但此名稱並非範本所使用的名稱。 範本使用列於底部的RTF格式(RTF)名稱。 RTF是影像伺服器文字引擎的原生「語言」。
如果您需要透過URL變更字型,則必須呼叫字型的RTF名稱(而非資產ID),否則您會收到錯誤。 在這種情況下,此字型的正確名稱將是「Adobe Caslon Pro」。 我們將在下面的「RTF和文字引數」主題中討論有關字型和RTF的更多資訊。
在Windows和Mac系統上最常見的字型檔案格式為OpenType和TrueType。 OpenType的副檔名為.OTF,而TrueType則為.TTF。 這兩種格式在Dynamic Media Classic中的運作同樣良好。
上傳PSD時選取選項
您不需要上傳Photoshop檔案(PSD)即可建立範本;範本可以利用Dynamic Media Classic中的任何影像資產建置。 不過,上傳PSD可讓製作更輕鬆,因為您的這些資產通常已位於分層PSD中。 此外,當您上傳分層PSD時,Dynamic Media Classic會自動產生範本。
- 維持圖層。 這是最重要的選項。 這會告訴Dynamic Media Classic為每個Photoshop圖層建立一個影像資產。 如果未勾選,則會停用所有其他選項,並將PSD平面化為單一影像。
- 建立 範本。 此選項會取用各種產生的圖層,並將它們組合在一起以自動建立範本。 使用自動產生範本的缺點在於Dynamic Media Classic會將所有圖層放在一個檔案中,而每個圖層只需要一個預留位置。 刪除多餘的圖層相當容易,但如果您有許多圖層,則重新建立這些圖層會比較快。 請務必重新命名新範本;否則,下次您重新上傳相同PSD時會覆寫它。
- 擷取文字。 這會使用您上傳的字型,將PSD中的文字圖層重新建立為範本中的文字圖層。 如果您的文字在Photoshop中的路徑上,而您想要在範本中維護該路徑,則必須執行此步驟。 此功能需要您使用 建立範本 選項,因為擷取的文字僅能由上傳時產生的範本建立。
- 將圖層延伸至背景大小。 此設定會讓每個圖層的大小與整體PSD畫布相同。 這對於永遠保持固定的圖層非常有用:否則,將影像調換到相同圖層時,您可能必須重新定位它們。
- 圖層命名。 這會告訴Dynamic Media Classic如何為每個圖層產生的每個資產命名。 我們建議採取以下其中一種方式 Photoshop 和圖層 名稱 或Photoshop和 圖層 數字. 這兩個選項都使用PSD名稱作為名稱的第一部分,並在結尾處新增圖層名稱或編號。 例如,如果您有名為「shirt.psd」的PSD,且其中包含名為「front」、「sleeves」和「collar」的圖層(如果您使用 Photoshop和 圖層 名稱 選項,Dynamic Media Classic將會產生資產ID「shirt_front」、「shirt_sleeves」和「shirt_collar」。 使用其中一個選項有助於確保名稱在Dynamic Media Classic中是唯一的。
建立包含影像圖層的範本
即使Dynamic Media Classic可以自動從分層PSD建立範本,您也應該知道如何手動建立範本。 如上所述,在某些情況下,您會不想使用Dynamic Media Classic建立的範本。
範本基本需知UI
讓我們先熟悉編輯介面。
左中是您的工作區,顯示最終範本的預覽。 右側是「圖層」和「圖層屬性」面板。 這些區域是您進行最多工作的區域。
建置範本基本資訊頁面。
- 預覽/工作區。 這是主視窗。 您可以在此使用滑鼠移動、調整圖層大小及旋轉圖層。 圖層輪廓會顯示為虛線。
- 圖層。 這類似於Photoshop圖層面板。 當您將圖層新增到範本時,它們將會顯示在這裡。 圖層會由上到下棧疊 — 清單中會顯示「圖層」面板中的上層圖層在其下方的其他圖層之上。
- 圖層屬性。 您可以在此使用數值控制項來調整圖層的所有屬性。 請先選取圖層,然後調整其屬性。
- 複合 URL。 UI底部是複合URL區域。 本章節不會討論此問題,但您會在此處看到範本解構為一系列影像伺服URL修飾元。 此區域可編輯 — 如果您非常熟悉「影像伺服器」命令,可以在此處手動編輯範本。 不過,您也可以將其中斷。 就像Photoshop一樣,圖層編號從0開始。 「畫布」是第0層,而您自己加入的第一個圖層是第1層。 混合模式會決定圖層的畫素與其下方的畫素混合的方式。 您可以使用混合模式來建立各種特殊效果。
使用範本基礎編輯器
以下是啟動基本範本的工作流程步驟:
-
在Dynamic Media Classic中,前往 建置>範本基本知識. 您可以不選取任何內容,或是先選取影像,使其成為範本的第一個圖層。
-
選擇大小並按 確定. 此大小應符合您在Photoshop中設計的大小。 將載入範本編輯器。
-
如果您未在步驟1中選取影像,請搜尋或瀏覽至左側資產面板中的影像,並將其拖曳至工作區域。
- 影像會自動調整大小以符合畫布的大小。 如果您打算置換高解析度的影像,通常會帶入其中一個大型(2000畫素) PTIFF影像,並做為預留位置使用。
- 這應該是範本最下方的圖層,不過您可以稍後重新排序圖層。
-
直接在工作區域中調整圖層大小或重新定點陣圖層,或是調整「圖層屬性」面板中的設定。
-
視需要拖曳其他影像層。 您也可以新增圖層效果。 請參閱主題 增加圖層效果,在底下。
-
按一下 儲存,選擇位置,並為範本命名。 您可以預覽,不過此時範本看起來會與平面化的Photoshop影像完全相同 — 目前還不可變更。
增加圖層效果
「影像伺服器」支援一些程式化的圖層效果 — 可變更圖層內容外觀的特殊效果。 它們的作用與Photoshop中的圖層效果類似。 它們會附加至圖層,但不受圖層控制。 您可以調整或移除它們,而不需永久變更圖層本身。
- 陰影. 在圖層邊界外套用陰影,以x和y畫素位移定位。
- 內陰影. 在圖層邊界內套用陰影,以x和y畫素位移定位。
- 外光暈. 在圖層的所有邊緣周圍均勻套用光暈效果。
- 內光暈. 在圖層的所有邊緣內平均套用光暈效果。
有或沒有投影的圖層
若要新增效果,請按一下 新增效果,並從功能表中選擇效果。 如同一般圖層,您可以在「圖層」面板中選取效果,並使用「圖層屬性」面板調整其設定。
陰影效果會水平或垂直位移到圖層之外,而「光暈」效果則會均勻地套用在所有方向。 內部效果會作用於圖層不透明部分的頂端,而「外部效果」只會影響透明區域。
進一步瞭解增加圖層效果.
新增引數
如果您所做的只是組合圖層並儲存它們,則淨結果與平面化的Photoshop影像沒有區別。 讓範本與眾不同之處在於它可以將引數新增至每個圖層的屬性,因此可透過URL動態變更。
在Dynamic Media Classic術語中,引數是可連結至範本屬性的變數,因此可透過URL操作。 當您將引數新增至圖層時,Dynamic Media Classic會在引數名稱前面加上貨幣符號($),以在URL中公開該屬性 — 例如,如果您建立稱為「size」的引數來變更圖層大小,Dynamic Media Classic會將您的引數重新命名為$size。
如果您未新增屬性的引數,該屬性會保持隱藏在Dynamic Media Classic資料庫中,且不會顯示在URL中。
若沒有引數,URL通常會更長,尤其是如果您同時使用動態文字時。 文字在每個URL上新增數十個額外字元。
最後,您的初始引數集會成為範本中屬性的預設值。 如果您建置範本、新增引數,然後呼叫URL而不呼叫其引數,影像伺服器會使用您儲存在範本中的所有預設值來建立影像。 只有在您想要變更屬性時才需要引數。 如果屬性不需要變更,您就不需要設定引數。
建立引數
這是建立引數的工作流程:
-
按一下 引數 按鈕,位於您要建立引數的圖層名稱旁。 「引數」畫面隨即開啟。 它會列出圖層上的每個屬性及其值。
-
選取 開啟 選項,位於您要成為引數的每個屬性名稱旁。 將會顯示預設引數名稱。 您只能將引數新增至已變更其預設狀態的屬性。
- 例如,如果您新增圖層並將其保留在預設xy位置0,0,Dynamic Media Classic就不會公開 位置 屬性。 若要修正,請至少移動圖層一個畫素。 現在Dynamic Media Classic將公開 位置 作為屬性,您可以引數化。
- 若要新增引數至show/hide屬性(開啟和關閉圖層),請按一下 顯示 或 隱藏圖層 圖示以關閉圖層(如有需要,您可以稍後再開啟)。 Dynamic Media Classic現在會公開 隱藏 可引數化的屬性。
-
將預設引數名稱重新命名為在URL中較容易辨識的名稱。 例如,如果您想要新增引數以變更影像頂端的橫幅圖層,請將「layer_2_src」的預設名稱變更為「banner」。
-
按下 關閉 以結束「引數」畫面。
-
按一下「 」,對其他圖層重複此程式 引數 按鈕以及新增和重新命名引數。
-
完成時儲存變更。
進一步瞭解 範本引數.
建立含文字圖層的範本
現在您將瞭解如何建立包含文字圖層的基本範本。
瞭解動態文字
您現在知道如何使用影像圖層建置基本範本。 對於許多應用程式來說,這都是您所需要的。 如同在上一個練習中所見,具有簡單文字(例如「Sale」和「New」)的圖層可以點陣化並視為影像,因為其文字不需要變更。
不過,如果您需要:
- 新增標籤以顯示「25%優惠」,25%的值為變數
- 新增文字標籤,在影像上方加上產品名稱
- 根據檢視範本的國家/地區,將圖層本地化為不同的語言
在此情況下,您會想要使用引數新增一些動態文字圖層,以控制文字和/或格式。
若要建立文字,您必須上傳一些字型;否則,Dynamic Media Classic會預設為Arial。 這些字型也必須發佈到影像伺服器,否則當它嘗試轉譯任何使用該字型的文字時,就會產生錯誤。
RTF和文字引數
若要使用「範本基本知識」工具新增變數至文字,您應瞭解文字的呈現方式。 「影像伺服器」會使用Adobe文字引擎產生文字(與Photoshop和Illustrator使用的引擎相同),並將其複合為最終影像中的圖層。 為了與引擎通訊,「影像伺服器」會使用RTF格式。
RTF是由Microsoft所開發的檔案格式規格,用於指定檔案格式。 這是大多數文書處理和電子郵件軟體所使用的標準標籤語言。 如果您寫入URL &text=\b1 Hello,則影像伺服器會以粗體字產生含有「Hello」字樣的影像,因為\b1是用來讓文字變為粗體的RTF命令。
好消息是Dynamic Media Classic會為您產生RTF。 每當您在範本中鍵入文字並新增格式時,Dynamic Media Classic都會悄悄地將RTF程式碼自動寫入範本。 我們之所以提到這個專案,是因為您直接將引數加入RTF本身,所以請務必先熟悉一下。
建立文字圖層
您可以透過下列兩種方式,在Dynamic Media Classic的範本中建立文字圖層:
- Dynamic Media Classic中的文字工具。 我們將在下方討論此方法。 「範本基本知識」編輯器有一個工具,可讓您建立文字方塊、輸入文字和設定文字格式。 Dynamic Media Classic會視需要產生RTF,並將其放置在單獨的圖層中。
- 擷取文字(上傳時)。 另一種方法是在Photoshop中建立文字圖層,並將它儲存在PSD中作為一般文字圖層(而非點陣化成影像圖層)。 然後,將檔案上傳至Dynamic Media Classic並使用 擷取文字 選項。 Dynamic Media Classic將使用RTF命令將每個Photoshop文字圖層轉換為「影像伺服」文字圖層。 如果您使用此方法,請務必先將字型上傳至Dynamic Media Classic,否則Dynamic Media Classic會在上傳時取代預設字型,而且要取代正確的字型並不容易。
文字編輯器
您可以使用文字編輯器輸入文字。 文字編輯器是WYSIWYG介面,可讓您使用類似於Photoshop或Illustrator中的格式控制項,輸入文字並設定其格式。
範本基本資料文字編輯器。
您大部分的工作都在 預覽 標籤,可讓您輸入文字,並看到文字在範本中的顯示方式。 此外, 來源 標籤,如有必要,可用來手動編輯RTF。
一般工作流程是使用 預覽 定位字元以輸入一些文字。
然後您選取文字,並使用上方的控制項選擇某些格式,例如字型顏色、字型大小或齊行。 以您想要的方式設定文字樣式後,按一下 套用 以在工作區預覽中檢視其更新。 然後關閉文字編輯器以返回「範本基本知識」主視窗。
使用文字編輯器
以下是新增文字到範本基本內容建置頁面的工作流程步驟:
-
按一下 文字 工具按鈕建置頁面頂端。
-
拖曳出您要顯示文字的文字方塊。 文字編輯器視窗將在模型視窗中開啟。 在背景中,您會看到範本,但在您完成編輯文字之前無法編輯它。
-
輸入您要在第一次載入範本時顯示的範例文字。 例如,如果您要建立個人化電子郵件影像的文字方塊,文字可能會顯示「您好! 現在是儲存的時候了!」 您稍後會新增文字引數,將「名稱」取代為您在URL上傳送的值。 在按一下之前,您的文字不會顯示在視窗下方的範本中 套用.
-
若要設定文字格式,請以滑鼠拖曳的方式選取文字,然後在UI中選擇格式控制項。
- 有許多格式選項。 最常見的字型有字型(字型)、字型大小和字型顏色,以及左對齊/居中/右對齊。
- 別忘了先選取文字。 否則,您將無法套用任何格式。
- 若要選擇不同的字型,請確定您選取文字並開啟「字型」選單。 編輯器將顯示上傳到Dynamic Media Classic的所有字型清單。 如果您的電腦上也安裝了字型,則會以黑色顯示。 如果您的電腦未安裝,則會以紅色顯示。 不過,當您按一下「 」,它仍會在預覽視窗中呈現 套用. 您只需將字型上傳到Dynamic Media Classic,任何使用Dynamic Media Classic的人都可以使用。 一旦您發佈,「影像伺服器」就會使用這些字型來產生文字 — 您的使用者不需要安裝任何字型即可看到您建立的文字,因為它是影像的一部分。
- 與Photoshop和Illustrator不同,「影像伺服器」可以在文字方塊中垂直對齊文字。 預設值為靠上對齊。 若要變更此設定,請選取您的文字,然後選擇 中間 或 下 從 垂直對齊 功能表。
- 如果您讓文字對方塊而言太大(或文字方塊太小),則全部或部分文字將會被裁剪而消失。 縮小字型大小或讓方塊變大。
-
按一下 套用 以讓變更在工作區域視窗中生效。 您必須按一下 套用,否則會遺失您的編輯。
-
完成後,按一下 關閉. 如果要返回編輯模式,請在文字圖層上連按兩下,以重新開啟文字編輯器。
如果字型安裝在本機系統上,文字編輯器會預覽字型的大小。
關於新增引數至文字圖層
現在,我們會遵循類似程式新增文字引數,就像新增圖層引數一樣。 文字圖層也可以採用大小、位置等圖層引數;但是,它們可以採用其他引數,讓您控制RTF的任何方面。
與圖層引數不同,您只需選取想要變更的值,並在其中加入引數,而不需將引數加入整個屬性。
範例RTF:
在檢查RTF時,您必須找出每個要變更的設定。 在上方的RTF中,有些可能會有意義,而且您可以看到格式來自何處。
您可以看到Chocolate Mint Sandal這個短語,也就是文字本身。
- 這裡有字型Por Richard的參照 — 這是選取字型的地方。
- 您可以看到RGB值:\red56\green53\blue4 — 這是文字顏色。
- 雖然字型大小為20,但您不會看到數字20。 不過,您確實會看到指令\fs40 — 由於某些奇怪的原因,RTF會以半點來測量字型。 因此\fs40就是字型大小!
您有足夠的資訊來建立引數,不過「影像伺服」檔案中有所有RTF命令的完整參考。 造訪 影像伺服檔案.
新增引數至文字圖層
以下是新增引數至文字圖層的步驟。
- 按一下 引數 按鈕(「P」),位於您要為其建立引數的文字圖層名稱旁。 「引數」畫面隨即開啟。 此 通用 tab會列出圖層上的每個屬性及其值。 您可以在此新增一般圖層引數。
- 按一下 文字 標籤。 在這裡,您可以在頂端看到RTF;您新增的引數位於其下方。
- 若要新增引數,請先反白您要變更的值,然後按一下 新增引數 按鈕。 請確定您只選取指令的值,而不是選取整個指令本身。 例如,若要為上述範例RTF中的字型名稱設定引數,我只會反白顯示「Power Richard」並在其中新增引數,但不包括「\f0」。 當您按一下 新增引數 ,它會顯示於下列清單中,而引數值仍會選取時,會在RTF中顯示為紅色。 如果您需要移除引數,請按一下旁邊的核取方塊 開啟 關閉該引數,該引數就會消失。
- 按一下「 」,將引數重新命名為更有意義的名稱。
- 完成後,您的RTF會以綠色反白顯示,其中引數存在,您的引數名稱和值列示如下。
- 按一下 關閉 以結束「引數」畫面。 然後按 儲存 ,以儲存範本。 如果您已完成編輯,請按下 關閉 以結束「範本基本知識」頁面。
- 按一下 預覽 以在Dynamic Media Classic中測試範本。 若要測試文字引數,請在預覽視窗中輸入新文字或新值。 若要變更字型,您必須鍵入該字型的確切RTF名稱。
\red56\green53\blue46
,您可為值56、53和46新增個別的紅色、綠色和藍色引數。 在URL中,您可以呼叫全部三個來變更顏色: &$red=56&$green=53&$blue=46
.瞭解如何 建立動態文字引數.
發佈及建立範本URL
建立影像預設集
不需要為範本建立預設集。 我們建議將此作為最佳作法,所以永遠以1:1的大小呼叫範本,並且還要對任何調整大小以符合範本的大型影像圖層新增銳利化。 如果您呼叫沒有預設集的影像,「影像伺服器」可能會任意將影像大小調整為預設大小(約400畫素),且不會套用預設銳利化。
關於範本的影像預設集,沒有什麼特別之處。 如果您已有相同大小的靜態影像預設集,您可以改用。
發佈
您必須執行發佈,才能看到您即時推送至影像伺服器的變更。 請牢記需要發佈的內容:各種影像資產圖層、動態文字的字型以及範本本身。 與其他Dynamic Media Classic多媒體資產(如影像集和迴轉集)類似,基本範本是一種人造結構 — 它是資料庫中的條列專案,使用一系列「影像伺服」命令來參考影像和字型。 因此,當您發佈範本時,您只會更新影像伺服器上的資料。
進一步瞭解 發佈您的範本.
範本URL結構
基本範本具有與先前說明的一般影像呼叫相同的基本URL語法。 範本通常會有更多修飾元(以&符號分隔的命令),例如含有值的引數。 不過,主要差異在於您呼叫範本作為主要影像,而非呼叫靜態影像。
與影像預設集不同,預設集名稱的兩邊各有一個貨幣符號($),引數的開頭有一個貨幣符號。 這些美元符號的放置非常重要。
正確:
$text=46-inch LCD HDTV
不正確:
$text$=46-inch LCD HDTV
$text=46-inch LCD HDTV$
text=46-inch LCD HDTV
如前所述,引數用於變更範本。 如果您呼叫不含引數的範本,其將會恢復為預設設定,如範本基本撰寫工具中所設計。 如果屬性不需要變更,您就不需要設定引數。
未設定引數的範本(上圖)和含引數的範本(下圖)範例。