Learn how to create and use PSD files as Templates in Slate. Walk through compatibility requirements, potential errors, and current limitations.
What's in this article:
- What a template is
- What packages have templates included
- How to export a PSD that is compatible with Slate
- How to upload a template into Slate
- Potential error messages you may encounter
- Help videos for error messages
- Swappable assets
- Locking layers on web
- How to create in Slate using a template
- Functionality not supported in templates
What is a Template?
A template is a PSD file that you can upload to Slate and edit from the mobile app or web creation studio. In a template, text layers are fully editable, and snap back into perfect place, size, and alignment. Designers have the complete ability to lock or unlock layers depending on brand guidelines, and even implement swappable layers for graphics, logos, and more.
Are Templates Included in my Subscription?
Templates are included in our Unlimited and Enterprise subscriptions tiers.
NOTE: Contact your account manager or email support@slateteams.com if you have any questions about upgrading your account.
Building a Compatible PSD
- FONTS: Make sure any font used in your PSD is also loaded into your Slate brand dashboard. These fonts will also need to have the same name to sync properly. Learn how to fix missing fonts here
- ARTBOARDS: Only use one artboard in your PSD file. Learn how to fix multiple artboards here
- COLORS: When creating your PSD template, ensure you use the RGB color mode. Other color modes, including CMYK, are not supported. Learn how to fix CMYK colors and not supported color options here
- RATIOS: Templates need to be 9:16, 4:5, 1:1, or16:9. Learn how to fix your ratios here
- TEXT EFFECTS: Do not use custom effects, such as outlines, custom kerning, or excessive line height adjustments in your file’s font layers. We do support custom tracking
- SMART OBJECTS: Smart objects will be rasterized automatically once uploaded to Slate. Keep in mind, this could show some discrepancies from the original design. Any linked objects will not be brought into the Slate template. Learn how to fix smart objects here
- RASTERIZING: Before saving and uploading, rasterize any font layers that you do NOT want to be editable in Slate
- TEXT BOXES: Make sure the file’s editable text boxes are the max width your creators will need. Think highest possible score, or largest name you would use in these boxes. Use 8's and 0's as placeholders for numerical data, as they are a little wider than other numbers.
- BLENDING MODES: Blending modes are not supported in Slate templates. Using a PNG layer with opacity will work instead, but we realize you can’t always recreate the same effect. We are looking into if/how we can support blending modes in future. Learn how to fix blending options here
- TRANSPARENCY: Make sure you remove the placeholder media used in design and make it a transparent area. Templates will go on top of your media, so the photo or video will need a cutout to show through.
- LAYERS: Get the message "PSD does not contain any layers"? Learn how to fix missing layers here
- MASKS: Masks are not supported in Slate templates. To fix this, convert it to a smart object, and then rasterize the layer
- COLOR AND FONT QUANTITY: We can only support one color and font per text box within a template. If you wish to use multiple colors or fonts in your design, break them into separate text boxes
- TEXT ALIGNMENT: To control text running in different directions, convert it to point text by right clicking on the layer, and selecting 'Convert to Point Text'
Uploading a Template
- Check that your PSD file is compatible with Slate (specifications above)
- Login to the your Slate web dashboard. Select the 'Templates' tab on the left hand navigation bar
- Drag and drop your PSD file(s) into the workspace or select “+” and choose your file(s) to upload
- Once your files are uploaded, check to see if any errors appeared. This will be a small red triangle located next to your PSD file name. As you open it, it will show you what layer specifically contains the error
- Publish your changes by selecting 'Publish changes' located at the bottom left of your screen
Potential Errors When Uploading a Template
- If you upload a PSD that contains fonts that are not in your brand dashboard, you will get a processing error alerting you what fonts are missing. You will see a popup and red triangle next to your template name in your dashboard. To fix this, add the fonts to your dashboard and reprocess the template.
NOTE: If you see the missing font error, but the font(s) is uploaded, you likely have more than 1 version of a font on your device. The easiest way to fix this is to make sure the exact version of the font in the dashboard is installed on your computer. Download the missing fonts from your Slate account and install if necessary. Switch the font layer in the PSD to this new downloaded and installed font. Save, and upload this PSD to your Slate dashboard.
- Other processing errors could happen if the PSD is not the correct ratio, contains multiple artboards, or contains unsupported effects/elements. If you receive a processing error but are unsure of what the issue is, email support@slateteams.com with a description of your problem and we will get back to you ASAP.
- If a font layer isn’t showing up in Slate after the PSD is uploaded, the font layer may be getting cut off. To fix this, expand its size.
Help Videos
Having an uploading error? Check out one of these help videos to fix your processing error:
- Smart Objects
- Missing Layers
- Missing Fonts
- CMYK/Lab Color Mode
- Not Supported Color Options
- Blending Options
- Invalid Ratio
- Multiple Artboards
Swappable Asset
Help streamline editing templates with swappable layers. Switch logos or graphics all within one template available on Web, iOS, and Androis. Here's how:
Swapping Assets on Web
- Login to the your Slate web dashboard. Select the 'Templates' tab on the left hand navigation bar
- Drag and drop your PSD file(s) into the workspace or select “+” and choose your file(s) to upload
- From the templates drawer, open the file and select 'Layers' from the right hand toolbar
- Select 'Layer Swap', and select any of your layers inside your .PSD file you wish to swap in or out when creating
- Click 'Create'
- If you want creators to move, edit, or resize a layer, leave it unlocked. Any layers you wish to not be able to be moved by a creator, select the lock icon next to the layer
- When creating, a user can now click on the swappable layer in the creation studio and select 'Swap" to replace it with any of the selected layers
NOTE: When creating a template you intended to swap assets in, consolidate those swappable assets into a folder in your Photoshop file to help you configure it into Slate later.
Swappable Assets on Mobile
- Open your mobile app and select 'Templates'
- If needed, added your media and size into place by selecting the 'Edit' tab
- Select the layer you would like to swap
- From the drawer that populates, select the graphic you would like to swap into place
- If it is an unlocked layer, feel free to move it, change the text size, or change color
- If needed, select 'Reset' to put the layer back to it's default position
- Swap any other layers in the template needed, and click 'Share'
Locking Layers on Web
Templates can be flexible and built exactly as you wish the team to use it. You have the option to leave layers locked or unlocked on web giving the user two different experiences. When inside "Layers" in your .PSD file, you can toggle any layer to the locked or unlocked position by selecting the lock icon next to the layer.
Locked Layers: These layers have no flexibility in size or placement. These graphics and text boxes will be exactly where you designed them to be, and can't be changed by a creator.
Unlocked Layers: When a layer is left unlocked, a user can change font size, placement, and adjust text as needed. This gives a creator full flexibility to change the design, and is great for things like quote graphics with varying lengths and text needs.
Using Templates in Web Creation Studio
- Open your Slate dashboard and click 'Create Content' in the top right corner
- Select 'New Project'
- Choose the ratio you would like to work in at the top of the screen. You will only see templates available to use that you have uploaded in the size of your active workspace
- Open the templates drawer and select which template you would like to use
- Select 'media' and add in the photo or video you wish to use. You can resize the media by dragging the green bar that appears around the edges of your photo or video
- Tap on any editable text boxes to change the copy. These text boxes will snap back to place when you're finished editing
- Once ready to export, select 'Export' at the top right of the screen. Name your file and select what file type you’d like your content to be and click ‘Download’
Using Templates in the Mobile App
- Open your Slate mobile app
- In the bottom navigation bar, select the 'templates' drawer
- Choose the template you want to use to start creating your content
- Add in media by tapping on the ‘media’ button on the bottom toolbar
- Resize media into the space by double tapping the image or video, and pinching in or out to place it in the desired location. Double tap again to lock it in place
- Tap on any editable text boxes to change the copy. These text boxes will snap back to place when you're finished editing
- Add any additional text, graphics, or audio to your content
- Export your content by selecting the ‘share’ button on the bottom toolbar
Available on:
FAQs:
Q: Can I swap graphics on a template?
A: You can! With swappable assets, you can replace graphics with anything else selected within the PSD.
Q: Can I use an Adobe Font on a template?
A: To use a font, you must have an .otf , .ttf, .woff, or .woff2 file to load into your Slate web dashboard. We don't currently offer an integration with Adobe Fonts.
Q: Can I add dropshadows, outlines, custom line heights, or custom kerning to my text I want to edit?
A: No, this functionality isn’t supported at this time. Only fonts that natively include outlines, drop shadows, etc in the original font file will work in templates. To note, we do support custom tracking.
Q: Can I upload custom sized templates?
A: No. Although you can create in a custom workspace on web, filters and templates are only supported in the sizes listed above (9:16, 1:1, 4:5, or 16:9).
Q: Can I control layering in the mobile app?
A: No, you don't have the ability to send things forward or back, and assets lay as they were designed. Therefore, templates will always be on top of media.