New in Customer’s Canvas. Create more appealing texts with copyfitting

02 April 2018
New in Customer’s Canvas. Create more appealing texts with copyfitting
When creating a template, you need to keep in mind that customers may enter text of different lengths during the personalization process. This means that either the size of the text area should be changed, or users must decrease the font size themselves. However, putting that power in the hands of the customer might result in ruining the final design. Limiting the number of characters in the Customer’s Canvas online editor previously solved this problem, but that wasn’t always the case.

Copyfitting feature

Today we are introducing the addition of copyfitting to our feature set. Now you can rest assured that, regardless of the entered text’s size, it will remain within the specified zone and will look as if it was specially customized for the zone’s size.

Copyfitting can be used in 3 different modes, depending on your design needs.

1) Fit to width

In this mode, the text is not transferred to a new line once it reaches the boundaries of the text layer, but rather scaled down to fit it.

Copyfitting fit to width

2) Fit to width scale

Once the text reaches the boundaries of the layer, this mode shrinks it horizontally

Copyfitting fit to width scale horizontal

or vertically.

vertical copyfitting

3) Fit to box

This mode allows the text to be wrapped in rows, but when the end of the bounding box is reached, it will scale down proportionally.

Copyfitting Fit to box

How can you enable the copyfitting feature on the text layer?

We’ve added two new markers to Customer’s Canvas, both of which are responsible for copyfitting. TOS (Text Overflow Strategy) is a marker that dictates the behavior of the text when a text layer overflows. TSM (Text Shrink Mode) is a marker responsible for the method of reducing the text. By combining these two markers, you can achieve different modes of copyfitting for the text in your project.

When creating a design template in InDesign or Photoshop, simply add these markers to the name of a text layer that you wish to enable the copyfitting feature for. For example, you want the text to shrink as it reaches a layer’s boundaries without it moving to a new line. To do this, add the following combination of markers to the layer name: <TOS_fitToWidth> <TSM_size>

You may create a bounded text layer, both for rich and plain texts.

Enabling copyfitting шт Adobe Photoshop template

Next, load the PSD file into the Customer's Canvas Editor and allow your customers to personalize the text area without risking mistakes based on how the text can be entered into the frame.

For more information on setting up this feature correctly, see the documentation section.

To enable the copyfitting feature for your project, you will need to update Customer’s Canvas to v.4.2.7.

Update Customer’s Canvas to v.4.2.7

Boost your business with web-to-print