Template designer and PSD

The designer#

The designer opens for your own templates (Edit design in My templates). It has the same canvas and toolbar as the editor — fonts, colours, shadows, undo — plus:

• Sizes bar: switch sizes, Add size (a common format or a custom one; it starts from the main layout) or remove a further size.
• Add / Insert: Dynamic text, Dynamic image and Picture (static) for logos and decorations.
• Import / Export: PSD files, see below.
• Dynamic fields: the list of everything users will fill in.

Save design saves the size on screen; new projects use it from then on. Reset starts the size again from its starter layout. Click the name in the header to rename the template.

Dynamic fields#

Select a text, rectangle or picture and turn on Dynamic field in the right panel. Give it a label (what users see, e.g. “Product photo”). For pictures choose how a user's image fits the frame: Fill (covers the frame, edges may be cropped), Fit (whole picture visible), Stretch or Original size. Fields are shared by all sizes; the first image field is the one filled when users add banners from several pictures at once.

Export to PSD#

Export PSD downloads the size on screen as a layered Photoshop file:

• every object becomes its own layer, named after its field where it has one; the background is the bottom layer;
• texts become editable text layers;
• shadows become drop-shadow layer effects, opacity becomes layer opacity.

The file opens in Photoshop and Photopea. Photoshop may ask to update the text layers on opening — that is expected. Install the Google Fonts the design uses (they are free) for texts to look the same; otherwise Photoshop substitutes a similar font.

Import from PSD#

Import PSD replaces the design of the size on screen with the layers of a Photoshop file (you are asked first, and Undo brings the old design back):

• text layers become editable texts; fonts we do not have are replaced with Arial and listed in a message;
• other visible layers become pictures, with their opacity and drop shadow;
• hidden, adjustment and empty layers are skipped; groups are flattened;
• a PSD of another size is scaled to fit and centred.

Then

Mark the parts users should change as dynamic fields and press Save design. PSD files up to 150 MB are accepted.