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:
- Create New Library: Allows you to create Creative Cloud Libraries from within Adobe Muse.
- Collaborate: Allows you to share your libraries with other Creative Cloud users to view, edit, and use the shared contents of the library.
- Share Link: Allows you to share the link to your library, either publicly or privately, to chosen Creative Cloud users.
- Rename <library>: Allows you to rename libraries.
- Delete <library>: Allows you to delete libraries.
- Sort By Date: Sorts the assets in your library by the date in which you have added or purchased.
- Sort By Name: Sorts the assets in your library in alphabetical order.
- View On Website: Opens all the library assets in the default browser.
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.
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.
-
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:
- Purchase a license immediately and add the asset to your library. You can then drag the asset from the panel to your project.
- Right-click the image, and click Save Preview To, to add an unlicensed, preview (watermarked) version of the asset to your library.
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.
Buy Adobe Stock images or save preview to your library
- Purchase a license immediately and add the asset to your library. You can then drag the asset from the panel to your project.
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:
-
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.
Note:
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:
-
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.
Note:
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.
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.
- Linked assets: When you place assets as 'linked assets', they are linked to the original asset in the CC Library. So, when you modify the asset on the cloud, all instances of the asset in your Adobe Muse projects are updated.
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.
- Copied assets: If you prefer to copy an image into your project, you can do so using the Place Copy option. In this case, the copied asset is not linked to the original asset. The copied asset is not updated when the original asset is modified in Creative Cloud Library.
You cannot copy animations, you can only place animations as Linked assets.
Note:
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:
- Drag the asset from the CC Libraries panel to the Design View.
- Right-click the asset, and select Place Linked.
- Right-click the asset, and select Place Copy. Note that the Place Copy option is not available for animations.
Note:
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.
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:
-
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.
Relink assets from CC Libraries.
To relink assets from CC Libraries, you can also right-click and select the Relink from CC Libraries option.
Relink animations from CC Libraries
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 image, and perform one of the following actions:
- Click Set As Page Fill to set the image as a page fill.
- Click Set As Browser Fill to set the asset as the background image in the browser.
Set graphics as page or browser fill
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:
- Fill or as a browser fill for your Adobe Muse projects.
- Fill or stroke for an object in your Adobe Muse website.
- Text color for selected text.
You can also add color swatches that are saved with custom names from CC Libraries to the Swatches panel.
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.
Note:
To view the name and hexadecimal code of a color, hover your mouse over the color.
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.
You can rename the assets from the CC Libraries panel. To rename an asset, right-click the asset, and click Rename.
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.
You can share your libraries with other Creative Cloud users to view, edit, or use the contents of a shared library.
Note:
If a Creative Cloud subscriber has shared a library with you, you can further share it with other Creative Cloud users.