在 Animate 中使用 Photoshop PSD 檔案

您可以合併使用 Adobe® Photoshop® 與 Adobe® Animate® 來建立具視覺震撼效果的網路應用程式、動畫，或是互動式傳訊元素。Photoshop 可讓您建立靜止影像與圖案，讓您有更好的創意發揮能力。Animate 可讓您將靜止影像湊在一起，然後整合成互動式網際網路內容。

Photoshop 的繪圖與選取工具，比起 Animate 中的工具，能讓您有更大的創意發展空間。如果您必須建立複雜的視覺影像，或是潤飾要用在互動式簡報中的相片，您可以使用 Photoshop 來建立圖案，接著將完成的影像匯入到 Animate 中。

將靜止影像匯入到 Animate

Animate 雖然可以匯入許多種格式的靜止影像，但是當您要將 Photoshop 靜止影像匯入 Animate 時，通常還是會使用原生 Photoshop PSD 格式。

在您匯入 PSD 檔案時，Animate 能夠保留許多先前套用到 Photoshop 的特質，並提供您一些選項，讓您不但能維護影像的視覺真實度，還能進一步修改影像。當您將 PSD 檔案匯入 Animate 時，可以選擇是否要以 Animate 圖層或個別關鍵影格來代表每個 Photoshop 圖層。

(僅適用於 CS6 及更早版本) 交換 QuickTime 影片

您可以在 Photoshop 與 Animate 之間交換 QuickTime 視訊檔。例如，您可以從 Photoshop 直接顯示 QuickTime 影片，然後將其匯入 Animate 並轉換為 FLV (Animate Video) 檔案，而此檔案可以在 Flash Player 中播放。

當您使用 Photoshop 來修改視訊影片時，就可以在影片的影格上進行非破壞性的繪製作業。當您將視訊圖層與 Photoshop 檔案儲存在一起時，實際上只是單純地儲存對視訊圖層的編輯，而不是將編輯部分儲存到影片本身。

當您透過 Photoshop 將 QuickTime 視訊檔案匯入 Animate，可以採用「匯入視訊」對話方塊 (「檔案 > 匯入視訊」)。使用 Photoshop PSD 匯入功能來匯入視訊時，只會匯入視訊檔的第一個影格。

您也可以將 Animate 文件匯出為 QuickTime 視訊，然後將其匯入 Photoshop，並在 Photoshop 中對視訊影格進行非破壞性的繪製。例如，您可以使用 Animate 建立連續動畫，然後將 Animate 文件匯出為 QuickTime 視訊，接著將視訊匯入到 Photoshop 中。

Color

Animate 是以 RGB (紅、綠、藍) 或 HSB (色相、飽和度、亮度) 色域來進行內部的顏色處理。雖然 Animate 可以將 CMYK 影像轉換為 RGB，但最好一開始還是以 RGB 格式來建立 Photoshop 圖案。在您將 Photoshop 的 CMYK 圖案匯入 Animate 前，請先用 Photoshop 將影像轉換為 RGB 格式。

關於匯入 Photoshop PSD 檔案

Animate 可讓您匯入 Photoshop PSD 檔案，並保留大部分的圖案資料。「PSD 匯入工具」也可以讓您控制 Photoshop 圖案匯入 Animate 的方式，包括讓您指定 PSD 檔案中特定物件的匯入方式，以及指定將 PSD 檔案轉換成 Animate 影片片段。

Animate PSD 匯入工具提供下列重要功能：

• 匯入 Animate 中的 PSD 檔案會維持 Photoshop 的色彩真實度。

• 保留 Animate 和 Photoshop 共有之混合模式的可編輯性。

• PSD 檔案中的智慧型物件會被點陣化，然後以點陣圖的形式匯入 Animate，以便保留物件透明度。

• 將 PSD 檔案圖層轉換成個別的 Animate 圖層或關鍵影格，或者將 PSD 檔案匯入為單一點陣圖影像，在這種情況下，Animate 會將該檔案平面化 (點陣化)。

• 從 Photoshop 到 Animate 的拖放動作會叫用 PSD 檔案匯入工具，讓您選擇 Photoshop 圖案的匯入方式。

視訊與教學課程

使用 Photoshop 和 Flash (CS3) 設計網站 (6:01) 會示範如何搭配使用 Photoshop 和 Animate。

Animate 和 Photoshop 之間的相容性

某些視覺特質可能無法正確匯入，或者這些特質在匯入之後，會喪失在 Animate 編寫環境中進一步編輯的功能。PSD 匯入工具會提供許多匯入和放置圖案的選項，以便有效維持其視覺外觀及可編輯性。不過，您無法保留某些視覺特質。您可以使用下列方針來改善匯入 Animate 之 PSD 檔案的外觀：

• Animate 僅支援 RGB 色域，而且不支援在列印時常用的 CMYK 色域。Animate 可以將 CMYK 影像轉換為 RGB，不過，如果您在 Photoshop 中，將 CMYK 顏色轉換為 RGB，保留顏色的效果較佳。

• Animate 可以匯入下列的 Photoshop 混合模式，並維持其可編輯性：正常、變暗、色彩增值、變亮、濾色、實光、差異化和覆蓋。

  如果您使用 Animate 不支援的混合模式，就可以將該圖層點陣化以維持其視覺外觀，或是從圖層中移除該混合模式。

• Animate 無法將 Photoshop 智慧型物件匯入成可編輯的物件。若要保留智慧型物件的視覺特質，這些物件會被點陣化並匯入 Animate 成為點陣圖。

• Animate 只能匯入 Photoshop 視訊圖層的第一個影格。

• 匯入 Animate 時，影像和填色圖層一定會點陣化。

• 匯入 Animate 時，Photoshop 中的 PNG 物件會轉換為 JPG 檔案。轉換後的 JPG 檔案會保留原始 PNG 中的透明度。

• Photoshop 縮放點陣圖影像的效果比 Animate 好。若您計劃縮放從 Photoshop 匯入 Animate 的點陣圖，建議您先在 Photoshop 中縮放點陣圖，然後再將點陣圖匯入 Animate。

• 將包含透明區域的物件匯入成為平面化點陣圖時，將可透過透明區域看到物件透明部分後面之圖層上的任何物件，但前提是也有匯入包含透明度之物件後面的物件。為了避免這個狀況發生，只要將透明物件匯入成平面化點陣圖。

  若要匯入多個圖層並維持透明度，而不要在透明度後面有任何可見的圖層剩餘物件，請使用「點陣圖影像含可編輯的圖層樣式」選項匯入 PSD 檔案。如此會將匯入的物件封裝成影片片段，並使用此影片片段的透明度。如果您需要將 Animate 中的不同圖層製成動畫，這項處理就特別實用。

匯入 Photoshop PSD 檔案

Photoshop 格式 (PSD) 是預設的 Photoshop 檔案格式。Animate 可以直接匯入 PSD 檔案並保留許多 Photoshop 功能，並且在 Animate 中維持 PSD 檔案的影像品質和可編輯性。匯入 PSD 檔案時，您也可以將這些檔案平面化，以便建立保留影像視覺效果的單一點陣圖影像檔，但是這樣做會移除 PSD 檔案格式原有的階層式圖層資訊。

如需關於使用 Photoshop 與 Animate 來設計網站的視訊教學課程，請參閱 www.adobe.com/go/vid0201_tw。

將 PSD 檔案匯入 Animate 元件庫

將 PSD 檔案匯入元件庫的方式，與匯入到舞台的方式類似。當您將 PSD 檔案匯入元件庫時，根資料夾會使用此 PSD 檔案的名稱。在 PSD 檔案匯入元件庫之後，您就可以變更根資料夾的名稱，或將圖層移出資料夾。

此元件庫會按照英文字母順序排列已匯入之 PSD 檔案的內容。階層式群組和資料夾結構會維持不變，但是此元件庫會按照英文字母順序重新排列這些項目。

此時會建立影片片段，其中包含匯入時間軸之 PSD 檔案的所有內容，如同內容已匯入「舞台」一樣。幾乎所有影片片段都具有關聯的點陣圖或其他資源。為了將混淆情形和命名衝突減至最少，這些資源會與影片片段儲存在相同資料夾的 Assets 資料夾中。

當您匯入到元件庫時，PSD 檔案的內容就會匯入到影片片段的時間軸，而非主要的 Animate 時間軸。

Photoshop 匯入選項

當您匯入包含多個圖層的 Photoshop PSD 檔案時，就可以設定下列選項：

如果 Photoshop 檔案包含圖層構圖，您就可以指定要匯入的影像版本。「圖層構圖」是 Photoshop 圖層浮動視窗之狀態的快照。圖層構圖會記錄三種圖層選項類型，而這些類型都會匯入 Animate：

• 「圖層可見度」：顯示或隱藏圖層。

• 文件中的「圖層位置」。

• 「圖層外觀」：圖層樣式是否會套用至圖層以及圖層的混合模式。

如果沒有任何圖層構圖存在，就會隱藏這個彈出式選單。Animate 支援圖層構圖之真實度的所有層面，包括可見度、位置及圖層樣式。

匯入文字物件

文字物件是 Photoshop 中的文字圖層。選擇將文字匯入 Animate 的方式。

根據選定 Photoshop 圖層上的文字，建立可編輯的文字物件。為了維持文字的可編輯性，可能會犧牲文字的外觀。如果您將文字匯入成影片片段，該影片片段就會包含可編輯的文字物件。

注意：將可編輯的文字匯入元件庫時，它必須位於影片片段內部。只有影片片段、點陣圖和圖像元件能夠儲存在元件庫中。將文字圖層匯入到元件庫時，如果選取了「可編輯的文字」做為其選項之一，則會將可編輯的文字自動匯入為圖像元件。

將文字轉換成量路徑，以便保留文字的視覺外觀。雖然文字本身無法再進行編輯，但是不透明度和相容的混合模式會維持其可編輯性。如果您選取這個選項，此物件就必須轉換成影片片段。

(僅限 Windows 8) 如果匯入包含文字的 PSD 檔案時選取了「向量外框」，您就無法變更向量物件的錨點。這種情況會出現在使用 Windows 8 未提供之字體所建立的 PSD 檔案中。

將文字點陣化成點陣圖，以便保留文字圖層原本在 Photoshop 中呈現的確切外觀。點陣化的文字無法再進行編輯。

在匯入路徑上的文字時，您必須將其匯入為平面化的點陣圖影像，以便保留物件的視覺真實度。

匯入形狀物件

形狀圖層物件是原本在 Photoshop 中屬於形狀圖層或上面含有向量剪裁遮色片之影像圖層的物件。

使用在向量內部剪裁的點陣圖，建立可編輯的向量形狀。支援的混合模式、濾鏡和不透明度都會保留下來。無法在 Animate 中重現的不支援混合模式則會被移除。此物件必須轉換成影片片段。

將形狀點陣化成點陣圖，以便保留形狀圖層原本在 Photoshop 中呈現的確切外觀。點陣化的影像無法再進行編輯。

匯入影像或填色圖層

如果影像或填色圖層與向量遮色片相關聯，它就會被視為形狀圖層物件。

使用內部的點陣圖建立影片片段。支援的混合模式、濾鏡和不透明度都會保留下來。無法在 Animate 中重現的不支援混合模式則會被移除。此物件必須轉換成影片片段。

將影像點陣化成點陣圖，以便保留影像或填色圖層原本在 Photoshop 中呈現的確切外觀。

(僅適用於 CS6 及更早版本) 匯入合併的點陣圖物件及合併點陣圖中的物件

「合併的點陣圖」是指在匯入 Animate 時，內含一個以上 Photoshop 圖層平面化 (或合併) 成單一點陣圖的物件。合併點陣圖中的物件代表 Photoshop 中的圖層。若要建立合併的點陣圖，請選取兩個或多個圖層，然後選取「合併圖層」按鈕。

(僅適用於 CS6 及更早版本) 匯入多個不同類型的物件

如果您匯入多個不同類型的物件，Animate 只會讓您匯入那些具有相同匯入選項的選取物件，例如「建立影片片段」與「註冊」。

匯入相同類型的多個物件

如果您匯入相同類型的多個物件，顯示的匯入選項就會與選取該類型的單一物件相同。如果這些物件沒有共用相同的特質，顯示的匯入選項就會處於不確定狀態，而且結果可能無法如您所預期。

(僅適用於 CS6 及更早版本) 匯入群組資料夾

當您匯入群組資料夾時，可以將它匯入成影片片段，或是將群組中的每個圖層放置於時間軸上自己的圖層或關鍵影格上。

如果您選取了「匯入為影片片段」，群組資料夾中的每個圖層都會放置於影片片段中的圖層上，然後該影片片段會放置於時間軸上自己的圖層或關鍵影格上。影片片段使用的名稱與該群組資料夾在 Photoshop 中使用的名稱相同，而且如果您將影片片段匯入 Animate 圖層，此圖層就會使用相同的名稱。

如果您沒有將群組放置於影片片段中，每個圖層都會轉換成目前針對它設定的類型，而且群組中的每個圖層都會匯入到自己的 Animate 圖層。Animate 圖層會以 PSD 檔案中的個別圖層命名。

(僅適用於 CS6 及更早版本) 匯入和合併圖層

「PSD 匯入工具」可讓您合併兩個以上的圖層，成為合併點陣圖 (匯入成單一點陣圖檔案而非個別物件)。

您選取要建立合併點陣圖的圖層必須是在相同層級上兩個或多個圖層的連續範圍。例如，您無法選取某個群組內部的圖層以及該群組外部的圖層，然後合併這些圖層。您必須改為選取整個群組，而非個別的圖層。

設定發佈選項

「PSD 匯入工具」中的發佈設定可讓您指定將 Animate 文件發佈成 SWF 檔案時，要套用至影像的壓縮等級和文件品質。只有當您將文件發佈成 SWF 檔案時，這些設定才會生效，而且當您將它匯入 Animate「舞台」或元件庫時，這些設定不會對影像產生任何作用。

讓您選擇失真或不失真壓縮格式：

失真 (JPEG) 會將影像壓縮為 JPEG 格式。若要使用原本為匯入影像指定的預設壓縮品質，請選取「使用發佈設定」。若要指定新的壓縮品質設定，請選取「自訂」選項，然後在「品質」文字欄位中輸入介於 1 和 100 之間的值 (設定值愈高，就能保留愈良好的影像完整性，但檔案大小也越大)。

不失真 (PNG/GIF) 會使用不失真的壓縮方式將影像壓縮，而且不會捨棄影像的任何資料。

針對顏色或色調變化複雜的影像，例如相片或具有漸層填色的影像，請使用「失真」壓縮方式。針對形狀簡單且顏色較少的影像，請使用「不失真」壓縮。

根據匯入選項以及給定圖層上產生之點陣圖的壓縮大小 (以 KB 為單位)，決定針對該圖層建立的點陣圖數目。例如，您選取了含有投影和模糊的圖層，並且維持圖層樣式，則「計算點陣圖大小」資訊就會表示將從匯入項目中產生三個點陣圖 (其中兩個點陣圖代表兩個濾鏡效果，而另一個點陣圖代表影像本身)。若要計算所要匯入的所有點陣圖大小，請選取所有圖層，然後按一下「計算點陣圖大小」。

(僅適用於 CS6 及更早版本) Photoshop 檔案匯入工具偏好設定

「Animate 偏好設定」對話方塊可讓您設定 Photoshop PSD 檔案的匯入偏好設定。您針對匯入端 PSD 檔案所指定的偏好設定會影響「PSD 匯入」對話方塊中最初填入的 Photoshop 圖層類型選項。

若要以逐物件的方式覆寫針對不同圖層類型指定的偏好設定，請使用「PSD 匯入」對話方塊。選取要變更匯入選項的圖層，然後指定必要的選項。

匯入影像圖層偏好設定

這些選項會指定影像圖層匯入選項的初始設定方式。您可以使用下列任何一種方式匯入影像圖層：

建立內含巢狀點陣圖的影片片段。指定此選項可維持支援的混合模式與不透明度，但是其他無法在 Animate 中重製的視覺特質將會被移除。如果您選取這個選項，物件就必須轉換成影片片段。

將任何文字點陣化為平面的點陣圖影像，以保留文字圖層原本在 Photoshop 中所顯示的確切外觀。

指定影像圖層匯入 Animate 時要轉換為影片片段。如果您不想將所有的影像圖層都轉換為影片片段，可以透過「PSD 匯入」對話方塊，針對個別圖層變更此選項。

文字圖層匯入偏好設定

這些選項會指定文字圖層匯入選項的初始設定方式。

根據 Photoshop 文字圖層上的文字，建立可編輯的文字物件。為了維持文字的可編輯性，必須犧牲掉一些文字的外觀。如果您選取這個選項，物件就必須轉換成影片片段。

將文字向量化為路徑。文字外觀可能會更改，但是視覺特質仍將保持不變。如果您選取這個選項，物件就必須轉換成影片片段。

點陣化文字以便保留文字圖層原本在 Photoshop 中所顯示的確切外觀。

在將文字圖層匯入到 Animate 時，會自動將其轉換為影片片段。如果您不想將所有的文字圖層都轉換為影片片段，可以透過「PSD 匯入」對話方塊，針對個別物件變更此選項。已選取「可編輯的文字」或「向量外框」時，就必須選取這個選項。

形狀圖層匯入偏好設定

這些選項會指定形狀圖層匯入選項的初始設定方式。

此選項會使用在向量形狀內部裁切的點陣圖，建立可編輯的向量形狀。選取此選項會同時保留支援的混合模式與不透明度，但是其他無法在 Animate 中重製的視覺特質將會被犧牲掉。如果您選取這個選項，則物件就必須轉換成影片片段。

此選項將會點陣化形狀並保留形狀圖層原本在 Photoshop 中所顯示的確切外觀。

此選項會在形狀圖層匯入到 Animate 時，設定形狀圖層轉換成影片片段。如果您不想將某些形狀圖層轉換為影片片段，可以針對個別物件更改此選項。如果已選取「維持可編輯路徑和圖層樣式」核取方塊，則會停用此選項。

圖層群組匯入偏好設定

這個選項會指定圖層群組選項的初始設定方式。

指定所有群組匯入 Animate 時要轉換為影片片段。如果您不想讓某些圖層群組轉換為影片片段，可以針對個別物件更改此選項。

合併的點陣圖匯入偏好設定

這個選項會指定合併點陣圖匯入選項的初始設定方式。

此選項會在合併的點陣圖匯入到 Animate 時，設定合併的點陣圖轉換成影片片段。如果您不想將某些合併點陣圖轉換為影片片段，可以針對個別物件更改此選項。如果已選取「維持可編輯路徑和圖層樣式」核取方塊，則會停用此選項。

影片片段註冊匯入偏好設定

針對所建立的影片，指定其全域註冊點。此設定將套用至所有物件類型的註冊點上。您可以在「PSD 匯入」對話方塊中針對每個物件個別更改此選項；此設定為所有物件類型的初始設定。

匯入之影像的發佈設定

FLA 檔案的「發佈設定」偏好設定可讓您指定將 Animate 文件發佈成 SWF 檔案時，要套用至影像的壓縮等級和文件品質。只有當您將文件發佈成 SWF 檔案時，這些設定才會生效，而且當您將它匯入 Animate 舞台或元件庫時，這些設定不會對影像產生任何作用。

讓您選擇失真或不失真壓縮格式：

失真 (JPEG) 會將影像壓縮為 JPEG 格式。若要使用原本為匯入影像指定的預設壓縮品質，請選取「使用發佈設定」。若要指定新的壓縮品質設定，請選取「自訂」選項，然後在「品質」文字欄位中輸入介於 1 和 100 之間的值 (設定值愈高，就能保留愈良好的影像完整性，但檔案大小也越大)。

不失真 (PNG/GIF) 會使用不失真的壓縮方式將影像壓縮，而且不會捨棄影像的任何資料。

針對顏色或色調變化複雜的影像，例如相片或具有漸層填色的影像，請使用「失真」壓縮方式。針對形狀簡單且顏色較少的影像，請使用「不失真」壓縮。

可讓您設定壓縮品質的等級。

可從「發佈設定」套用目前的「JPEG 品質」設定。

可讓您指定個別的專屬品質設定。