---
title: Creation of asset
slug: barclays-hol/creation-of-asset
icon: {"faIcon":"fa-solid fa-file-image"}
docTags: 
createdAt: 2025-03-12T09:18:37.643Z
---

### Introduction

We now have the Creative Asset Build task assigned to you and now lets do it. The ask is to create a hero banner for the welcome email in the honeymoon journey. 

In the real world, it may be any of our enterprise creative software such as Adobe Photoshop or Adobe illustrator which has a native workfront integration. In these software, creative team will get their tasks from workfront readily available in the tool of their choice. 

For this exercise, we will be using Adobe Express as our asset creation tool for this lab. Open [Adobe express ](https://express.adobe.com/)

Once logged in, you should land on the Adobe Express Homepage as below.

![](https://api.archbee.com/api/optimize/6H6rknlvdVrktAepVnpsA-KfcGhKByeptiROwDJcEHk-20250310-105227.png)

### Starting from brand templates

Click on **Your stuff** in the left hand menu and go to **Projects** tab and select **Barclays** project. 

![](https://api.archbee.com/api/optimize/1Jp0iolWv35Z_mkI7oUiT/Ey8QvnM59o5tZWqJsB7Ez-20251212-183348.gif)

Click on **Barclays Banner Templaa** to start from this template. Templates allows us to quick create brand adhered assets. Click on **Use template** to create a new file using this template.

![](https://api.archbee.com/api/optimize/1Jp0iolWv35Z_mkI7oUiT/N9xhScq-pq4bPtzdGcKKv-20251212-183505.png)

Click on the **first Text element block** in the Quick replace menu. Update the title as `UK Housing Outlook 2026`.Update second line text as `Stability Returning to the Market`

![](https://api.archbee.com/api/optimize/1Jp0iolWv35Z_mkI7oUiT/83wzYH2KrOLhUhkqSPN2w-20251212-184427.png)

Click on File and Edit icon on the file name. Update the the **Name of the file **and rename it with your name prefix as `{{CUSTOMER_NAME}} - UK Housing Outlook 2026 Banner`

![](https://api.archbee.com/api/optimize/1Jp0iolWv35Z_mkI7oUiT/xsKto1ySkyzV3XLXmyOPj-20251212-184817.png)

### Replace the image with asset from AEM assets

Click on the **image** to show the image menu options. Click on **Replace** button and select **AEM Assets** from the list.

![](https://api.archbee.com/api/optimize/1Jp0iolWv35Z_mkI7oUiT/D4qn-blNhUn3U09laGANN-20251212-190235.png)

This opens up AEM Assets rail on the left. **Search** for `UK `in the search bar to filter for UK images.

![](https://api.archbee.com/api/optimize/1Jp0iolWv35Z_mkI7oUiT/BFs8xFb_syfuVG6orVqn_-20251212-190540.png)

Click on the **uk-property.jpeg** image thumbnail to replace the image in our banner.

![](https://api.archbee.com/api/optimize/1Jp0iolWv35Z_mkI7oUiT/VHn2OytuDIKmAYOnHBdcY-20251212-191411.png)

Once the banner is ready, to download the image

1. Click on **Download **from the top ribbon menu.
2. Select File format as **PNG.**
3. Click **Download** button to download the image to your local machine storage.

![](https://api.archbee.com/api/optimize/1Jp0iolWv35Z_mkI7oUiT/0qRc5EqmGacodQ-Bbt43H-20251216-052324.png)

:::hint{type="warning"}
In a production instance, there is direct integration where you can send the assets directly to workfront for review & approval for Adobe Express. You can read more about it in [documentation](https://experienceleague.adobe.com/en/docs/workfront/using/review-and-approve-work/native-integrations/wf-proof-and-express).
:::

:::hint{type="success"}
You have now successfully created a  banner in Adobe express.
:::