With Ceros Import, you can bring your existing design files directly into the Ceros studio with the click of a button. Import will parse your design file and unpack as much content as possible. This includes pulling in any images, replicating the layer's structure, converting text to editable text in the studio, and aligning your assets exactly where they belong. This will demonstrably speed up the process of setting up your canvas so you can get right to the fun stuff.
Import enables you to pull files created in Photoshop (.psd), Illustrator (.ai), and Sketch (.sketch) right into Ceros.
Here’s how:
- Navigate to the Ceros Admin and either select an existing project or create a new one
- Once inside this project folder, select the New Experience button and chose Import
- That’s it! This will import your entire design file into Ceros so you can get to work creating your experience
The Fine Print
As much as we want to support the billions of different ways you can create assets in Photoshop, Illustrator and Sketch, the reality is that the Ceros studio probably won’t be able to support every single capability that exists within those tools. Below, we have identified a number of attributes we currently do not support and recommend you optimize prior to importing into Ceros. If you run into any compatibility issues after you’ve already imported your design, don’t fret. You can simply address those areas in your design file and then copy and paste those individual assets directly into Ceros. No need to upload the entire design file again. Additionally, we will use the data collected from compatibility issues to highlight and prioritize what features we tackle next!
It’s important to keep in mind that, when importing, your layers will translate into Ceros as groups. If you prefer to organize your layers in Ceros using folders, you can convert these groups to folders in the studio. The maximum file size for import is 5 GB, and there is a limit of 1,000 components per imported file. Additionally, the following attributes are not supported from any design platform:
- Adjustment layers (merge layers prior to import)
- Blending modes, Fx overlays, color, and gradient (rasterize prior to import)
- Text written on a path, as well as mixed text weights in the same text box
Specifically, here are some things to keep in mind when importing from:
Photoshop:
- Photoshop files will import into Ceros at a 2:1 ratio to account for retina displays, so you’ll want to ensure you are creating your design in Photoshop at 2x the dimensions of the Ceros canvas.
- Your Photoshop layers will import into Ceros in the same organizational structure that you have in your .psd layers panel, so be sure to correctly label sections and organize your hierarchy prior to import.
- Prior to import, you’ll need to upload your Font file into Ceros (this goes for Google fonts as well). See this article for more information on how to upload fonts.
- For text, Ceros will import 2 versions of each Photoshop text box. One as live text and one as a png file. You can use the png to better align your live text, but be sure to delete the png of text before going live.
- Multiple artboards will be combined into a single page, which will affect the dimensions of your canvas.
- If there are assets outside your artboard, these will also be imported into the studio and will change the width or height of your experience.
- Vector Smart Objects will be imported as .pngs.
Illustrator:
- Illustrator files will import into Ceros at a 1:1 ratio, so there is no need to double your canvas size while designing.
- Illustrator files will need to be saved with PDF Compatibility enabled for a successful import.
- Any assets outside your artboard will not be imported.
- Multiple artboards will not be imported into the studio, only the first artboard will upload.
- When uploading through Import, Ceros will read vectors from .ai files as path shapes. If you’d like to keep these as vectors, we’d recommend copying and pasting them directly from Illustrator, or exporting them as svgs.
Sketch:
- Sketch will import to Ceros at a 1:1 ratio, so there is no need to double your canvas size while designing.
- There can only be one page per Sketch file, so if your file has multiple pages, you’ll need to separate them into their own individual files.
As you can imagine, Ceros Import saves you a ton of time when creating new experiences. However, if you’d prefer to drag and drop your assets into Ceros from your desktop individually, or copy and paste them into Ceros from a design tool, you’re free to use those methods as well! Please feel free to reach out to your Customer Success Manager or in the studio chat widget with any questions you have about Ceros Import.