註解:

Adobe Muse 不再增加新功能,並將於 2020 年 3 月 26 日停止支援。如需詳細資訊和協助,請參閱 Adobe Muse 終止服務頁面

設計資源是網頁設計不可或缺的部分。Adobe 提供各種可建立設計資源的桌面與行動應用程式。桌面應用程式 (如 Photoshop 和 Illustrator) 可讓您在家中或辦公室建立資源,而行動應用程式則可讓您在任何地點,即使是外出時都可建立資源。您可以將所有資源儲存於 Adobe Creative Cloud Libraries,並將其作為集中存放庫,如此不論在何處需要重複利用資源時即可存取。即使離線,您仍可繼續使用、新增、移除或修改資源。下次當您連線時,變更便會自動同步。

Creative Cloud Libraries 也可讓您與團隊、同事或任何需要將資源用於專案的人員共用創意資源。 若要瞭解 Creative Cloud Libraries 的詳細資訊,請參閱 Creative Cloud Libraries

Adobe Muse 已和 CC Libraries 與 Adobe Stock 緊密整合。您可以使用 Adobe Muse 中的「CC Libraries」面板,來存取和重複利用在其他 Adobe 應用程式中建立的顏色和繪圖資源。此面板也可讓您搜尋 Adobe Stock 上的免權利金、高解析度 Stock 影像,並將其用在您的專案中。您也可以購買並新增 Stock 影像至 CC Libraries 以供日後使用。

若要概略瞭解 Adobe Muse 中的 Creative Cloud Libraries,請觀看此視訊

「CC Libraries」面板

在 Adobe Muse 中可於「CC Libraries」面板 (「Windows > CC Libraries」) 存取 Creative Cloud Libraries。預設工作區、「標準」工作區與「全部面板」工作區中均已開啟「CC Libraries」面板,就顯示在此類工作區的右側。

Adobe Muse 中的「CC Libraries」面板
Adobe Muse 中的「CC Libraries」面板

A. 「搜尋」下拉式清單 B. 快顯選單 C. 刪除資源圖示 D. 增加色彩圖示 E. 增加繪圖圖示 

如果您按一下「CC Libraries」面板右側的快顯選單 (B),可看到下列選項:

  • 建立新資料庫:讓您在 Adobe Muse 中建立 Creative Cloud Libraries。
  • 共同作業:讓您與其他 Creative Cloud 使用者共用您的資料庫,可檢視、編輯與使用資料庫中的共用內容。
  • 共用連結:讓您將資料庫的連結與選擇的 Creative Cloud 使用者共用 (公開或私下)。
  • 重新命名 <資料庫>:讓您重新命名資料庫。
  • 刪除 <資料庫>:讓您刪除資料庫。
  • 依日期排序:依新增或購買的日期排序資料庫中的資源。
  • 依名稱排序:依字母順序排序資料庫中的資源。
  • 在網站上檢視:在預設瀏覽器中開啟所有資料庫資源。

若要使用 CC Libraries 中的資源,您可以從「CC Libraries」面板將資源拖曳至專案。您也能以滑鼠右鍵按一下資源,並使用可用的選項來管理資源。如需詳細資訊,請參閱使用 CC Libraries 的資源

將資源新增至 CC Libraries

透過 Adobe Stock 新增資源

Adobe Stock 是一項新服務,銷售數以百萬計高品質、免權利金的相片、插圖和繪圖。如果您已從 Adobe Stock 網站購買資源並將其新增至 CC Libraries,則可使用「CC Libraries」面板在 Adobe Muse 中存取資源。

如果您尚未購買影像,可以使用 Adobe Muse 中的「CC Libraries」面板來搜尋並購買影像。如果您尚未確定要立即購買資源,可以將預視或具浮水印的影像新增至專案。在您購買授權後,所有具浮水印的影像即會以獲授權、高解析度的影像取代。

從 Adobe Muse 搜尋 Adobe Stock 資源:

  1. 開啟「CC Libraries」面板 (「視窗 > CC Libraries」)。

     

  2. 從「搜尋」下拉式清單選取「Adobe Stock」。

    搜尋 Adobe Stock
    搜尋 Adobe Stock

  3. 在搜尋方塊中,輸入影像的名稱或部分的影像名稱,或ㄧ般主題。例如,時間。

    在您找到要使用的資源後,可執行下列任一操作:

    • 立刻購買授權,然後將資源新增至您的資料庫。之後您就可以從面板將資源拖曳至專案。
    • 在影像上按一下滑鼠右鍵,然後按一下「儲存預視至」,將未獲授權的預視 (具浮水印) 版本的資源新增至您的資料庫。

    如果將預視版本的資源新增至您的資料庫,可稍後再完成授權。

    若要授權某一資源,請在該資源上按一下滑鼠右鍵,然後選取「購買影像」。當您要授權某ㄧ影像時,具浮水印的影像會以高解析度的製作版本來取代。

    購買 Adobe Stock 影像或儲存預視至 CC Library
    購買 Adobe Stock 影像或儲存預視至資料庫

透過其他 Creative Cloud 應用程式新增資源

您可以使用其他 Creative Cloud 應用程式 (例如 Photoshop 或 Capture) 來建立資源,並且在 Adobe Muse 中重複利用資源。執行下列程序以透過其他 Creative Cloud 應用程式新增資源:

  1. 開啟您用於建立資源的應用程式。

  2. 選取要新增至 Creative Cloud Library 的資源。將資源拖曳至「資料庫」面板。

    該資源會立即新增至 Creative Cloud Library。當您開啟 Adobe Muse 時,即可在「CC Libraries」面板中使用這些資源。您可以繼續將這些資源用於 Adobe Muse 專案。

    註解:

    當您將使用 Illustrator 建立的資源讀入 Adobe Muse 時,將會保留向量影像的逼真度與網頁適用性。

從 Animate CC 新增動畫

您可以使用 CC Libraries,將您以 Animate CC 建立的動畫讀入 Adobe Muse 網站中。使用 Animate CC 建立動畫,然後將動畫新增到 CC Libraries。當您開啟 Adobe Muse 時,Creative Cloud 會自動同步處理 Creative Cloud Library 中的動畫檔案。之後只要按一下,就可以在 Adobe Muse 網站上使用動畫了。

若要在 Adobe Muse 網站中使用動畫,請執行下列步驟:

  1. 在 Animate CC 中,建立所要的動畫。

    在 Animate CC 中,進行動畫大小及自動播放設定等動畫設定。

  2. 在 Animate CC 的「CC Libraries」面板中,按一下加號圖示,將動畫新增到資料庫。

    從 Animate CC 新增動畫
    從 Animate CC 新增動畫

  3. 請確定已選取「整個動畫」核取方塊。按一下「新增」。

  4. 結束 Animate CC 並開啟 Adobe Muse。

    當您在 Adobe Muse 中開啟「CC Libraries」面板時,就會看到您新增的動畫檔案。動畫檔案將以「An」標籤表示。

    CC Libraries 中的動畫
    Adobe Muse CC Libraries 中的動畫

  5. 若要在 Adobe Muse 網站上使用動畫,只要在「設計」視圖上拖曳並放置動畫即可。

    若要將動畫作為連結資源放置,請按一下滑鼠右鍵,然後選取「置入連結」。

    註解:

    當您將動畫放置於網站版面之後,即無法從 Adobe Muse 調整動畫大小或修改動畫屬性。

    您也無法在 Adobe Muse 的「CC Libraries」面板中,編輯 Animate CC 中的動畫檔案。也就是說,您的動畫檔案沒有按一下滑鼠右鍵 >「編輯」選項。

     

透過 Adobe Muse 新增資源至 CC Libraries

  1. 從 Adobe Muse 專案面板選取要新增至 CC Libraries 的資源。

  2. 執行以下任一動作:

    • 按一下「新增繪圖」圖示 (A) 來新增繪圖至 CC Libraries。
    • 按一下「新增顏色」圖示 (B) 來新增顏色至 CC Libraries。
    新增顏色或繪圖至 CC Libraries
    新增顏色或繪圖至 CC Libraries

    A. 新增繪圖圖示 B. 新增顏色圖示 

在 Adobe Muse 中使用資源

您可以利用 Adobe Muse 中的「CC Libraries」面板,來使用色彩、繪圖和動畫等資源。

您可以從其他 Creative Cloud 應用程式建立繪圖資源和動畫,並且在您的 Adobe Muse 專案中使用這些資源。例如,您可以讀入使用 Illustrator 或 Capture 建立的向量繪圖,然後於 Adobe Muse 建立網站時使用這些繪圖。

您可以從 Creative Cloud 應用程式 (例如 Photoshop 或 Capture) 新增顏色,然後在 Adobe Muse 專案中使用該顏色。您也可以從 Adobe Muse 新增顏色至 CC Libraries,然後與其他 Creative Cloud 使用者共用該顏色。

若要瞭解如何新增使用其他應用程式建立的資源,請參閱將資源新增至 CC Libraries

如需深入瞭解在 Creative Cloud Libraries 中使用資源的相關資訊,請繼續閱讀本文。

使用繪圖與動畫

使用繪圖資源和動畫的方式有二:將其作為「連結資源」讀入,或放置資源的複本。

  • 連結的資源:當您將資源作為「連結的資源」置入時,資源會連結至 CC Library 中的原始資源。因此,當您修改雲端上的資源時,Adobe Muse 專案中的所有資源例項皆會更新。

當資源用於數個網頁或跨專案時,連結的資源非常實用。例如,公司標誌。如果您修改雲端上的標誌,則跨專案中的所有例項皆會更新。

  • 複製的資源:如果您偏好將影像複製到專案,可以使用「置入複本」選項。在此情況下,複製的資源不會連結到原始資源。當 Creative Cloud Library 中的原始資源進行修改時,複製的資源皆不會更新。

您不能複製動畫,只能將動畫作為連結資源放置。

註解:

如果您希望 Adobe Muse 中的連結資源能更新,請確定您已安裝最新版的 Photoshop 和 InDesign。

將資源讀入 Adobe Muse

若要將資源放置到專案中,請在「CC Libraries」面板執行下列其中一個動作:

  • 從「CC Libraries」面板將資源拖曳至「設計」視圖。
  • 在資源上按一下滑鼠右鍵,然後選取「置入連結」。
  • 在資源上按一下滑鼠右鍵,然後選擇「置入複本」。請注意,「置入複本」選項不適用於動畫。
置入連結的資源或複製資源
置入連結的資源或複製資源

註解:

您透過「CC Libraries」讀入 Illustrator 檔案時,Adobe Muse 會自動將檔案轉換成 SVG,使其與網頁相容。

當您將繪圖資源作為複本置入時,若原始資源遭到修改,Adobe Muse 會指出您需要同步已過期的資源。您可以檢視未同步的資源,然後透過 Adobe Muse 中的「資源」面板來更新這些資源。

請續讀閱讀以瞭解如何透過「資源」面板更新資源。

更新資源

在您編輯或修改繪圖或動畫等原始資源時,在 Creative Cloud 中,這些資源不會與原始資源同步。當您開啟 Adobe Muse 中的專案時,應用程式會偵測到您的某些資源未同步。您會看到對話方塊,詢問是否要立即或稍後更新資源。按一下「更新」來更新資源。

使用 Creative Cloud 中的原始資源來更新您的資源。
使用 Creative Cloud 中的原始資源來同步您的資源。

您也可以使用 Adobe Muse 中的「資源」面板,來更新與同步 Creative Cloud 資源。

  1. 在 Adobe Muse 專案中,開啟「資源」面板 (「視窗 > 資源」)。

    您會注意到已過期的資源名稱旁有驚嘆號。您必須使用原始資源來更新這些資源。

    更新已過期的資源
    更新已過期的資源。

  2. 以滑鼠右鍵按一下要更新的資源,然後選取「更新資源」。

    從「資源」面板更新資源
    透過「資源」面板更新資源。

    資源更新後,驚嘆號隨即消失。

重新連結資源

在將資源置入 Adobe Muse 專案後,若您移動或重新命名 Creative Cloud 中的原始資源,資源即會視為遺失。當您開啟含遺失資源的專案時,Adobe Muse 會顯示下列對話方塊:

重新連結遺失的資源
重新連結所有遺失的資源。

若要重新連結 Creative Cloud Libraries 的資源,請執行下列步驟:

  1. 開啟「資源」面板 (「視窗 > 資源」)。

    注意遺失的資源。將游標移到資源上時,會出現「CC Libraries 資源遺失」的狀態,如下圖所示。

    重新連結 CC Libraries 內的遺失資源。
    從 CC Libraries 重新連結遺失資源。

  2. 在資源上按一下滑鼠右鍵,然後選取「從 CC Libraries 重新連結」。

  3. Adobe Muse 會顯示一則訊息,要求您從 CC Libraries 現有的繪圖資源重新連結。從「CC Libraries」面板選取適當的資源,然後按一下「重新連結」。

    從 CC Libraries 重新連結資源
    從 CC Libraries 重新連結資源。

    若要重新連結 CC Libraries 的資源,也可以按一下滑鼠右鍵,然後從「CC Libraries」選項選取「重新連結」。

    從 CC Libraries 重新連結動畫
    從 CC Libraries 重新連結動畫

    在「資源」面板中,具舊名稱或路徑的遺失資源會以您重新連結的新資源取代。

在原生應用程式中編輯資源

您可以直接在 Adobe Muse 中開啟並編輯個別應用程式的 Illustrator 和 InDesign 資源。 如果您曾經在 Adobe Muse 專案中用編輯過的資源作為連結的資源,該資源的所有例項皆會自動更新。

  1. 在資源上按一下滑鼠右鍵,然後按一下「編輯」。

    根據檔案類型,將視情況於 Illustrator 或 InDesign 中開啟資源。 

  2. 按需求編輯資源並儲存。

將繪圖設為頁面或瀏覽器填色

  1. 按一下您要設定瀏覽器或頁面填色的頁面。

  2. 從「CC Libraries」面板選取要設為填色的影像。

  3. 在影像上按一下滑鼠右鍵,然後執行下列任一動作:

    • 按一下「設為頁面填色」將影像設為頁面填色。
    • 按一下「設為瀏覽器填色」將資源設為瀏覽器中的背景影像。

     

    將繪圖設為頁面或瀏覽器填色
    將繪圖設為頁面或瀏覽器填色

    若要進一步瞭解有關頁面填色和瀏覽器填色的詳細資訊,請參閱在 Adobe Muse 中使用頁面填色和瀏覽器填色

使用顏色

您可以從 Capture CC 或 Color CC 等應用程式擷取色彩和色彩主題。您可以使用 Creative Cloud Libraries 將這些色彩帶入您的資料庫,然後在其他應用程式 (例如 Adobe Muse) 中使用這些色彩。您可以將 CC Libraries 中儲存的色彩作為以下用途:

  • 填色或瀏覽器填色,供 Adobe Muse 專案使用。
  • 填色或線條,供 Adobe Muse 網站的物件使用。
  • 文字色彩,供選取的文字使用。

您也可以將以自訂名稱儲存的色票從 CC Libraries 新增至「色票」面板。

設為填色或背景填色

  1. 在 Adobe Muse 專案面板中,執行下列其中一個動作:

    • 選取要套用線條或填色的物件或框架。
    • 選取要套用背景填色的頁面。
  2. 從「CC Libraries」面板執行下列其中一個動作:

    • 以滑鼠右鍵按一下要套用作為填色或線條的顏色,然後選取「設定顏色」。
    • 按一下要套用作為填色的顏色。

    依據您的動作,選取的物件會將選擇的顏色當作線條或填色。或者,整個頁面都會以選擇的顏色填滿。

您也可以從「CC Libraries」面板編輯顏色。若要編輯顏色,請在顏色上按一下滑鼠右鍵,然後按一下「編輯」。 從「檢色器」對話方塊,選取新的顏色並按一下「確定」。

您也可以從「檢色器」對話方塊重新命名現有的顏色。

註解:

若要檢視顏色的名稱及十六進位碼,請將滑鼠移至顏色上。

設為文字色彩

  1. 選取您要套用色彩的文字。

  2. 從「CC Libraries」面板,選取要套用的色彩。

新增至「色票」面板

您可以將 CC Library 的色彩新增為「色票」面板中的自訂名稱色票。此外,您還可以同時新增多種色彩至「色票」面板。

  1. 從「CC Libraries」面板,以滑鼠右鍵按一下您想要新增至「色票」面板的色彩。

  2. 按一下「新增至色票」。

  3. 若要新增多種色彩至「色票」面板,請按下 Shift 並選取色彩。按一下滑鼠右鍵並選取「新增至色票」。

管理 Creative Cloud Libraries 與資源

拷貝和移動資源

  1. 從「CC libraries」面板,選取一或多個要移動或拷貝的資源。

  2. 在資源上按一下滑鼠右鍵,然後執行下列任一動作:

    • 選取「拷貝至」,然後選擇要拷貝資源的目標資料庫。
    • 選取「移動至」,然後選擇要移動資源的目標資料庫。

重新命名資源

您也可以從「CC Libraries」面板重新命名資源。若要重新命名資源,請在資源上按一下滑鼠右鍵,然後按一下「重新命名」。

從資料庫刪除資源

  1. 從「CC Libraries」面板,在要刪除的資源上按一下滑鼠右鍵。

  2. 按一下「刪除」。

新增 Creative Cloud Library

您可新增不限數量的資料庫,來統整資源。您所建立的資料庫會顯示在 Adobe Muse 的「CC Libraries」面板中。

  1. 按一下「CC Libraries」面板中的下拉式清單,然後選取「建立新資料庫」。

    建立新的 CC Library
    建立 Creative Cloud Libraries

  2. 輸入資料庫名稱,然後按一下「建立」。

    建立新的 CC Library
    建立新的 Creative Cloud Libraries

重新命名 Creative Cloud Library

  1. 從「CC Libraries」面板,選取要重新命名的資料庫。

  2. 按一下「CC Libraries」面板右側的快顯選單,然後選取「重新命名 <資料庫>」。

    重新命名 Creative Cloud Library
    重新命名 Creative Cloud Library

  3. 輸入資料庫的新名稱,然後按一下「重新命名」。

刪除 Creative Cloud Library

  1. 從「CC Libraries」面板,選取要刪除的資料庫。

  2. 按一下「CC Libraries」面板右側的快顯選單,然後選取「刪除 <資料庫>」。

    刪除 Creative Cloud Library
    刪除 Creative Cloud Library

  3. 在「刪除」的確認對話方塊中,按一下「刪除」。

共用 Creative Cloud Libraries

您可與 Creative Cloud 使用者共用資料庫,藉此檢視、編輯或使用共用資料庫的內容。

註解:

如果其他 Creative Cloud 訂閱者與您共用資料庫,您可進一步將該資料庫與其他 Creative Cloud 使用者共用。

  1. 在「CC Libraries」面板中,按一下「CC Libraries」面板右側的快顯選單,然後選取「共同作業」。

    共用 Creative Cloud Libraries
    共用 Creative Cloud Libraries

  2. 在隨後顯示的瀏覽器頁面中,提供電子郵件地址及您要給資料庫共用對象的訊息 (選填)。

此産品由 Creative Commons Attribution-Noncommercial-Share Alike 3.0 Unported License 授權  Creative Commons 條款未涵蓋 Twitter™ 與 Facebook 文章。

法律說明   |   線上隱私權政策