Space banner This documentation supports the 20.02 version of BMC Digital Workplace Advanced.To view the latest version, select the version from the Product Version menu.

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.

Related topics

For more information, see Generate image assets from layers

 on the Adobe website

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:

size.png

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

File

Type

Description

Raster image

Screen capture of the banner container window to use as a guide in any image creation software.

PSD file

Adobe Photoshop CC template that enables you to automatically export banner images when you create them.

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.

    banners_psd_template.png

  3. Open the Layers palette.

    banners_layers.png

  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.

    banners_layers_images.png

  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.

    banners_layers_images_clip_mask.png

  7. To automatically create image assets named as the folders that contain the banner images, select File > Generate > Image Assets.

    banners_layers_images_generate_assets.png

    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

 

Tip: For faster searching, add an asterisk to the end of your partial query. Example: cert*