User Manual Quickstart General Concepts Frame Features Document Settings Position Image Working with Text Single Line Text Multi Line Text Barcodes Symbols Text On Path Shapes Intelligent Shapes Path Editor Shape Fill Color Shape Stroke Width and Color Path Defines Box Size Sub Document Warp Effects Buyer Side Settings Resources Style Reference Change Log Glossary Acknowledgements Api Reference Authorization Tokens Embedding The Editor Custom Integration Backend Api

Shapes

Top Menu Bar

A shape is a single path vector element. One can use our ready-made shapes which are configurable or create their own shapes with the built-in shape editor. Besides being used as graphical shapes, shapes are very useful to define masks for images, let Multi Line text flow around or let it flow into shape. If a frame with the Shape feature is selected the tab shows the settings for shapes.

Intelligent Shapes

Sub Document

Here one can choose a ready-made shape for the frame. Some frames e.g. the star, have configuration options available to change their appearance.

Path Editor

Sub Document Fitting

Clicking the Edit Path button lets one enter the built-in Path Editor. The square points are the path points of the path, and the round points are the control points of the Bezier curves. Within the path editor, one can alter the shape by dragging its path or control points around. One may also add additional points by pressing + or use delete to remove a point. When a new point is inserted it will be inserted as a straight line segment. If one wants to change it to a bezier point it needs to be selected with shift pressed. this will create tangent control points and instead of moving the point will move the control points of the newly create bezier(s).

Sub Document Fitting

If one moves control points, pressing shift will keep them tangent and equally distanced to the control point, making the transition at the control point smooth.

Sub Document Fitting

While editing the path, one can decide whether to use the built-in grid by switching on Snap to grid line. The grid is defined in the settings on the top menu bar.

selecting the Button Path is open will switch the path to a closed Path by connecting the last and the first point with a straight line segment and the Button will switch to Path closed.

Pressing Esc or the Close Path Editor Button closes the path editor and returns to normal view.

Shape Fill Color

Sub Document

Set the fill color of the shape by either selecting a swatch from the drop-down or use the Create icon inside the drop-down to create a new color. If one has selected an RGB color, the HSL manipulation option is available as well. Press the HSL button to change the hue, brightness or saturation of the selected color.

Shape Stroke Width and Color

Sub Document

If Stroke Width is set to a value other than 0 in stroke settings, a stroke around the shape will appear.

Stroke Color

Sub Document

Stroke Color allows the user to control just the color of the stroke around the shape. Functionality is the same as in Shape Fill Color.

Stroke Alignment

Sub Document

Stroke Alignment buttons control where the stroke should appear. One has the choice between Center, Outside and Inside.

Stroke Join

The Stroke Join button controls how the strokes are joint at corners:

miter join

Miter will let strokes meet at their virtual cross point of the outline.

round join

Round will let strokes join with a radius of half the stroke width.

bevel join

Bevel will join them with flattened corners.

Stroke Type

stroke type
stroke drop down

Strokes can also be set as a variety of different types. One has the choice of circular patterns as well as different dash types. For each different stroke type, one may also define the Gap Size.

Selecting Dashed N lets one configure the Dash Size.

dashed

Path Defines Box Size

Sometimes e.g. if one would like to apply a warp to several grouped frames it is neccessary to have the same frame size and position for all elements. As this would be impossible if the frame size is determined by its content one can switch off this standard behaviour by deactivating the switch.

dashed

Here is an example for the use case. In the below snippet which can be arc warped all the small lines have to be separte shapes but still need to warp into correct positions once grouped (you can have a closer look by adding this sgroup snippet from the printess-calligraphy snippet library).

dashed

taking a closer look one will notice that all shape frames making up this snippet have exactly the same size and position and have the Path defines Box Size switch turned off.