Adapt a PSD template for use with us.
Earlier versions of the editor required a specially formatted PSD file to create a design template. With editor V6, graphics from any application can be used to create an equivalent design.
STEP 1: Show guides and slices
In Photoshop, turn on Snap (1), Smart Guides and Slices (2)
STEP 2: Create slices
Select the Slice Tool (1). If you can't see the slice tool in your Photoshop toolbar, click and hold on the Crop Tool.
Click and drag with the slice tool to create a slice that matches the layer. The smart guides should ensure the slice exactly matches the layer dimensions.
With the slice tool still selected, Ctrl-click (Mac) on Right-click (Win) and select Edit Slice Options (1).
Give the slice a name (1) and check the width of the slice matches the width of your page (2).
Repeat for any other layers you wish to import.
STEP 3: Export slices as PNGs
Select Save for Web & Devices from the file menu
Select a file type (1). We support PNG-24 and JPEG. Use PNG-24 if your design contains transparency or JPEG - Do not use GIF.
Click save (2) to export your files.
select All User Slices (1) and then click Save (2)
STEP 4: Import slices to your editor
Login into your account. Click the MEDIA tab (1) and then the Add (2) button. Select the files you exported from Photoshop (3). Shift-click to select multiple files up to a maximum of 5.
STEP 5: Add your image to the row style background
Create a new style by clicking the Add Style button (1).
Give the new row style a meaningful name (1) so you will be able to easily identify it later
Select inner (1) and then select image from the background menu (2). Drag the image you want to use in the image box (3). Click save changes (4)
The new row style can now be applied to any row.