Frame position settings are located on the Ruler icon in the top menu bar. When a frame is selected the tab will show the position settings of the frame.
Valid values for top, left, width and height are expressed in cm, inch, px, %, <%. The default unit, if none are present, is the unit set in the document settings.
% and %%, <% units are especially useful to position items in a flexible document:
% unit refers to the document width or height depending on the respective axis you are in (E.g. inputting 100% into width means 100% of the document width.)
%% means the same but for the other axis
<% means the minimum of both axis
Please also read the chapter on General concepts of Flex Designs
The Aspect Lock icon is used to toggle locking of the width and height ratio. Selecting this icon will automatically change the height of the document if the width is changed (or vice-versa) based on the docuement size settings existing at the time that the Aspect Lock icon is selected.
With the px, cm, etc. buttons below the input fields it is possible to change between different units.
One might also use calculations in all input boxes by starting with = followed by the calculation e.g. = 2*3cm+1cm.
Use Percent to Find the Middle.
If one would like to position a bar 1cm to the right of the middle of a double page. Simply input =50% + 1cm for the left position of the bar.
One can always convert units into each other. Either collectively by using one of the unit buttons at the bottom of the position field or selectively by clicking on one of the small triangles above the input fields. In this case, a selection popup will appear and offer different conversions. E.g. to convert the height of a frame.
With the Reference Point control, the user can control the point of rotation as well as the point on the frame which represents the top-left position.
The Anchor control is extremely useful for flexible document designs. This control sets the dock pointsof the Frame (normally top left) to the sides of the document (e.g. bottom, right) and can also anchor the width or height by selecting up to four of the anchors.
If the document size changes, the respective anchor points will move and reposition/resize the frame accordingly. An example template for a mobile phone cover can be found in the Printess program. To see this, just create a new template and select the phone cover example from the pre-made templates available in Printess.
Rotation for Anchored Images Rotation for images anchored with more than two points is limited to content rotation in 90° steps. The rotation slider will be replaced by the content rotation selector.
By default Multi Line text frames grow in height when additional text is added, so height is set by the content. Here you can change this behaviour to let the text either grow in width or not grow (necessary to let the text flow between Frames).
Text in Auto Size mode can shift elments below in the same group on Buyer Side. Setting the Auto Size mode to Height also enables the Adjust Document Height setting in the Buyer Side tab.
Learn more about shifting elements below Auto Size Text here.
This feature is very useful if you would like a background frame to extend to the bleed while any frames in the foreground remain in place, or when you give a Buyer control over document dimension settings. With this powerful feature, you do not need individual Layout Snippets for each product and can use each Layout Snippet across essentially all of your products.
For example, above we have an example of a mug product (without bleed) and a canvas product (with bleed). Both use the same Layout Snippet with a purple background and a 9 image collage in the foreground. So how do we create a versatile Layout Snippet that can be used across multiple Templates?
Simple! With the Dock to Bleed feature, we can apply Dock to Bleed to the purple background frame on the Layout Snippet, and keep the positioning of the foreground layer of the Layout Snippet image frames centered inside the page or placement margins.
As you can see, this Layout Snippet will appear normally in the mug example, while extending the background of the page bleed of the calendar. In the mug example (left) the Layout Snippet extends to the page size without bleed. In the canvas example (right) the the Layout Snippet uses the page size for image frame placement and the bleed area for the background placement.
This keeps the documents and products organized and looking beautiful, while at the same time being highly customizable from various premade, we recommend to use our versatile Layout Snippet libraries.
This feature saves you time and effort as you can create Layout Snippets that can be applied across multiple products. Instead of creating different Layouts for different products, you can simply create more products and use the same Layout Snippets for them! The Layout Snippets also will appear just as beautifully on products with placement margins and bleed, such as a calendar:
Here the layout is centered inside of the placement margins while the background extends to the page bleed.
It is important to note, that the position of frames is adjusted when:
Giving the customer control over their document dimensions and the ability to resize a document really puts them in charge, and adds a dynamic level of personalization for the Buyer. But keeping the positioning of frames is also very important. Here is also where Dock to Bleed shines. Buyers can switch between page sizes and even create their own custom dimensions, and the Layout Snippets will automatically adjust their frame positioning to the preset bleeds and placement margins for different products or materials:
Please see our Universal Layout Snippet example to explore some of the possibilites this feature creates!
In the above Universal Layout Snippet example, we see 5 different products with various Layout Snippets that can be applied to all of them regardless of their document dimensions. The backgrounds will automatically extend to the bleed when a bleed is present such as with the calander, canvas, portrait, and landscape examples.
Lets take a look at an example calander Template.
You can follow along with this process with the Printess Calander example Template from the New Template section of the Template Browser:
First, lets enable Dock to Bleed on our Image frame. We select the frame and navigate to the Position panel, then toggle Dock to Bleed on for this Image frame.
When placement margins are turned on, frames and Layout Snippets will dock to the position set by the placement margins:
With Dock to Bleed enabled on the Image frame, we see that it is still docked within the placement margins.
To bypass this, simply use the Layout Snippet Placement Margin arrows next to the value inputs on the Document frame features tab (unselct the current frame by clicking the document or pasteboard to open this panel) to extend the frame to the bleed in any direction for frames with Dock to Bleed (or the Splitter tool) enabled:
Info: Any frames with the Splitter tool activated support this feature by default.
Rotation will rotate the selected frame based on the set Anchor control points from the top of the Position panel.
The Mirror icons are used to vertically or horizontally mirror the frame based on the central axis.
Any frame can have a name. This name will appear in the Layer tab to easily identify the frame in the list. The frame name is also useful in the Styles tab where it can be used in addressing a frame.
frame.Name is only visible in Document Styles.
If you would like to use the properties of a named frame in a style, note that these are only usable in Document Styles. Auto-completion will also not show them if you work on Global Styles.
Also make sure that if you’d like to use named Frames in Styles that you don’t accidently use the same name twice!
Each frame can use multiple styles created in the Styles tab to change its style based on form field values or other conditions. Use the Style Selector to choose and add a style that should be applied to the frame. x Will remove a selected style.
Styles Overwrite Behavior
If one selects multiple styles containing the same properties e.g. color - the style which appears last in the style definition will determine the property independent from the order in which the styles are mentioned in the style selector of the frame. Also Document Styles will win over Template Styles.
With Frame Markers you can either generate statistical data or implement a pay per artwork model with your buyers. You can mark every frame with a custom marker of your choice and after editing use the editor API to analyze the appearance and amount of certain tags.
Use the API method getBuyerFrameCountAndMarkers() to retrieve used Markers together with some other useful editing statistics. Read more here.
Tip One can also use this API call to analyze if the user has changed/added any frame on a specific document to e.g. determine if the buyer put something on the back of a T-Shirt …
Depending on the frame type you will find additional text properties at the bottom of the Position tab.
All frames have Wrap settings which determine if Multi Line text will flow around the frame or the shape selected. When wrap around both sides is selected, a Text Flow Distance setting appears beneath the Wrap Text Around properties that you use to set the distance at which Multi Line texts flow around the frame:
The Frame Context Menu allows for arranging, aligning and spacing of Frames as well as copying, pasting and grouping of Frames.
Here one can control the sort order in terms of being in front or in the back of a document. Note that Frames on Layers can only be arranged inside their Layer. So if the Layer is on top of other Layers one would also need to chnge the Frames Layer to get it behind the other Frames.
This function is only available if more than two Frames are selected.
Horizontal Between will arrange all selected Frames in a way that the horizontal distance between the Frames is equal.
Vertical Between will arrange all selected Frames in a way that the horizontal distance between the Frames is equal.
If used in the Context Menu Spacing (Page) Horizontal will position the leftmost Frame to the left border of the page and the rightmost frame to the right border of the page and equalize all distances between all selected Frames. The same counts for using Vertical between in this context Menu.
Horizontal Around will arrange all selected Frames like in Horizontal between, except that the same space is also added to the left and the right of a Frames. The given space is defined by the bounding box of the selection.
Vertical Around will arrange all selected Frames like in Vertical between, except that the same space is also added to the top and the bottom of the Frames. The given space is defined by the bounding box of the selection.
If used in the Context Menu Spacing (Page) the behaviour is the same except that the given space is defined by the Page itself.
Align one or more frames relative to each other or relative to the Page. Select one or more frames and choose the required alignment.
Here you can perform the same function you normally have on the buyer side with splitter frames (Only available for image and single line text frames).
Learn more about Splitter here
Copy and Paste as well as Paste in Place can be done for one or multiple selected Frames.
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 necessary Resources like Images, Fonts and Colors to the document it is copied into.
Frames can also get Grouped and Un-Grouped in the Context Menu which is also quite important for the Buyer side. Read more about Buyer Side Groups here.
Allows for defining the dimensions of the Paste Board by selecting a Frame. Read more about the Paste Board and this function here.
This will delete all selected Frames.
Info: Select a shape or Single Line text frame to enable this feature on the bottom of the document settings tab.
This allows you to clip all frames below a shape or single line text within one layer. This is a powerful feature. It even works in conjunction with variable Single Line text. Additionally, you can select if the clipping should happen in PDF output mode as well by selecting Clip in Production.
Clipping is always local to the layer the clipping element is in and happens only below the clipping element. Clipping elements are marked as Clip-Path in the layer view.
See this example where we clipped a complete layout with a round shape.
If a clip path element is made invisible by a style, the clipping effect disappears as well.
A good example on how to use Clip Frames Underneath is our Photo Tile example document.
Pro Tip: If the CLIP-PATH is the topmost frame in the Base Layer Printess will insert all Stickers below it so that the Path clips even them.
When working with irregular shaped products you can use Clip Page Paper Color to also clip the page background. This takes away the pain to adjust page-background to pasteboard (and other hacks) if the design is not rectangular and therefore is using a clipping path.