What are Templates?
Templates are ready-to-use layouts that you can use as a starting point for resizing your banners. These are highly configurable. They allow you to quickly and consistently apply specific layout rules to your banner formats, ensuring a professional and cohesive look.
How to Create a Template
To create a new template, follow these steps:
Click on "Create New": This button is located at the top of the template section.
General Details: Fill out the basic information about your template.
Banner Template Name: Name your template for easy identification.
Select Group: Organize your template into a specific group.
Size: Specify the size of the banner.
Banner Safezones: Define areas within the banner where elements should not be placed to avoid being too close to the edges.
Subject Rules: Set guidelines for how the AI should crop the subject.
Use markers like "Head to Shoulder" or "Upper Half" to guide the AI on how to crop the subject.
The markers can vary depending on the banner type. For example:
People: Use markers such as "Head to Shoulder" or "Upper Half" to ensure the AI crops the subject correctly.
Objects: Use markers like "Auto or "Handbag" to guide the AI on how to focus on the object.
Element Rules: Define rules for the placement and spacing of banner elements. Below are the detailed options available:
Spacing Details:
Space Between Banner Elements (px):
Description: Define the minimum gap between two adjacent banner elements.
Example: Set a 10px gap to ensure there is a minimum 10px space between the logo and the CTA.
Space Around Subject (px):
Description: Define the minimum gap between the main subject and the banner elements.
Example: Maintain a 20px gap between the subject and any text elements to avoid overlap.
Enable Element:
Description: Activate or deactivate the element within the template.
Example: Enable the "CTA" element to include a call-to-action button in your banner.
Position:
Vertical Position: Define the vertical stacking order of elements. Used only when all the elements are over the subject.
Horizontal Position: Define the horizontal positioning order of elements. Used only when all the elements are over the subject.
Example: Set the vertical order of the title to 1 and the CTA to 2 to ensure the title appears above the CTA, when they are both placed "over the subject"
Anchor Element:
Description: Specify which element the current element should be anchored to.
Example: Anchor the CTA to the title to ensure the CTA is positioned relative to the title.
Location:
Description: Set the general location of the element relative to the anchor element.
Options: Top, Bottom, Left, Right, Over (if anchored to a subject).
Example: Place the logo at the top side of the anchor element.
Precise Placement:
Vertical Placement: Specify the exact vertical position with respect to the anchor (Top, Center, Bottom).
Horizontal Placement: Specify the exact horizontal position with respect to the anchor (Left, Center, Right).
Example: Center-align the CTA horizontally and vertically relative to its anchor element.
Managing Templates
Create Templates: You can create new templates tailored for the selected banner type.
Template Options: By hovering on the three dots to the right of the template name, you can reveal options to duplicate, edit, or delete the template.
Select Multiple Templates
Users can select more than one template at a time to apply a variety of design rules and elements.
Note:
You can refer to this article for some sample banner template configurations.