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.

The CC Libraries panel

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. 

The CC Libraries panel in Adobe Muse
CC Libraries panel in Adobe Muse

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.

Add assets to CC Libraries

Add assets from Adobe Stock

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:

  1. Open the CC Libraries panel (Windows > CC Libraries).

     

  2. From the Search drop-down list, select Adobe Stock.

    Search Adobe Stock
    Search Adobe Stock

  3. 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 image or save preview to CC Library
    Buy Adobe Stock images or save preview to your library

Add assets from other Creative Cloud applications

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:

  1. Open the application in which you have created your assets.

  2. 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.

Add animations from Animate CC

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:

  1. Create the required animations in Animate CC.

    Configure the animation settings such as the size of the animation, autoplay settings in Animate CC.

  2. In the CC Libraries panel of Animate CC, click the plus icon to add the animation to your library.

    Add animations from Animate CC
    Add animations from Animate CC

  3. Ensure that the Entire Animation check box is selected. Click Add.

  4. 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".

    Animations in CC Libraries
    Animations in Adobe Muse CC Libraries

  5. 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.

     

Add assets from Adobe Muse to CC Libraries

  1. From your Adobe Muse Project panel, select the asset that you want to add to CC Libraries.

  2. Perform one of the following actions:

    • Click the Add Graphic icon (A) to add a graphic to CC Libraries.
    • Click the Add Color icon (B) to add a color to CC Libraries.
    Add color or graphics to CC Libraries
    Add color or graphics to CC Libraries

    A. Add Graphic icon B. Add Color icon 

Using assets in Adobe Muse

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.

Use graphics and animations

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.

Import assets into Adobe Muse

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.
Place linked assets or copy assets
Place linked assets or copy assets

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.

Update assets

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.

Update your assets with the original assets in Creative Cloud.
Synchronize your assets with the original assets in Creative Cloud.

You can also use the Assets panel in Adobe Muse, to update and synchronize Creative Cloud assets.

  1. 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.

    Update assets that are outdated
    Update the assets that are outdated.

  2. Right-click the asset that you want to update, and select Update Asset.

    Update the assets from the Assets panel
    Update the assets through the Assets panel.

    The excalimation mark disappears once the asset is updated.

Relink 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:

Relink your missing assets
Relink all the missing assets.

To relink assets from Creative Cloud Libraries, perform the following steps:

  1. 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.

    Relink the missing assets in CC Libraries.
    Relink the missing assets from CC Libraries.

  2. Right-click the asset, and select Relink From CC Libraries.

  3. 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
    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
    Relink animations from CC Libraries

    In the Assets panel, the missing asset with the old name or path is replaced with the new asset that you relinked.

Edit assets in native applications

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.

  1. Right-click the asset and click Edit.

    Based on the file type, the asset opens in Illustrator or InDesign as appropriate. 

  2. Edit the asset as required and Save.

Set graphic as page or browser fill

  1. Click the page where you want to set the browser or page fill.

  2. From the CC Libraries panel, select the image that you want to set as fill.

  3. 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 graphic as page or bowser fill
    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.

Use colors

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.

Set as fill or background fill

  1. In the Adobe Muse project panel, perform one of the following actions:

    • Select the object or frame to which you want to apply the stroke or fill.
    • Select the page where you want to apply the background fill.
  2. From the CC Libraries panel, perform one of the following actions:

    • Right-click the color that you want to apply as fill or stroke, and select Set Color.
    • Click the color that you want to apply as fill.

    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.

Note:

To view the name and hexadecimal code of a color, hover your mouse over the color.

Set as text color

  1. Select the text to which you want to apply the color.

  2. From the CC Libraries panel, select the color that you want to apply.

Add to Swatches panel

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.

  1. From the CC Libraries panel, right-click the color you want to add to the Swatches panel.

  2. Click Add to Swatches.

  3. To add multiple colors to the Swatches panel, press Shift and select the colors. Right-click and select Add to Swatches.

Manage Creative Cloud Libraries and assets

Copy and move assets

  1. From the CC libraries panel, select one or more assets that you want to move or copy.

  2. Right-click the asset, and do one of the following:

    • Select Copy To, and choose the library where you want to copy the asset to.
    • Select Move To, and choose the library where you want to move the asset to.

Rename assets

You can rename the assets from the CC Libraries panel. To rename an asset, right-click the asset, and click Rename.

Delete assets from library

  1. From the CC Libraries panel, right-click the asset that you want to delete.

  2. Click Delete.

Add Creative Cloud Library

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.

  1. Click the drop-down in the CC Libraries panel, and select Create New Library.

    Create new CC Library
    Create Creative Cloud Libraries

  2. Type a name for the library, and click Create.

    Create a new CC Library
    Create new Creative Cloud Libraries

Rename Creative Cloud Library

  1. From the CC Libraries panel, select the library that you want to rename.

  2. Click the pop-up menu on the right corner of the CC Libraries panel, and select Rename <library>.

    Rename Creative Cloud Library
    Rename Creative Cloud Library

  3. Enter the new name for your library, and click Rename.

Delete Creative Cloud Library

  1. From the CC Libraries panel, select the library that you want to delete.

  2. Click the pop-up menu on the right corner of the CC Libraries panel, and select Delete <library>.

    Delete Creative Cloud Library
    Delete Creative Cloud Library

  3. On the Delete confirmation dialog box, click Delete.

Share Creative Cloud Libraries

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.

  1. In the CC Libraries panel, click the pop-up menu on the right corner of the CC Libraries panel, and select Collaborate.

    Share Creative Cloud Libraries
    Share Creative Cloud Libraries

  2. In the browser page that appears, provide an email address and optional message for the person with whom you want to share the library.

This work is licensed under a Creative Commons Attribution-Noncommercial-Share Alike 3.0 Unported License  Twitter™ and Facebook posts are not covered under the terms of Creative Commons.

Legal Notices   |   Online Privacy Policy