Jump to content

Fitting text around an image

Recommended Posts

  • Moderators

Hi Stuart,

There's no automated way to do this yet, however for basic designs there's a simple workaround you can use: basically you have to place the text inside a shape to use it as a frame for the text with the Frame Text tool. However before you do this you have to create a rectangle shape a little bigger than the image you want to use (it will serve to add a margin around the text - in the attached image below it's the equivalent to the blue circle) and subtract it from the main shape (the green rectangle in the screenshot below). Then with the resulting shape still selected, place the Frame Text tool over it (the cursor will change to a "T" inside a polygon) and click to fill it with text or paste you text there.



Link to comment
Share on other sites

  • 3 weeks later...
  • Moderators

Hi mba,

Welcome to Affinity Forums :)

Affinity programs have two text tools: The Artistic Text Tool (its icon is an "A") and the Frame Text Tool (its icon is a "T") see screenshot below. The first is mainly used for small sentences/words where you may want to apply some effects or attach along a path or use on a button. The Frame Text Tool is used for blocks of text. To switch between them click on the small arrow on the bottom right of the button to open a pop-up menu (as you see in the screenshot).




Here's a few video tutorials about the Text tools that may help:


Regarding the reply in my previous post. Here's the process described step-by-step:

- to wrap text around an image you first have to create a shape where you will place the text inside - in the example i'm attaching below it's the red rectangle

- then place you image in the position you want over the red shape

- create new shape slightly larger than the image which will be used (in the following step) to create a margin around the image. Make sure it above the main shape in the Layers panel - in the example attached below this corresponds to the green shape

- select both the red shape and the green shape then go to menu Layer ▸ Geometry ▸ Subtract (you can also use the icons in the main toolbar in the Operations section)

- now select the Text Frame Tool click on the red shape (you may need to click it twice if it's not already selected) and start typing or paste text copied from another source there.


You may need to adjust the position of the image and the nodes around the image in the red shape to optimise their position in relation to the text (so the margins look similar optically since the text leading will interfere with this). To control those adjustments use the Nudge keys shortcuts so both the image and nodes move the same amount (currently you can't move both nodes and image simultaneously).


All this should become much more easy and powerful once automatic text wrapping is implemented. The process described above is just a workaround and only applicable in simple cases.


Link to comment
Share on other sites

At present the subtraction process happens according to the position top to bottom of the object. I think it would be useful to be able to let the last selected determine which object is subtracted from which. Being able to align objects according to the last selected would also be consistent with what is done in other programs.

Link to comment
Share on other sites

  • 1 year later...

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.
Note: Your post will require moderator approval before it will be visible.

Reply to this topic...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.


  • Create New...

Important Information

Please note there is currently a delay in replying to some post. See pinned thread in the Questions forum. These are the Terms of Use you will be asked to agree to if you join the forum. | Privacy Policy | Guidelines | We have placed cookies on your device to help make this website better. You can adjust your cookie settings, otherwise we'll assume you're okay to continue.