Show Menu
主題×

建立範本

若要建立範本,請按一下「建置 > 基本範本」。選取「設計師」或「開發人員」。在此頁面上,可以增加影像圖層和文字圖層。還可以將圖層重新排序、變更圖層的大小和位置,並將陰影和光暈效果套用於影像和文字。
如果您編輯舊版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。 建立新範本時,預設會選取「文字編輯器4.3版」。 編輯較舊的範本時,預設選取 Text Editor v4.2。Text Editor v4.3 目前不支援文字換行,因此,在編輯使用文字換行的舊範本時,請使用 Text Editor v4.2 保持範本的真實度完整。如果舊範本未使用文字換行,則可以選擇 Text Editor v4.3 來充分利用它所提供的許多新增功能,例如增加邊距、減少邊距、將文字設定為全部大寫及複製符合文字。
注意​ : 文字編輯器4.2版最終會在Dynamic Media Classic中移除,因此建議您盡可能使用文字編輯器4.3。 「文字換行」選項將合併到文字編輯器以後的發行版中。
設計人員與開發人員 :選取最能說明您角色的選項。
畫布 :定義範本的可用區域總計(以像素為單位)。 預設大小是 300 x 300 像素。圖層放置在畫布上。
圖層清單 :列出模板中的圖層名稱。 若要選取一個圖層,請在「圖層」清單中選取其名稱。「圖層」清單提供了一系列工具,可用於向圖層中增加效果、刪除圖層、將圖層重新排序及參數化圖層。請參閱使用圖層。
圖層屬性區 :提供變更圖層背景顏色、不透明度、大小和位置,以及背景顏色、不透明度和畫布大小的工具。 還可以調整陰影和光暈效果。請參閱使用圖層。

建立影像圖層

  1. 將影像從資產庫中拖曳到畫布上。
    影像的 ID 名稱將顯示在「圖層」清單中。
如有必要,Dynamic Media Classic會在您建立影像圖層時縮小影像,使其符合畫布。

建立文字圖層

  1. 按一下「文字」工具。
  2. 拖曳該工具以在畫布或影像上建立文字方框。
  3. 在開啟的「文字」畫面中,透過在「預覽」標籤上執行以下任何操作來增加文字:
    • 在文字方框中鍵入文字。選擇「複製符合文字」使文字適合文字方框大小。
    • 將文字從剪貼簿貼上到文字方框中。
  4. 按一下「套用」,然後關閉「文字」畫面。

設定文字格式

請按照以下步驟設定文字圖層中的文字格式:
  1. 在「圖層」清單中,按兩下要編輯其文字的文字方框名稱。將開啟「文字編輯器」。
  2. 在文字方框中,選取要設定格式的文字。可以選取所有文字、部分文字或個別字元。
  3. 指定以下任何格式設定選項,然後按一下「套用」。
    「字型 」在「字型」選單中選擇字型。 如果您想要的字型未出現在功能表中,您可將其上傳至Dynamic Media Classic。 請參閱字型。
    字型大小 :從選單選擇字型大小,在方塊中輸入特定大小,或按一下向上或向下箭頭,將大小增加或減少兩點。
    顏色 (Color)按一下以選擇文本顏色。
    粗體、斜體或下划線 :選擇文本,然後按一下要應用於文本的格式類型的表徵圖。
    所有大寫、上標或下標 :選擇文本,然後按一下要應用於文本的格式類型的表徵圖。
    對齊 :選擇「對齊」按鈕,在文字圖層中對齊左對齊、居中或右對齊文字。
    追蹤 類型或選取數值,用以調整字詞間的空格量。
    字距微調 「類型」或選取數值,以調整字元間的空格量。
    行間距 (Line Spacing Type),或選擇一個數值,通過它來調整行之間的間距。
    基線位移 (Baseline Shift Type)或選擇一個數值,通過該數值將選定字元相對於周圍文本的基線上下移動。 手動設定分數或調整內嵌圖形的位置時,這個選項特別有用。
按一下「還原」可撤銷上一次動作。如果按一下「還原」後要取消撤銷動作,請按一下「重做」。

格式化段落

  1. 在「圖層」清單中,按兩下要編輯其文字的文字方框名稱。將開啟「文字編輯器」。
  2. 選取要設定格式的段落。
  3. 指定以下任何格式設定選項,然後按一下「套用」。
    對齊 :按一下以指定對齊類型: 左對齊、中間對齊、右對齊或對齊。
    段落結尾對齊 :按一下指定段落最後一行的對齊類型: 最後一行左對齊; 最後一行對中; 最後一行向右對齊。
    行間距 (Line Spacing)類型或選擇一個數值,通過該值調整段落中所有行之間的間距量。
    全部縮進 按一下可增加文本縮進量。
    刪除縮進 按一下可減少文本縮進量。
    縮進首行 :指定要縮進首行文本的數量。
    段前空格 :指定段落中第一行文字上方要顯示的空格數。
    段後空格 :指定段落最後一行文字下方要顯示的空格數。
    垂直對齊 :選擇文本在文本框中垂直顯示的位置: 上、中、下。
    文字方向 :選取要顯示文字的方向: 從右至左或從左至右。

調整文字圖層屬性

  1. 在「基本範本」畫面中,選取要調整的文字方框。
  2. 在「圖層屬性」面板中,選取以下任何項:
    縮小文字(僅限文字編輯器v4.2) 「選取以縮小文字以符合文字方塊的大小」。
    繞圖排文(僅限文字編輯器v4.2) ,選取繞圖排文選項,以指定文字繞圖排文的方式或方式:
    繞圖 (Wrap):將文字繞圖排文,以適合水準過小的文字方塊。
    「無繞圖 」(No Wrap):當文字方塊水準過小時,不會繞圖排文,而是切掉部分文字。
    NB繞圖排文 (不斷行繞圖排文)繞圖排文以適合文本框,而不斷行文字。
    位置 :指定畫布上文字方塊的位置。
    填充 :添加邊界或裁切圖層矩形。 指定要在左側、頂部、底部和右側增加或移除的像素數。輸入正數可增加邊距;輸入負數則進行裁切。

檢視及編輯文字原始碼

「文字編輯器」的「來源」標籤中提供的資訊可供您參照。如果您可熟練編輯原始碼,請僅編輯文字。
  1. 在「圖層」清單中,按兩下要編輯其文字的文字方框名稱。將開啟「文字編輯器」。
  2. 按一下「文字編輯器」中的「來源」標籤可顯示文字的原始碼。
  3. 根據需要檢視或編輯文字。
    在「預覽」檢視和「來源」檢視之間進行切換時,所做的變更將保持不變。
  4. 按一下「套用」以演算所做的編輯。

使用圖層

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

重新排列圖層順序

變更圖層順序會影響外觀,尤其是在涉及透明度或疊印時。請確保在確認變更之前先預覽顯示效果。
  1. 使用以下技術之一將範本中的圖層重新排序:
    • 在「圖層」清單中選取圖層。然後根據需要按一下「向上」或「向下」按鈕,使圖層位於清單中恰當的位置。
    • 在「圖層」清單中向上或向下拖曳圖層。

變更圖層和畫布的大小及位置

圖層必須夠小以適合畫布大小。您可以手動或透過輸入尺寸度量值來變更圖層或畫布的大小。您可以手動或透過輸入偏移量來變更圖層的位置。此外,也可以旋轉圖層。
Dynamic Media Classic建議建立與範本大小相同的影像預設集。 影像預設集大小與範本大小相符可確保範本的最終輸出大小及銳利化選項設定正確。建立此影像預設集之後,可以從「範本預覽」畫面上的「套用預設集」選單中進行選擇。此畫面將顯示影像從伺服器傳送後顯示的效果。請參閱 設定影像預設集
變更圖層大小
若要變更圖層或畫布的大小,請在「圖層」清單上選取圖層或畫布並且使用以下技術之一:
手動變更大小 :選取並拖曳圖層或畫布的角落。 對於文字圖層,也可以拖曳圖層的一邊。拖曳時按住 Shift 鍵即可變更大小,但會維持外觀比例 (形狀)。
輸入圖層大小測量 :在「圖層屬性」區域的「W(寬度)」和「H(高度)」文字方塊中輸入像素測量。
除了變更圖層的大小之外,還可以填補圖層。若要執行此操作,請在「圖層屬性」區域的「左」、「右」、「上」及「下」方框中輸入內邊距量。內邊距可在目前圖層中增加邊距,以便從它的基本圖層周邊進行偏移。如果增加投影或外光暈效果且想要效果更加明顯,則內邊距十分有用。內邊距可增加圖層的大小,並在擴充、內邊距的區域中顯示其背景色彩。基本圖層會相對於圖層的新大小重新定位。例如,如果目前圖層位於基本圖層的中心位置,則擴充該圖層的左側會使其向基本圖層右側移動。
變更圖層位置
若要變更圖層在畫布上的位置,請在「圖層」清單中選取其名稱並使用以下其中一種技術:
手動更改位置 :將指針移到圖層邊界附近,但不移到圖層邊界上,當看到四頭箭頭游標時,按一下並開始拖動。
輸入位置偏移測量 ,在X和Y文本框中輸入X和Y偏移測量。 這些值代表錨點的 x、y 偏移量 (以像素為單位)。
旋轉圖層
「旋轉」方框列出了圖層旋轉的角度。若要旋轉圖層,請在「圖層」清單中選取其名稱並使用以下技術之一:
手動旋轉 :將游標移到圖層的某個角附近,但不移到該角上。 出現旋轉游標後,拖曳圖層的角。每次移動 15 度進行旋轉,請在拖曳時按住 Shift 鍵。
輸入度量 :輸入旋轉圖層的度數。 圖層按順時針方向旋轉;若要按逆時針方向旋轉,請輸入負數。
隱藏圖層或圖層效果
您可以按一下圖層名稱或效果名稱旁的眼睛圖示 ,來隱藏圖層或圖層效果。隱藏的圖層不會顯示在預覽或輸出中。但圖層資訊並未從 URL 中刪除。而是在 URL 中增加了「hide=1」,表示該圖層目前在檢視中已隱藏。例如:
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. 選取「增加效果」選單並選擇以下選項:
    下垂式陰影 (Drop Shadow)將陰影套用至圖層的底部和右側。
    內陰影 :在圖層的所有邊緣內套用陰影效果。
    外部發光 (Outer Glow)在圖層的所有邊緣上應用發光效果。
    內光暈 :在圖層的所有邊緣內套用光暈效果。
套用效果之後,效果名稱會顯示在「圖層」清單上。若要刪除效果,請在「圖層」清單上選取其名稱,然後選取「刪除」按鈕。
如果底層圖層太小而無法顯示投影或外光暈效果,則有時這些效果無法顯示。如果陰影或光暈效果無法顯示,可以考慮為圖層增加內邊距值或將圖層重新排序。請參閱 變更圖層和畫布的大小及位置 將圖層重新排序

調整陰影或光暈效果

若要調整陰影或光暈效果,請先在「圖層」清單中選取其名稱。然後在「範本」畫面的「圖層屬性」區域中變更其設定:
「顏色 」(Color)選擇「顏色」(Color)按鈕,然後選擇一個色板以更改陰影或光暈的顏色。 也可以在方框中輸入色彩值參數。
不透明 :拖曳滑桿以判斷效果有多強。 不透明效果越少即越透明。
混合模式 :選擇一個選項,以模擬Photoshop中可用的一種混合模式。 選項包括「正常」、「溶解」、「變亮」、「變暗」、「色彩增值」和「螢幕」。
大小 :在「X」和「Y」框中輸入測量,以放大或縮小陰影效果。 「大小」選項僅適用於內陰影和投影。
Grow (增長)拖曳滑桿,將效果向內或向外延伸。
模糊 :拖曳滑桿以控制效果邊緣的羽化效果。 效果越模糊即表示羽化效果越強烈。

遮色片圖層

「圖層」清單中提供的「遮色片」按鈕,可以用於指定圖層的遮色片或 Alpha 色版的使用方式。使用「遮色片」按鈕,可以將背景圖層的效果套用於範本中的特定圖層或整個父圖層。在「圖層」清單中選取圖層,然後選取「遮色片」按鈕在以下狀態中循環切換:
  • 圖層背景不透明。
  • 圖層內容已反轉,且圖層背景被填充為純黑色。
  • 圖層背景被填充為純黑色。