Text Wrapping

Products like books, magazines, booklets, etc. may contain large text areas. Large plain texts are boring and they make catching the main idea, at first sight, difficult. So, if your users want to create eye-catching products that attract attention, they can use rich text. Rich text provides such formatting options as style (bold, italic, and underline), font, size, and color.

You can add rich text to a template like it is described in the Point and Rich (Paragraph) Text topic or to a product via the Rich text editor discussed in the Rich Text Editor topic. This topic dwells on the text wrapping feature that allows for controlling how images (shapes) and text areas are combined:

Wrapping Text Around an Image

The <TWM> marker added to an image layer name configures how all underlying rich text areas wrap around the image. Let us create a template that utilizes this wrapping feature. Add an image layer and a rich text layer to the template and insert the <TWM_xxx> marker into the name of the image layer. The result should look as follows in Photoshop:

TWM marker is tight.

Depending on the <TWM_xxx> marker value, the template loaded into the editor may look as follows:

  • <TWM_square>: text wraps around the image's bounding box. Rotate the image to see how the text wrapping changes.

    TWM marker is square.

  • <TWM_tight>: text wraps around the image's shape. Rotate the image to see the difference from the previous variant.

    TWM marker is tight.

  • <TWM_none>: no wrapping; image overlays underlying text.

    TWM marker is none.


If the text is too big to be displayed in a rich text area, it will be cropped. Rich text areas do not resize automatically when the user is typing in text.

Wrapping Text Inside a Shape

When Customer's Canvas wraps text inside a shape, it replaces the text boundaries with the shape's. The text and the shape must be defined in a PSD template. When the template is loaded into the editor, only the shaped text is displayed, while the shape itself is removed from the product.

Let us see how it works. Create a new PSD template and add a group layer to it. Mark the layer with <PBT> and add a rich text layer and a shape to the group. To prevent the text from dividing into columns, use the <TACCC_f> marker:

A template having a text wrapped inside a shape.

When the template is loaded into the editor, the text is wrapped inside the shape. A user can resize and rotate the shaped text like any other object. Also, the text itself can be changed.

The template loaded into the editor.

See Also