Learn how content authors can perform Photoshop actions within AEM Assets using Creative Cloud APIs with the content automation add-on.
Hi, there. Content automation add-on integrates Adobe Experience Manager Assets as a Cloud Service with Adobe Creative Cloud Service APIs to process your assets. In this video, we will see how to perform Photoshop actions on an asset file stored in AEM 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 reupload 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 APIs with the content automation add-on. I opened a sample Photoshop design file. Click on Windows and open the Actions panel. Currently, we do not have any actions loaded in Photoshop. You can either create a new Photoshop action file or import an existing action file. Select the Load Actions option and browse through the file system to locate the action file. After loading the action file, let’s run it. A Photoshop action is a tool that can perform a series of steps and settings to perform a task or apply a creative photo effect in Photoshop. A Photoshop action replays a set of instructions in seconds, which may otherwise take minutes to hours to complete. After completing the Summit 2021 action, you can notice that the graphic T-shirt design went through a series of edits and is now part of a banner image. Similarly, let’s load another action file into the Actions panel. Let’s run the second action, and once completed, a large logo gets added to the T-shirt design. This action file can be exported and used to create a similar design. Now, let’s see how to perform Photoshop actions on AEM Asset. From your AEM homepage, navigate to AEM Assets and upload the Photoshop action files to a folder. To perform Photoshop actions on an asset file in AEM, we need to use a three-step process. Create a folder to store assets on which Photoshop action needs to be performed, create a processing profile for Photoshop actions, and assign the processing profile to your folder. First, let’s create a new folder in AEM Assets. 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 this 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. For now, let’s choose to store the processed assets in the same folder as where we are planning to upload assets. Click on the Add New creative operation option and provide more details about the type of creative operation you would like to perform. In our case, let’s choose the Apply Photoshop Actions operation from the dropdown. Please browse through the AEM Assets folder and select the Photoshop action file that we uploaded. A Photoshop action file could contain more than one action. If you would like to perform a specific action, provide the name of the action that you would like to perform. Leave empty to apply all actions in the file. You must provide a rendition name for your processed asset. You can choose the extension format as either JPEG or PNG. If you need an image with a desired 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 MIME type. By default, it includes all images and excludes application 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 Photoshop Actions folder. Let’s switch back to the AEM Assets tab and open the folder and upload assets. Once the assets have processed, you can view the original asset, another image file with applied Photoshop actions. Open an asset file and let’s view its renditions. 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 with Adobe Creative Cloud Service APIs to process your assets. -