After login Printess will start the File Dialogue. Here one can create and manage Templates as well as open previously created Templates for editing.
The File Dialogue opens with the Recent tab on the left selected. This provides you with your last saved Templates giving you easy access to your recent work.
But let us first switch to the Open tab and have a look at some of the additional Printess management options.
Templates are organized into folders with the current user being the topmost folder. You can create or delete folders using the respective icons located on the top toolbar.
The Templates saved inside of the currently selected folder are shown in the center. Select a Template to open, copy or delete it with the buttons above. Once a Template is selected, the pages saved in the contained documents will be previewed to the right.
To close the File Dialogue, click on the X in the top right.
On the top left, one will see the currently logged in user. Here one may also logout. On the tab to the left, one can create a new Template.
Select a Page Size from the drop-down (no worries, this can be changed at any point later on) and press the Create button. Alternatively, one may also select any of our pre-built example documents as the basis for a new document. In either case, when a new Template is created, the File Dialogue closes and the Editor opens up in Admin Mode.
This is the Printess Admin Mode Editor. This mode is where Templates are designed and configured for further personalization by the Buyer.
On the left side, one can Undo/Redo operations. This may also be done by keyboard with CTRL-Z for Undo and CTRL-Shift-Z for Redo.
In the center, Printess shows the name of the currently opened Template or in case of a new Template [Unsaved Template]. Furthermore, if a Template from another user is opened one will see the user of origin in a circle.
By clicking on the cloud icon the Template Context menu will open as a drop-down.
The Template Context Menu contains the following actions:
In Printess it is easy to create a powerful and intuitive Buyer Side experience while designing a document, without coding! The Buyer Side is what the end customer will use to configure and personalize their documents. To check the behavior of the Buyer Side, the designer may always switch between the Admin and Buyer Side views by clicking on the Shopping Basket icon.
Zoom can be achieved with CTRL + and CTRL - as well as by simply pinching on the trackpad or CTRL scroll wheel.
While one edits a document Printess will constantly auto save changes in the browser storage. So whenever one accidently closes the browser or any fatal error accurs most likely backup exists. This is true even for new and unsaved documents.
To recover an unsaved document one just needs to open the Editor and then simply close the File Dialogue which intially shows by either clicking the X to the right or the arrow to the left. This will directly return to your unsaved new document in the stae you left it. Do not open or create a another document - this will delete your unsaved state! For this to work one must open the same browser on the same device where the document was edited last within the next 24 hours.
Additionally also all already saved documents will keep their last saved state in the same browser. To access the last saved state just open the document again. If changes are stored a popup dialogue will appear to inform that unsaved changes exist.
If OK is selected the local, auto-saved version is loaded selecting Cancel will load the last saved version from the server. Do not press Cancel if the changes might be important. This will load the last saved version and overwrite your local changes. Just press OK you can anytime reload the document again and then decide for the last saved version.
If one loads a document which is already opened in another browser-tab in the same browser the system will ask to close this tab or browser window to avoid conflicts within the local backup.
Solution is to simply close the other browser or tab before opening.
The Settings Menu controls various important Template-wide settings:
Show Smart Guides - Enables or disables the Smart Guide positioning aid, which will snap frames to edges or maintain a user-set distance to other frames while moving them around.
Show Grid Lines - This will display a grid to which all frame positions and sizes will snap when you move or scale frames.
Grid Gap-Size (actual) will set the size of the grid.
Show Layer Matrix - This will open the Layer Matrix settings on the bottom of the window. You can learn more about Layer Matrices here.
Show Styles - This will activate small label tags for all frames that have a Style. Multi Line texts will also show labels for paragraph and character styles.
Search in Global Snippets - This feature is useful for multi-user scenarios where a separate global account is used to publish all Templates and Snippets stored in the user’s eCommerce/Shop system. To see all published Snippets in this type of account while not logged into it, enable this option.
List Template Snippets - By default each Template Snippet you create within a Template will be automatically shown in the Snippets Layout tab (a sub-tab located at the top of the Snippets tab) for insertion. If this feature is unwanted, one may simply switch the behavior off by disabling this option.
Show Document Size Form Field - This will enable or disable the Document Size form field with which a Buyer can control the document size (for products with size variations such as signs, posters etc.).
Here one can change Template wide preferences.
This enables or disables filenames for images. Filenames will only be shown in the Admin Interface.
The resources panel area contains most of the resources used in a Template. In addition to Images, Fonts and Colors there are also special resources such as Styles and form fields.
This User Manual contains a complete chapter on each of the different resource types:
Pages - Add, sort and remove pages of a document or switch between single pages and facing pages.
Layers - Add or remove layers and manage layer visibilities.
Snippets - Search, select for Buyer Side, remove pages or switch between single pages and facing pages.
Images - Upload, remove and group images.
Fonts - Upload, remove and group fonts.
Colors - Create, delete, group colors and create color schemes.
Styles - Create and edit Styles.
One can minimize the resources panel tab by clicking on the double arrow icon. Once minimized, the tab will open again when another tab is selected.
The features panel contains all of your tools and settings for creating layouts and Buyer Side configurations.
Whenever a Frame or multiple Frames are selected, right clicking on them will open the Frame Context Menu.
Here Frames can be arranged into front or back, the spacing between them or relative to the page can get set or they can get aligned. Read more about arranging and alignement here
One can also copy and paste Frames here.
Pro Tip: In Printess Frames can even get copied between documents and Templates without any issues. If a Frame gets copied into another document or Template it will automatically add all its neccesary resources like images, fonts and colors to the document it is copied into.
Frames can also get Grouped which is also quite important for the Buyer side. Read more about Buyer Side Groups here
Set as Paste Board allows for defining the dimensions of the Paste Board by selecting a Frame. Read more about the Paste Board and this function here
All general properties of a frame such as its position, rotation and assigned styles can be changed. If no frame is selected, the document properties will be configurable in the same tab.
Additionally, every frame may have multiple so-called frame features. A frame feature might be an image, a text, a text on a path, a shape or a Sub Document. These various frame features can all be integrated within a single frame, providing users with powerful creative combinations.
Example: The frame below contains a shape, an image, a text and a path text. As you can see, the text flows through the heart shape, the image is masked into the shape of a heart and the path text follows the border around the heart.
Each enabled frame feature is indicated by a magenta-colored icon in the features panel, to provide a better overview of all active frame features.
To add a feature to a frame, select the frame and click on a feature icon such as Images. Next, select which feature you’d like to add (this depends on which feature you’ve selected). A dialogue will now open to ask if you would like to add a feature to the selected frame or to create a new frame with the selected feature.
Remark: Once you disable this dialogue, adding a feature to the selected frame is set as the standard behavior.
Learn more about all the possible options of various features here:
Images are pixel based images which can also contain transparency.
Text which is a special type comes in 4 different flavors:
Single Line Text - A single line text box with a uniform style that automatically scales to the size of the frame.
Multi Line Text - A text box with multiple lines of text that can contain various customizable styles. Multi Line texts can flow into or around shapes, as well as flow across several frames.
Symbol Text - One character from a selected symbolic font.
Barcode - A Barcode (e.g. QR-Code, EAN, Matrix-Code, …) which represents the text content.
A vector element that can be used for backgrounds, as a flow around/into shape or to mask images.
Sub Documents are one of the most powerful features of Printess. A Sub Document is essentially another document within the same Template that can be used as an image. This gives the user the ability to create a design or functionality that is separate from the actual document. Sub Documents make it easy and convenient to create content derived previews and to print documents from one central design.
Warps transform the features of a frame (e.g. give them perspective or project them onto a coffee mug). They can be combined into thousands of combinations. Warps are the centerpiece of stunning headlines and the magical photorealistic previews of Printess.
Effects are mostly pixel-based effects which will provide just the right finishing touch for any design. Like Warps, Effects can be combined in thousands of different ways to create personalized designs that are normally only possible with static graphic design.