Creating banner images using a template

BMC Digital Workplace Catalog provides a console for service catalog administrators to upload images for promotional banners, available in three different formats. After you upload an image of the required size, you can start managing your promotional banner item.

Banner image guides

An image for a promotional banner must match one of the following sizes:

• An image for Large (Hero) Banner must be 1170 x 276 pixels.
• An image for Mobile (Hero) Banner must be 640 x 260 pixels.
• An image for Small (Feature) Banner must be 276 x 92 pixels.

The following illustration shows three banner containers available in BMC Digital Workplace Catalog:

To create banner images of the required sizes, you can download and use one of the following files:

To use the Photoshop template to create a banner template

1. Extract the PSD file from the ZIP archive.
2. Open the PSD file in Adobe Photoshop.
   
   
   
   
3. Open the Layers palette.
   
   
   
   
4. Drag the images for a specific banner size under the banner assets here folder.
   The following example shows images being dragged as smart objects inside the banner-hero-large.png folder.
   
   
   
   
5. (Optional) Add text layers to the banner size.
6. Select the image and text layers above the clipping mask layer for the banner size, and create a clipping mask.
   
   
   
   

7. To automatically create image assets named as the folders that contain the banner images, select File > Generate > Image Assets.
   
   
   
   For every group of files contained in a folder with an image file extension, Adobe Photoshop exports images into a folder next to the banner image template PSD file.

   Note

   By default, the PSD template saves images in PNG format, but you can change the image file extension to any you prefer.

Where to go from here

Adding and configuring banner items