--- title: Asset Management slug: sanjosebootcamp/asset-management docTags: createdAt: 2025-02-07T17:20:06.545Z --- ### Description For Jamie the native integration between Workfront and AEM Assets accelerates content production by seamlessly connecting project management and asset delivery. With automated folder creation, synchronized metadata, and real-time updates across both systems, Jamie and her team can focus on creating high-impact content while reducing manual work and delays. Jamie leverages AEM Assets to automatically generate channel-ready asset variations, saving hours of manual work. With Express Quick Actions, she quickly crops, resizes, and removes backgrounds right inside AEM. These tools empower Jamie to deliver high-quality visuals faster, stay agile with last-minute changes, and spend more time on creative storytelling. ### AEM Asset View - In Workfront click on the **Apps** button at the top right and select **Experience Manager Assets** from the options in the menu. ::Image[]{src="https://api.archbee.com/api/optimize/5aZNSPdDwLQ0CbekV8uPy--157r61T3En2MNReDNwRR-20250512-184458.png" size="70" width="2522" height="1276" position="center" darkWidth="800" darkHeight="405" showCaption="false"} - Click the Select button under your cohorts repository: - **Adobe LiveEx 21 Program 1 dev** - **Adobe LiveEx 22 Program 1 dev** - Review the options on the **My Workspace** section in AEM Assets. - On the left-hand sidebar click on **Assets.** ::Image[]{src="https://api.archbee.com/api/optimize/5aZNSPdDwLQ0CbekV8uPy-yZ1BySC3hDs6NnBfA6jTq-20250512-184549.png" size="70" width="2496" height="1684" position="center" darkWidth="800" darkHeight="540" showCaption="false"} - Click the disclosure triangle next to the \_**Lab Demo** folder. - Locate your **user folder** here and select it to display the assets it contains. ::Image[]{src="https://api.archbee.com/api/optimize/sJp1KeLdTcwjOlnJBSJV0-pDKHBFt-TtlaPFvlWgtL_-20250813-151236.png" size="68" width="2302" height="1316" position="center" darkWidth="800" darkHeight="457" showCaption="false"} - Scroll through the assets in that folder and select your image. - You can review the options available in the menubar, and then click on **Details**. ::Image[]{src="https://api.archbee.com/api/optimize/sJp1KeLdTcwjOlnJBSJV0-woViSaxWaS3G3vu2k_Cmy-20250813-151340.png" size="66" width="2072" height="1192" position="center" darkWidth="800" darkHeight="460" showCaption="false"} ### Metadata & Tags - Review some of the **Metadata** that has been applied to this asset in the Information Panel. - Click on the **Execution Records** tab to see the synced project metadata. - Click on the **Planning Records** tab to see the synced campaign metadata. ::Image[]{src="https://api.archbee.com/api/optimize/sJp1KeLdTcwjOlnJBSJV0-ylq3Iv9DmHmNTMdSsi71j-20250813-153300.png" size="72" width="2410" height="1320" position="center" darkWidth="800" darkHeight="438" showCaption="false"} - Click on the **Tags** tab to see the smart tags that have been applied with AI powered by Adobe Sensei. - Click on the **Tags** field and enter the animal related to your group activity: - **Horse** - **Cat** - **Dog** - Select the tag and click the **Save** button. ::Image[]{src="https://api.archbee.com/api/optimize/sJp1KeLdTcwjOlnJBSJV0-PlR2ZzlE-GAHn7CdFLdz0-20250813-153538.png" size="74" width="3230" height="2036" position="center" darkWidth="800" darkHeight="504" showCaption="false"} - Click on the AI-generated tab to see the additional metadata added by analyzing the image. ::Image[]{src="https://api.archbee.com/api/optimize/sJp1KeLdTcwjOlnJBSJV0-VeN6fzfv3wdaUbASaykSq-20250813-153746.png" size="72" width="2064" height="1340" position="center" darkWidth="800" darkHeight="519" showCaption="false"} :::BlockQuote AI automatically generates descriptive tags for digital assets, improving search, categorization, and recommendations. This eliminates manual tagging while ensuring consistency across large content volumes. For images, AI can identify objects, scenes, emotions, and logos to create tags like "sunset," "beach," or "vacation." The system enhances asset discovery through semantic and lexical search capabilities. ::: ### Dynamic Renditions - In the Details area of your image click on the **Dynamic Media** button on the right sidebar. - Under Rendition click on **flip-image**. ::Image[]{src="https://api.archbee.com/api/optimize/sJp1KeLdTcwjOlnJBSJV0-0nPN0bGOddU4hy-Z7exXT-20250813-154252.png" size="78" width="2462" height="1124" position="center" darkWidth="800" darkHeight="365" showCaption="false"} :::BlockQuote The options in this list are called **Image Presets** that a recipes to dynamically alter the image, with this example showing flipping the selected image horizontally. ::: - With this Image Preset selected click the **Copy URL** button at the bottom of the screen. - Open a **new browser tab** and copy the url into it to see this image is accessible for use in digital channels served by the Dynamic Media service. ::Image[]{src="https://api.archbee.com/api/optimize/sJp1KeLdTcwjOlnJBSJV0-EfUxJeE8W5Jo8jg-xkbWq-20250813-154444.png" size="64" width="2098" height="1732" position="center" darkWidth="800" darkHeight="660" showCaption="false"} - Click out of this browser tab to go back to the tab with **AEM Assets**. - Scroll the list down to the **Smart Crops** section. - Review the different **Smart Crops** that use Adobe Sensei powered by AI to analyze for the focal point of the image and produce crops based on configurations that are applied. ::Image[]{src="https://api.archbee.com/api/optimize/sJp1KeLdTcwjOlnJBSJV0-SX2N7ina8tUoCkcA2y-3I-20250813-154550.png" size="76" width="3022" height="1968" position="center" darkWidth="800" darkHeight="521" showCaption="false"} - Close that new browser tab. ### Express Quick Actions - In the right sidebar click the **Edit with Adobe Express** button. - In the left sidebar click the **Resize image** tool. ::Image[]{src="https://api.archbee.com/api/optimize/sJp1KeLdTcwjOlnJBSJV0-uP9rRZnbXBWn60DvSqfL_-20250813-154921.png" size="76" width="3012" height="1444" position="center" darkWidth="800" darkHeight="383" showCaption="false"} - Change the **Aspect ratio** dropdown to Standard. - Click on the **Presentation Slide** option. - Click on the **Apply** button. ::Image[]{src="https://api.archbee.com/api/optimize/sJp1KeLdTcwjOlnJBSJV0-86tGBJAneUavL6vrJXTQG-20250813-155119.png" size="70" width="2584" height="1592" position="center" darkWidth="800" darkHeight="493" showCaption="false"} - Click on the **Save as** button and then select **Version** in the menu. ::Image[]{src="https://api.archbee.com/api/optimize/sJp1KeLdTcwjOlnJBSJV0-CzfZpnesJMW-SIHoEpx0m-20250813-155251.png" size="66" width="1156" height="532" position="center" darkWidth="800" darkHeight="368" showCaption="false"} - Click on **Versions** in the right sidebar of the asset detail page. - Select **Original** in that list. - Drag the slider on the image preview to compare versions. ::Image[]{src="https://api.archbee.com/api/optimize/sJp1KeLdTcwjOlnJBSJV0-XyZpYkKylTxuv6fjBCgub-20250813-161231.png" size="74" width="3024" height="1972" position="center" darkWidth="800" darkHeight="521" showCaption="false"} - Click the **Left Arrow** at the top of the screen to exit the asset detail page.