You can import Photoshop Document (PSD) files to your Image and Video Template designs in the Creative Editor. If you are using a template set that contains multiple Image or Video templates, you can import a different PSD to each template if needed.
ℹ Note: The PSD can only contain one artboard.
To import a PSD file, pick the file from your computer. In Video Templates, you can also drag and drop it to the canvas.
In the guide below, we'll present a quick look into how this works. At the end of the article you'll find further details as well as some limitations you should be aware of before importing PSD files.
How it works
- After importing the PSD file, Smartly.io automatically reads all layers from the file.
Text layers in the PSD file are transformed into text layers in the template. All other layers are transformed into image layers. These images are not saved to your Smartly.io library.
All Video and Image Templates Editor actions are available for the imported text and image layers.
If the Image or Video Template does not contain any layers before importing, the height and width settings from the PSD file will determine the template format. If the template contains layers before a PSD file is imported, the template format won’t change.
You can import multiple PSD files in one template. In Video Templates, the layers appear on the editor timeline at the playhead position. This enables, for example, creating a video story board in Photoshop and importing several PSD files to Video Template editor.
If you use Adobe Illustrator, export your design as a PSD file to use it with Smartly.io Video and Image Templates.
- You can convert static image layers from the PSD file into dynamic images in Smartly.io. For example, you can set up a placeholder image in Photoshop and replace it with a product image from a feed.
Preparation, limitations, and workarounds
Before importing your PSD file, refer to this list to properly prepare your design for import.
- Use 8-bit RGB color mode
- CMYK, Grayscale, and other color modes are not supported.
- In Photoshop, select Image → Mode → RGB Color and 8Bits/Channel.
- Font selection might be reset during import.
- Make sure you upload your selected fonts and typefaces to the asset library in one of the supported formats before importing.
- Font-weight might change during the import.
- If the editor cannot detect the right font-weight for the given font, the font-weight might not correspond to the font-weight used in the PSD file.
- Layer styles and effects (Blending Options) are not supported.
- In Photoshop, right-click on the layer and select Rasterize Layer Style.
- Mask layers are not supported.
- In Photoshop, right-click on the mask thumbnail and select Apply Layer Mask.
- Text color settings might be reset during import.
- In the template editor, reselect the color by editing the imported text layer and modifying the
- There is no size limit for PSD file uploads, but large files might take some time to upload.
- While there is no file size, PSD layers should be 4x4px at minimum and 6000x6000px at maximum for images, videos do not support layers larger than 3000x3000px.
Adding support for importing Photoshop files also unlocks the ability to bring in your work from other design software.
- For Adobe Illustrator, you can directly export your design as a PSD file. Simply navigate to File → Export → Export As and choose "Photoshop (PSD)". See this tutorial for a more detailed guide to exporting your design.
- Similar to Illustrator, in Affinity Designer you can navigate to File → Export and select PSD as your format.
- For Sketch files, you can copy your Sketch design to Affinity Designer and then export as a PSD. See this tutorial for a more detailed guide.