1.4.3 Bulk Create Assets in Adobe Express

Before you start this exercise, download the required assets from https://one-adobe-tech-insiders.s3.us-west-2.amazonaws.com/one-adobe/Adobe_Express.zip and unzip them on your desktop.

Adobe Express

1.4.3.1 Create your basic asset

Go to https://new.express.adobe.com/. Click the + icon to create a new image.

Adobe Express

Select Photo and then choose Upload media.

Adobe Express

Navigate to your desktop, to the folder Adobe_Express which contains the assets you previously downloaded. Select the file banner.png and click Open.

Adobe Express

You should then see this. Select Edit image.

Adobe Express

Next, go to Media and select Upload image. Navigate to your desktop, to the folder Adobe_Express which contains the assets you previously downloaded. Select the file man.png and click Open.

Adobe Express

You should then see this.

Adobe Express

Next, you should add the CitiSignal logo. Go to Brands and select the white CitiSignal logo. Click the 3 dots and select Place.

Adobe Express

Adjust the location of the CitiSignal logo image to reflect the same position in the below image.

Adobe Express

Go to Text and click Add your text.

Adobe Express

In the new textbox, add the text Empowering Connections. Drag the textbox to a similar location as shown in the below image. Next, go to Brands, to Fonts. Click the 3 dots on the 3rd font and click Apply.

Adobe Express

Next, change the font color to white.

Adobe Express

Go to Text again and click Add your text.

Adobe Express

In the new textbox, enter the text Your pathway to reliable communication. Adjust the location of the textbox to be under the previous textbox, similar to the image the below.

Go to Brands, to Fonts, and click the 3 dots on the second font. Then, click Apply.

Adobe Express

You should then have this. Next, go to Elements, to Shapes and click the rounded rectangle shape.

Adobe Express

You’ll then have a new rounded rectangle shape on your image. Adjust the size and the location so that it looks like a button. Then, change the color of the rounded rectangle to black.

Adobe Express

Go to Text again and click Add your text.

Adobe Express

Enter the text Shop now in the new textbox and change the location of the textbox to be centered on the button. Go to Brands, to Fonts, and click the 3 dots on the third font. Then, click Apply.

Adobe Express

You should then see this.

Adobe Express

1.4.3.2 Bulk create in Adobe Express

Next, click Bulk create.

Adobe Express

You should then see this. Click browse.

Adobe Express

Navigate to your desktop, to the folder Express Bulk Create in the folder Adobe_Express which contains the assets you previously downloaded. Select the file CTA-options.csv and click Open.

Adobe Express

You should then see this. Click Next.

Adobe Express

Click Connect Element.

Adobe Express

Select the textbox that contains the text Your pathway to reliable communicaiton. Then click the Element 1 button and link it to a field from the CSV file, in this case, the field Subhead.

Adobe Express

Next, select the textbox that contains the text Shop now.

Adobe Express

Then click the Element 1 button and link it to a field from the CSV file, in this case, the field CTA.

Adobe Express

You should then see this. Next, click the image of the person.

Adobe Express

Click the button Element 1.

Adobe Express

You’ll then see this popup. Click browse.

Adobe Express

Navigate to your desktop, to the folder Express Bulk Create in the folder Adobe_Express which contains the assets you previously downloaded. Select 6-7 image files and click Open.

Adobe Express

You’ll then see this. Drag and drop a different image to each variation of the asset. Click Done

Adobe Express

You’ll then see the variations of the image being generated. Click Create page(s).

Adobe Express

Your variations are now ready, and you can inspect each one individually to review and validate.

Adobe Express

You’ve now completed this exercise.

Next Steps

Go to Summary & benefits

Go back to Adobe Express and Adobe Experience Cloud

Go back to All Modules

recommendation-more-help
4bbf020c-24db-4a43-b239-88fab142f02d