Open the CC Libraries panel (Windows > CC Libraries).
Design assets are an indispensable part of web designing. Adobe provides various desktop and mobile apps to create design assets. While desktop applications, such as Photoshop and Illustrator, allow you to create assets at home or from your office, mobile apps enable you to create assets anywhere, even when you're on-the-go. You can save all these assets in Adobe Creative Cloud Libraries and use it as a central repository that can be accessed from anywhere for reuse of assets. You can continue to use, add, remove, or modify assets even when you are offline. The next time you are connected, the changes are automatically synchronized.
Creative Cloud Libraries also lets you share creative assets with your team, co-workers, or with anyone who needs the assets for their projects. To learn more about Creative Cloud Libraries, see Creative Cloud Libraries.
Adobe Muse is tightly integrated with CC Libraries and Adobe Stock. You can access and reuse colors and graphic assets created in other Adobe apps using the CC Libraries panel within Adobe Muse. This panel also lets you search for royalty-free, high-resolution stock images on Adobe Stock and use them in your projects. You can also purchase and add Stock images to your CC Libraries for future use.
For an overview of Creative Cloud Libraries in Adobe Muse, see this video.
In Adobe Muse, Creative Cloud Libraries are available from within the CC Libraries panel (Windows > CC Libraries). The CC Libraries panel is open in the default workspace, Standard workspace, and in the All Panels workspace. It is docked on the right side of these workspaces.
A. Search drop-down list B. Pop-up menu C. Delete Assets icon D. Add Color icon E. Add Graphic icon
If you click the pop-up menu (B) on the right corner of the CC Libraries panel, you can see the following options:
To use assets in CC Libraries, you can drag them from the CC Libraries panel on to your project. You can also right-click the assets and use the available options to manage the assets. For more information, see Using assets from CC Libraries.
You can add assets to your Creative Cloud Libraries by:
Adobe Stock is a service that sells millions of high-quality, royalty-free photos, illustrations, and graphics. If you have already purchased assets from the Adobe Stock website and added them to your CC Libraries, you can access them in Adobe Muse using the CC Libraries panel.
If you haven't purchased the images yet, you can search and then purchase them using the CC Libraries panel in Adobe Muse. If you are not sure about purchasing an asset right away, you can add a preview or a watermarked image to your project. All watermarked images are replaced with the licensed, high-resolution images whenever you purchase the licenses.
To search Adobe Stock assets from within Adobe Muse:
Open the CC Libraries panel (Windows > CC Libraries).
From the Search drop-down list, select Adobe Stock.
In the search box, type the name of the image or a part of the image name, or a generic theme. For example, time.
After you locate an asset that you want to use, you can do one of the following:
If you add a preview version of an asset to your library, you can license it later.
To license the asset, right-click the asset, and select Buy Image. When you license the images, the watermarked images are replaced with high-resolution, production versions.
You can create assets using other Creative Cloud applications such as Photoshop or Capture, and reuse the assets in Adobe Muse. Perform the following procedure to add assets from other Creative Cloud applications:
Open the application in which you have created your assets.
Select the assets that you want to add to your Creative Cloud library. Drag the assets into your Libraries panel.
The assets are immediately added to your Creative Cloud library. When you open Adobe Muse, these assets are already available in the CC Libraries panel. You can go ahead and use these assets in your Adobe Muse projects.
When you import assets created with Illustrator in to Adobe Muse, the fidelity and web-friendliness of the vector images are retained.
You can import animations, created using Animate CC, into your Adobe Muse website using CC Libraries. Create animations using Animate CC, and add the animations to CC Libraries. When you open Adobe Muse, Creative Cloud automatically syncs your animation files in your Creative Cloud library. You can then use the animation in your Adobe Muse site with a single click.
Perform the following steps to use animations in your Adobe Muse websites:
Create the required animations in Animate CC.
Configure the animation settings such as the size of the animation, autoplay settings in Animate CC.
In the CC Libraries panel of Animate CC, click the plus icon to add the animation to your library.
Ensure that the Entire Animation check box is selected. Click Add.
Exit Animate CC and open Adobe Muse.
When you open the CC Libraries panel in Adobe Muse, you will notice the animation file that you added. Animation files are indicated by the label "An".
To use the animation in your Adobe Muse website, drag and place the animation in the Design view.
To place the animation as a Linked asset, right-click and select Place Linked.
After you place an animation in your site layout, you cannot resize the animation, or modify the properties of the animation from Adobe Muse.
You also cannot edit the animation file in Animate CC from the Adobe Muse CC Libraries panel. That is, you don't have right-click > Edit option for animation files.
From your Adobe Muse Project panel, select the asset that you want to add to CC Libraries.
Perform one of the following actions:
A. Add Graphic icon B. Add Color icon
You can use assets like colors, graphics, and animations using the CC Libraries panel in Adobe Muse.
You can create graphic assets and animations from other Creative Cloud apps, and use these assets in your Adobe Muse projects. For example, you can import vector graphics created using Illustrator or Capture, and use these graphics while creating websites in Adobe Muse.
You can add a color from Creative Cloud apps such as Photoshop or Capture, and use the color in your Adobe Muse projects. You can also add a color from Adobe Muse to CC Libraries, and share the color with other Creative Cloud users.
To learn how to add assets that are created using other applications, see Add assets to CC Libraries.
Read on to know more about using assets in Creative Cloud Libraries.
You can use graphic assets and animations by importing them as 'linked assets' or by placing a copy of the assets.
A linked asset is useful when it is used in several web pages, or even across projects. For example, a company logo. If you modify the logo on the cloud, then all instances across your projects are updated.
You cannot copy animations, you can only place animations as Linked assets.
If you want your linked assets to be updated in Adobe Muse, ensure that you have the latest versions of Photoshop and InDesign installed.
To place assets into your project, perform one of the following actions in the CC Libraries panel:
When you import Illustrator files through CC Libraries, Adobe Muse automatically converts the files to SVG to make it web-compatible.
When you place a graphic asset as a copy, and when the original asset is modified, Adobe Muse indicates that you need to synchronize the outdated assets. You can view the out-of-sync assets, and update these assets through the Assets panel in Adobe Muse.
Read on to know how to update assets through the Assets panel.
Assets like graphics or animations can go out-of-sync with the original assets in Creative Cloud, when you edit or modify the original assets. When you open a project in Adobe Muse, the application detects that some of your assets are out-of-sync. You can see a dialog box that asks whether you want to update the assets now or later. Click Update, to update the assets.
You can also use the Assets panel in Adobe Muse, to update and synchronize Creative Cloud assets.
In your Adobe Muse project, open the Assets panel (Windows > Assets).
You will notice the outdated assets having an excalimation mark next to the name. You must update these assets with the original.
Right-click the asset that you want to update, and select Update Asset.
The excalimation mark disappears once the asset is updated.
After placing assets in your Adobe Muse project, if you move or rename the original assets in Creative Cloud, the assets are considered missing. When you open a project with missing assets, Adobe Muse displays the following dialog box:
To relink assets from Creative Cloud Libraries, perform the following steps:
Open the Assets panel (Windows > Assets).
Notice the missing assets. When you hover your mouse over the asset, the status reads "CC Libraries asset is missing", as shown in the following image.
Right-click the asset, and select Relink From CC Libraries.
Adobe Muse displays a message, asking you to relink from your existing graphic assets in CC Libraires. Select the appropriate asset from the CC Libraries panel, and click Relink.
To relink assets from CC Libraries, you can also right-click and select the Relink from CC Libraries option.
In the Assets panel, the missing asset with the old name or path is replaced with the new asset that you relinked.
You can directly open and edit Illustrator and InDesign assets in the respective applications right from within Adobe Muse. If you have used the edited assets as linked assets in Adobe Muse projects, all the instances of the asset are updated automatically.
Right-click the asset and click Edit.
Based on the file type, the asset opens in Illustrator or InDesign as appropriate.
Edit the asset as required and Save.
Click the page where you want to set the browser or page fill.
From the CC Libraries panel, select the image that you want to set as fill.
Right-click the image, and perform one of the following actions:
To know more about page fill and browser fill, see Using page fill and browser fill in Adobe Muse.
You can capture colors and color themes from apps like Capture CC, or Color CC. You can use Creative Cloud Libraries to bring in these colors in to your library, and use the colors in other apps like Adobe Muse. You can the saved colors in your CC Libraries as:
You can also add color swatches that are saved with custom names from CC Libraries to the Swatches panel.
In the Adobe Muse project panel, perform one of the following actions:
From the CC Libraries panel, perform one of the following actions:
Based on your action, the selected object has the chosen color as stroke or fill. Or, the entire page is filled with the chosen color.
You can also edit colors from the CC Libraries panel. To edit a color, right-click the color and click Edit. From the Color Picker dialog box, select a new color and click OK.
You can also rename an existing color from the Color Picker dialog box.
To view the name and hexadecimal code of a color, hover your mouse over the color.
Select the text to which you want to apply the color.
From the CC Libraries panel, select the color that you want to apply.
You can add colors from your CC Library as custom-names swatches in the Swatches panel. Further, you can also add multiple colors to the Swatches panel at the same time.
From the CC Libraries panel, right-click the color you want to add to the Swatches panel.
Click Add to Swatches.
To add multiple colors to the Swatches panel, press Shift and select the colors. Right-click and select Add to Swatches.
From the CC libraries panel, select one or more assets that you want to move or copy.
Right-click the asset, and do one of the following:
You can rename the assets from the CC Libraries panel. To rename an asset, right-click the asset, and click Rename.
From the CC Libraries panel, right-click the asset that you want to delete.
You can create any number of libraries to organize your assets. The libraries that you create are displayed in the CC Libraries panel in Adobe Muse.
Click the drop-down in the CC Libraries panel, and select Create New Library.
Type a name for the library, and click Create.
From the CC Libraries panel, select the library that you want to rename.
Click the pop-up menu on the right corner of the CC Libraries panel, and select Rename <library>.
Enter the new name for your library, and click Rename.
From the CC Libraries panel, select the library that you want to delete.
Click the pop-up menu on the right corner of the CC Libraries panel, and select Delete <library>.
On the Delete confirmation dialog box, click Delete.
You can share your libraries with other Creative Cloud users to view, edit, or use the contents of a shared library.
If a Creative Cloud subscriber has shared a library with you, you can further share it with other Creative Cloud users.
In the CC Libraries panel, click the pop-up menu on the right corner of the CC Libraries panel, and select Collaborate.
In the browser page that appears, provide an email address and optional message for the person with whom you want to share the library.