---
title: Creation of asset
slug: tv-emea-madrid-contentlab-2026/creation-of-asset
docTags: 
createdAt: 2025-03-12T09:18:37.643Z
---

## Introduction

We now have the Creative Layout 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/1Jp0iolWv35Z_mkI7oUiT/lqYGs_998AeElypRPcfBP_screenshot-2026-09-30-at-14-25-38.png)

## Starting from brand templates

1. Click on **Your stuff** in the left hand menu. 
2. Go to **Projects** tab and 
3. Select **Frescopa** project. 

![](https://api.archbee.com/api/optimize/1Jp0iolWv35Z_mkI7oUiT/OxQpWmijZqH4IL7TndbZu_screenshot-2026-09-30-at-142554.png)

4. Click on** Web Banner Template** to start from this template. Templates allows us to quick create brand adhered assets. 
5. Click on **Use template** to create a new file using this template.

![](https://api.archbee.com/api/optimize/1Jp0iolWv35Z_mkI7oUiT/yReG-tb82qOrB1WffU0-w_cursor-and-adobe-express.png)

## Creating travelbrew banner

1. Click on the **background image** to select the background image layer. This will height the layer in blue border and a options menu will show up.
2. Click on **Replace** button on the top menu.
3. Select **AEM Assets** from the list of options.

![](https://api.archbee.com/api/optimize/1Jp0iolWv35Z_mkI7oUiT/4kdwODstFZlAqEXaDRPKM_cursor-and-untitled-30-september-2026-at-18-28-01.png)

4. Ensure Repository is **DEMO POT EMEA Program 1 - CSC EMEA Bootcamp dev author**

![](https://api.archbee.com/api/optimize/1Jp0iolWv35Z_mkI7oUiT/-cBoQwzSyxFXl9Rl_7vrN_cursor-and-untitled-30-september-2026-at-18-28-012.png)

5. Go into **bootcamp** folder
6. Click on **1.png**
7. Click on **Replace** button.

![](https://api.archbee.com/api/optimize/1Jp0iolWv35Z_mkI7oUiT/r6eWX8RGMSzk9_Irpzf23_cursor-and-untitled-30-september-2026-at-18-28-013.png)

8. Click on the **Title element block** in the Locked text menu. Update the title as `Meet Travelbrew`

![](https://api.archbee.com/api/optimize/1Jp0iolWv35Z_mkI7oUiT/Ri5lVnQ86CEznozxnf8IL_cursor-and-untitled-30-september-2026-at-18-28-014.png)

9. Double Click on **Description Text block** and replace the content with `Real coffee, anywhere your adventure takes you`

![](https://api.archbee.com/api/optimize/1Jp0iolWv35Z_mkI7oUiT/wx-ohAd658P9j55-8Z6AJ_cursor-and-untitled-30-september-2026-at-22-29-22.png)

10. Click on the **Name of the file **to open a save dialog**.**

![](https://api.archbee.com/api/optimize/1Jp0iolWv35Z_mkI7oUiT/AqXZ3xarmjIuHs90e8cZv_cursor-and-untitled-30-september-2026-at-22-29-22.png)

** 11. Replace** the file name with your name-prefixed title as `{{LASTNAME}-travelbrew-banner` . 
eg. jose-travelbrew-banner.
Ensure you are in Your Projects > Frescopa path. Click **Save**

![](https://api.archbee.com/api/optimize/1Jp0iolWv35Z_mkI7oUiT/mQqVryZkUw-af7ED8eIrC_cursor-and-untitled-30-september-2026-at-22-29-22.png)

## Generating image enhancements using AI 

Click on the **Image** in the banner to select it. They should show image options menu on the left rail.

![](https://api.archbee.com/api/optimize/1Jp0iolWv35Z_mkI7oUiT/xujAbPhN7vMJjEiz0QDI__screenshot-2026-10-08-at-084135.png)

Click on **Insert object **

This gives you a brush where you can select an area and a text field where you want to enter the prompt. 

After selecting any area with the brush, please describe what you want to generate in the prompt field.

As an example, select the **sky area** and enter the prompt as `hot air balloons flying`

![](https://api.archbee.com/api/optimize/1Jp0iolWv35Z_mkI7oUiT/n1Qna9zTQ9y8KSUd58r42_screenshot-2026-10-08-at-084246.png)

Click on **Insert.**

This will generate three different variations and you can select the best suitable one and click **Keep**

![](https://api.archbee.com/api/optimize/1Jp0iolWv35Z_mkI7oUiT/l6TL1wt82UbxP8-sk38dc_screenshot-2026-10-08-at-084320.png)

Feel free to use your own prompts to create your own custom banner.

## Download the banner

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/zBvuhspO_s4kRzxpL3Dk7_cursor-and-jose-travelbrew-banner-1.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 welcome banner in Adobe express.
:::