Banners

Banners are created in Photoshop using this template:

[Project]/02_PROJECT_FILES/05_PHOTOSHOP/PH_Banner template (2023).psd

This template contains all possible sizes including the standard items such as the CTA and brandline. This template may contain more sizes than you need deliver, so first step is to remove all the unused artboards from the project. Then, create another artboard called ‘_PREVIEW’ which you drag out over all other artboards like so:

In the layers panel, you place the ‘_PREVIEW’ artboard on the bottom.

Adding new artboards

If the template doesn’t have the size that you need you can add it by going in the menu → Layer → New → Art board.

Give it the name of the size that you need I.E. 100x100

Then set the size of the art board to 2x the size that you need, I.E. 100x100 becomes 200x200.

General guidelines

• Always keep Smart Objects (never rasterise)
• Convert banners always need a CTA - CTA is added as a smart object, open it to change setting or copy.
• Disclaimers and other legally required copy can appear below the brand line, left aligned with the copy. Use sufficient distance to the brand line to respect its clear zone.
• When an image does not fit the banner, either extend the background or add a coloured panel (the coloured panel can be found in the template)
• When importing images / objects, import it once, then with ALT drag (duplicate) it to other art boards so that when you edit the image it will update in all sizes.
• Use photography when available, otherwise ask the editor for stills. (Make sure he makes a separate timeline with the freeze-frames instead of exporting frames directly.) Save to 04_OUTPUT > 04_IMAGES > 01_UNGRADED-STILLS.
• For delivery remove any unused images or text layers from the project.

<aside> 💡

Some things to watch out for: Always make all text editable

</aside>

Even if the client has only provided a low res png we always make sure that all text is editable. This is a shared responsibility for both media management and the motion designer.