Creative Operations

Transcript

Hi there. In this video, we will explore how you can use the Content Automation add-on, that integrates Adobe Experience Manager Assets as a Cloud service with Adobe Creative Cloud service APS to process your assets. To edit images on Adobe Photoshop or Adobe Lightroom, content authors need to download the image from AEM assets, share it with creative users,- and re-upload the processed image to AEM assets. The whole process increases the time to market for experience creation. Content authors can perform Photoshop and Lightroom operations within AEM assets using creative cloud APS with the Content Automation add-on. Let’s get started. In this video, we will learn how to perform the following creative operations on AEM assets.

From your AEM homepage, navigate to AEM assets. To perform a creative operation, it’s a simple three-step process. Create a folder, create a processing profile. And assign the processing profile to your folder. I have created a new folder called "we can auto tone " at the root level of AEM assets, and now let’s create a processing profile for auto tone . To create a new processing profile, let’s open a new tab and navigate to the AEM homepage. Click on tools, assets, and select processing profiles. Click create and provide a name for your processing profile and select the creative tab. When creating a processing profile, you have an option to store your processed asset, in a different folder, than the folder to which the processing profile will be assigned. When left blank the processing profile stores, the processed image as a rendition of the original asset. When given a target folder path, a rendition gets added to the original asset and creates a copy of the rendition in the target folder. We will be covering both approaches in this video. for now, let’s use to store the process asset into a separate folder in AEM Assets. Click on the add new creative operation and provide more details about the type of creative operation you would like to perform. In our case, let’s choose the auto operation from the dropdown. You must provide a rendition in for your processed asset. You can choose the extension format as either JPEG or PNG. If you need an image, for the decide height and width, you can enter the values here. If left blank, a full-size rendition of the original image, will be created. You can adjust the quality of the image and also filter assets based on their mind type. By default, it includes all images and excludes applications and video files. Using the add new option, you can create multiple creative operations under a single processing profile. To keep it simple, I’m just adding one operation to this profile. Make sure to save your changes. Select the processing profile and let’s apply the profile to the auto tone folder.

It fits back to the AEM assets tab. Open the folder and upload assets.

Once the assets gets processed, open an asset file and let’s view its renditions. You can see a new rendition for this asset generated with the rendition name provided in the processing profile. You can notice that the original asset has a darker tone and the rendition generated by the processing profile includes intelligent color corrections based on the unique attributes of the image. Please close this window and let’s navigate back to the target folder provided in the processing profile. You can view the auto tone rendition for the original image added to the target folder. Content Automation add on provides an out of the box creative operation to perform image cutout. It uses artificial intelligence to create a selection around salient objects and remove background with a single command. I have created a sample folder in AEM assets to upload assets for which we would like to perform an image cutout. Let’s create a processing profile for English cutout. Let’s switch tabs to open the processing profile window. Click create and provide a name for your processing profile and select the creative tab. Let’s leave the target folder blank. When left blank, the processing profile stores, the processed image as a rendition of the original asset. Click on the add new creative operation option. Choose the image cutout operation from the dropdown. You must provide a rendition name for your processed asset. Make sure to save your changes. Select processing profile, and let’s apply the profile to the image cutout folder. Let’s switch back to the AEM assets tab and open the folder and upload assets. Once the assets gets processed, open an asset file and let’s view its renditions. You can see a new rendition for this asset generated with the rendition in provided in the processing profile. You can notice that the original asset has a background and the image cutout rendition generated by the processing profile, uses artificial intelligence to create a selection around salient objects and remove background. Content Automation add on provides an out of the box creative operation to perform image masking. It uses artificial intelligence to create a mask around salient objects with a single command. I have created a sample folder in AEM assets to upload assets, for which we would like to perform an image mask. Let’s create a processing profile for image mask out. Let’s switch tabs to open the processing profile window, click create and provide a name for your processing profile. And select the creative tab, provide a target folder path and make a note of it. Click on the Add new creative operation option. Choose the image mask operation from the dropdown. You must provide a rendition name for your processed asset and save your changes. Select the processing profile. And let’s apply the profile to the image mask folder. In this case, the target folder path and the profile assigned folder path are the same. Let’s switch back to the AEM assets tab, open the folder and upload assets. Once the assets gets processed, the image mask rendition gets added as a new asset to the target folder. Also, if you open an asset, you can see a new rendition generated with the rendition name provided in the processing profile. Image mask creative operation uses artificial intelligence to create a mask around salient objects with a single command. Content Automation add-on provides an out of the box creative operation to perform auto straightening. It uses artificial intelligence to analyze the content of the image, and cut it skewed perspective in images. I have created a sample folder in AEM assets to upload assets for which we would like to perform an auto straightening. First, let’s create a processing profile. Let’s switch tabs to open the processing profile window, click create and provide a name for your processing profile and select the creative tab. Optionally, provide a target folder path. Click on the add new creative operation option. Choose the auto straighten operation from the dropdown. You must provide a rendition name for your processed asset and choose an image extension. Make sure to save your changes. Select the processing profile and let’s apply the profile to the auto straighten folder. Let’s switch back to the AEM assets tab and open the folder and upload assets. Once the assets gets processed, a straightened rendition gets added as a new asset to the target folder. Also, if you open the original asset, you can see a new rendition generated with the rendition name provided in the processing profile. You can notice that the original asset was tilted and the auto straighten rendition generated by the processing profile, it uses artificial intelligence to analyze the content of the image and cut it, skewed perspective in images. Adobe Lightroom lets you save your configuration and edit adjustments to an image as a preset, which can be applied later for other images. Let’s see how to apply Lightroom preset creative operation to asset files in AEM. I have a sample image open in Adobe Lightroom and I have created a preset that adjusts the image contrast. Let’s export the user preset and save it on your local system. Let’s upload the preset file to a folder location in AEM assets. I have created a sample folder in AEM assets, to upload assets for which we would like to apply Lightroom preset. Let’s create a processing profile for Lightroom preset. Let’s switch tabs to open the processing profile window, click create and provide a name for your processing profile, and select the creative tab. Let’s leave the target folder blank. Click on the add new creative operation option. Choose the apply Lightroom preset operation from the dropdown. Locate the Lightroom preset file that we uploaded. You must provide a rendition in for your processed asset and choose an image extension. Make sure to save your changes. Select the processing profile and let’s apply the processing profile to the Lightroom preset folder. Let’s switch back to AEM assets tab, open the folder and upload assets. Once the assets gets processed, open an asset file and let’s view its renditions. You can see a new rendition for this asset generated with a rendition name provided in the processing profile. Click on the generated rendition, and you can view the Lightroom preset applied to the rendition. Smart Object Replacement lets you personalize at scale by swapping images while retaining all effects and adjustments applied within the PSV file. I have a Photoshop file with a logo “Smart object” embedded in it. Switch to AEM assets window and upload the Photoshop file to a folder location. Create a new folder to store assets or objects that needs to replace a smart object in the Photoshop design file. Navigate to the processing profile window and create a new profile for Smart Object Replacement. Click create and provide a name for your processing profile and select the creative tab. Optionally, provide a target folder path. Click on the add new creative operation option. Choose to replace Photoshop Smart Object operation from the dropdown. Locate the Photoshop design file with the embedded Smart Object that be uploaded to AEM assets. Choose a Smart Object from the dropdown. You must provide a rendition name for your processed asset and choose an image extension. Make sure to save your changes. Select the processing profile and let’s apply the processing profile to the smart object folder. Let’s switch back to the AEM assets tab. Open the folder and upload assets. Once the assets gets processed, you can notice new assets generated based on the Photoshop design file with a smart object replaced with the object we uploaded. Open an asset file and notice a “Miami surf” logo replaced with the “California” logo while retaining all effects and adjustments applied within the Photoshop design file. I hope I was able to provide a quick overview of how the Content Automation add on integrates Adobe Experience Manager Assets as a cloud service using creative cloud APS with the Content Automation add on. -