This documentation supports the 22.1 version of BMC Helix Digital Workplace Basic and BMC Helix Digital Workplace Advanced. Icons distinguish capabilities available only for the Advanced and External license levels. For more information, see License types and features.

Creating banner images by using a template

As a catalog administrator, you upload images for promotional banners in the catalog console.  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 Open link  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 the catalog console:

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

FileTypeDescription

digital_workplace_catalog_banner_container_template.png

Raster imageScreen capture of the banner container window to use as a guide in any image creation software.
digital_workplace_catalog_banner_template.zipPSD fileAdobe 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.



  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.

    Important

    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

Was this page helpful? Yes No Submitting... Thank you

Comments