Jump to content
Our response time is longer than usual currently. We're working to answer users as quickly as possible and thank you for your continued patience.

Wrapping text around an image in Designer on Mac


Recommended Posts

Text wrapping around objects is not a function provided by Designer; it's only in Publisher.

So I think you'll have to emulate it by creating a Text Frame with an odd shape. For example, you could put the image on the canvas or artboard and then use the Pen Tool to create a shape like this:

image.png.de17d901c515d814aeb519baabb323ae.png

Then use Layer > Convert to Text Frame, and put your text into the frame.

 

-- Walt

Desktop:  Windows 11 Home, version 21H2 (22000.613) 64GB memory, AMD Ryzen 9 5900 12-Core @ 3.00 GHz, NVIDIA GeForce RTX 3090 
Laptop:  Windows 10 Home, version 21H2 (19044.1706) 32GB memory, Intel Core i7-10750H @ 2.60GHz, Intel UHD Graphics Comet Lake GT2 and NVIDIA GeForce RTX 3070 Laptop GPU.
        Affinity Photo 1.10.6 (.1665) and 2.0..3  and 2.0.3.1670 beta/ Affinity Designer 1.10.6 (.1665)  and 2.0.3 and 2.0.3.1670 beta / Affinity Publisher 1.10.6 (.1665)  and 2.0.3 and 2.0.3.1670 beta
iPad Pro M1, 12.9", iPadOS 16.3, Apple Pencil 2, Magic Keyboard

      Affinity Photo 1.10.6 and 2.0.3 / Affinity Designer 1.10.6 and 2.0.3 / Affinity Publisher 2.0.3

Link to comment
Share on other sites

6 minutes ago, anotherhoward said:

When I filled the new text frame, there is a blank area above the first line of text

That didn't happen when I created the document for my screenshots above (though I showed it without the text), so I suspect it's something you've done. If you'd like to share the sample document that would be better than guessing.

-- Walt

Desktop:  Windows 11 Home, version 21H2 (22000.613) 64GB memory, AMD Ryzen 9 5900 12-Core @ 3.00 GHz, NVIDIA GeForce RTX 3090 
Laptop:  Windows 10 Home, version 21H2 (19044.1706) 32GB memory, Intel Core i7-10750H @ 2.60GHz, Intel UHD Graphics Comet Lake GT2 and NVIDIA GeForce RTX 3070 Laptop GPU.
        Affinity Photo 1.10.6 (.1665) and 2.0..3  and 2.0.3.1670 beta/ Affinity Designer 1.10.6 (.1665)  and 2.0.3 and 2.0.3.1670 beta / Affinity Publisher 1.10.6 (.1665)  and 2.0.3 and 2.0.3.1670 beta
iPad Pro M1, 12.9", iPadOS 16.3, Apple Pencil 2, Magic Keyboard

      Affinity Photo 1.10.6 and 2.0.3 / Affinity Designer 1.10.6 and 2.0.3 / Affinity Publisher 2.0.3

Link to comment
Share on other sites

I get a problem when using the pen tool making an L shape. But if I use a Text Frame and convert to curves and then make that into an L shape I have no problem. If I make two rectangles into an L shape by adding them and convert that to a Text Frame I have no problem.

Only when making some shape with the Pen tool do I see the problem. And that is because the top line must be dead level, off by a single pixel and all bets are off. Turn on Snapping choose the grid for the candidate.

Mac Pro (Late 2013) Mac OS 11.7.3 
Affinity Designer 2.0.4 | Affinity Photo 2.0.4 | Affinity Publisher 2.0.4 | Beta versions as they appear.

I have never mastered color management, period, so I cannot help with that.

Link to comment
Share on other sites

3 hours ago, anotherhoward said:

How can I make two rectangles into an L shape by adding them?

I think he might have meant subtracting, not adding.

All 3 1.10.6, & all 3 V2.03 Mac apps; 2020 iMac 27"; 3.8GHz i7, Radeon Pro 5700, 32GB RAM; macOS 10.15.7
Affinity Photo 
1.10.6; Affinity Designer 1.10.6; & all 3 V2 apps for iPad; 6th Generation iPad 32 GB; Apple Pencil; iPadOS 15.7

Link to comment
Share on other sites

13 hours ago, Old Bruce said:

And that is because the top line must be dead level, off by a single pixel and all bets are off. Turn on Snapping choose the grid for the candidate.

Hold Shift to constrain the lines to horizontal and vertical.

-- Walt

Desktop:  Windows 11 Home, version 21H2 (22000.613) 64GB memory, AMD Ryzen 9 5900 12-Core @ 3.00 GHz, NVIDIA GeForce RTX 3090 
Laptop:  Windows 10 Home, version 21H2 (19044.1706) 32GB memory, Intel Core i7-10750H @ 2.60GHz, Intel UHD Graphics Comet Lake GT2 and NVIDIA GeForce RTX 3070 Laptop GPU.
        Affinity Photo 1.10.6 (.1665) and 2.0..3  and 2.0.3.1670 beta/ Affinity Designer 1.10.6 (.1665)  and 2.0.3 and 2.0.3.1670 beta / Affinity Publisher 1.10.6 (.1665)  and 2.0.3 and 2.0.3.1670 beta
iPad Pro M1, 12.9", iPadOS 16.3, Apple Pencil 2, Magic Keyboard

      Affinity Photo 1.10.6 and 2.0.3 / Affinity Designer 1.10.6 and 2.0.3 / Affinity Publisher 2.0.3

Link to comment
Share on other sites

7 hours ago, R C-R said:

I think he might have meant subtracting, not adding.

Add works fine.

Make the two rectangles. Snap them to each other. Add. 

-- Walt

Desktop:  Windows 11 Home, version 21H2 (22000.613) 64GB memory, AMD Ryzen 9 5900 12-Core @ 3.00 GHz, NVIDIA GeForce RTX 3090 
Laptop:  Windows 10 Home, version 21H2 (19044.1706) 32GB memory, Intel Core i7-10750H @ 2.60GHz, Intel UHD Graphics Comet Lake GT2 and NVIDIA GeForce RTX 3070 Laptop GPU.
        Affinity Photo 1.10.6 (.1665) and 2.0..3  and 2.0.3.1670 beta/ Affinity Designer 1.10.6 (.1665)  and 2.0.3 and 2.0.3.1670 beta / Affinity Publisher 1.10.6 (.1665)  and 2.0.3 and 2.0.3.1670 beta
iPad Pro M1, 12.9", iPadOS 16.3, Apple Pencil 2, Magic Keyboard

      Affinity Photo 1.10.6 and 2.0.3 / Affinity Designer 1.10.6 and 2.0.3 / Affinity Publisher 2.0.3

Link to comment
Share on other sites

8 minutes ago, walt.farrell said:

Make the two rectangles. Snap them to each other. Add. 

I overlap, always. With the way the Affinity applications can mess up using the Boolean operations I always overlap when adding, I am not confident the operation won't give extra nodes if I just butt them together.

Mac Pro (Late 2013) Mac OS 11.7.3 
Affinity Designer 2.0.4 | Affinity Photo 2.0.4 | Affinity Publisher 2.0.4 | Beta versions as they appear.

I have never mastered color management, period, so I cannot help with that.

Link to comment
Share on other sites

I have made an L-shaped rectangle and converted it to a text frame, but when I typed text into the text frame, the text appears strangely -- see attachment. There is too much space between the lines. I checked both the Paragraph and Character panels but don't see anything amiss in either of them.

I appreciate everyone's help so far.

text box image 4.png

sample-3.afdesign

Link to comment
Share on other sites

You have a 99 point leading override. Select all the text and use the Character panel to set the Override to Auto.

570532309_ScreenShot2021-12-18at8_03_37AM.png.fafb83785eb622fe78c553364aa29654.png

Mac Pro (Late 2013) Mac OS 11.7.3 
Affinity Designer 2.0.4 | Affinity Photo 2.0.4 | Affinity Publisher 2.0.4 | Beta versions as they appear.

I have never mastered color management, period, so I cannot help with that.

Link to comment
Share on other sites

4 hours ago, walt.farrell said:

Add works fine.

Make the two rectangles. Snap them to each other. Add. 

That does not work for me for something like this Add or subtract.afdesign file, but Subtract does, & works even when the smaller rectangle is not snapped to the larger one.

All 3 1.10.6, & all 3 V2.03 Mac apps; 2020 iMac 27"; 3.8GHz i7, Radeon Pro 5700, 32GB RAM; macOS 10.15.7
Affinity Photo 
1.10.6; Affinity Designer 1.10.6; & all 3 V2 apps for iPad; 6th Generation iPad 32 GB; Apple Pencil; iPadOS 15.7

Link to comment
Share on other sites

4 hours ago, Old Bruce said:

I overlap, always. With the way the Affinity applications can mess up using the Boolean operations I always overlap when adding, I am not confident the operation won't give extra nodes if I just butt them together.

I am not sure what you mean about overlap, but consider this add or subtract 2.afdesign file with two overlapping rectangles.  If I try adding them together, I do not get an L shape. If I subtract, I do get an L shape, & it has no extra nodes. It is a quick & easy way to get an L shaped curve.

All 3 1.10.6, & all 3 V2.03 Mac apps; 2020 iMac 27"; 3.8GHz i7, Radeon Pro 5700, 32GB RAM; macOS 10.15.7
Affinity Photo 
1.10.6; Affinity Designer 1.10.6; & all 3 V2 apps for iPad; 6th Generation iPad 32 GB; Apple Pencil; iPadOS 15.7

Link to comment
Share on other sites

3 minutes ago, Old Bruce said:

@R C-R

Six of one a half dozen of the other.

I am not sure what you mean by that. At least for me, adding those two overlapping rectangles simply does not ever create an L shape, but subtracting always does. Are you saying you are seeing something different?

Regarding an earlier comment:

19 hours ago, Old Bruce said:

Only when making some shape with the Pen tool do I see the problem. And that is because the top line must be dead level, off by a single pixel and all bets are off. Turn on Snapping choose the grid for the candidate.

The Pen tool includes an "Align to nodes of selected curves" snapping option on the context toolbar. With that enabled, after placing the first node with the Pen tool, you can use the Shift key to place the second one directly below it, & from there on the other nodes will snap into alignment with the existing ones without the need to hold down Shift. This works even when no other snapping options are enabled.

Not the most obvious way to make sure every node is aligned properly but it works.

All 3 1.10.6, & all 3 V2.03 Mac apps; 2020 iMac 27"; 3.8GHz i7, Radeon Pro 5700, 32GB RAM; macOS 10.15.7
Affinity Photo 
1.10.6; Affinity Designer 1.10.6; & all 3 V2 apps for iPad; 6th Generation iPad 32 GB; Apple Pencil; iPadOS 15.7

Link to comment
Share on other sites

5 hours ago, R C-R said:

At least for me, adding those two overlapping rectangles simply does not ever create an L shape, but subtracting always does. Are you saying you are seeing something different?

I used completely different shapes. I made the upright then the bottom, basically the finished L then added them.

Six of one... referred to using two different methods to get the same result. Two pairs of rectangles, different shapes, two different operations, Add or Subtract give the same end result.

Mac Pro (Late 2013) Mac OS 11.7.3 
Affinity Designer 2.0.4 | Affinity Photo 2.0.4 | Affinity Publisher 2.0.4 | Beta versions as they appear.

I have never mastered color management, period, so I cannot help with that.

Link to comment
Share on other sites

5 hours ago, R C-R said:

The Pen tool includes an "Align to nodes of selected curves" snapping option on the context toolbar. With that enabled, after placing the first node with the Pen tool, you can use the Shift key to place the second one directly below it, & from there on the other nodes will snap into alignment with the existing ones without the need to hold down Shift. This works even when no other snapping options are enabled.

Not the most obvious way to make sure every node is aligned properly but it works.

Thanks for that, another excellent tool to add to my toolbox. Oh my, it has been there all along. Pay more attention Bruce.

Mac Pro (Late 2013) Mac OS 11.7.3 
Affinity Designer 2.0.4 | Affinity Photo 2.0.4 | Affinity Publisher 2.0.4 | Beta versions as they appear.

I have never mastered color management, period, so I cannot help with that.

Link to comment
Share on other sites

1 minute ago, Old Bruce said:

Six of one... referred to using two different methods to get the same result. Two pairs of rectangles, different shapes, two different operations, Add or Subtract give the same end result.

Well, add does not have the same end result as subtract for the rectangles in the files in my examples, or anywhere else where they do not overlap to create a perfect L shape before adding them.

All 3 1.10.6, & all 3 V2.03 Mac apps; 2020 iMac 27"; 3.8GHz i7, Radeon Pro 5700, 32GB RAM; macOS 10.15.7
Affinity Photo 
1.10.6; Affinity Designer 1.10.6; & all 3 V2 apps for iPad; 6th Generation iPad 32 GB; Apple Pencil; iPadOS 15.7

Link to comment
Share on other sites

You are using one large rectangle and one smaller rectangle (though it doesn't need to be smaller, just the overlap is small) to Subtract (punch out) the L shape. I am use two small rectangles to arrange the L shape and Adding them. Think of nailing two narrow boards together versus sawing out a bit from one large wide board.

Mac Pro (Late 2013) Mac OS 11.7.3 
Affinity Designer 2.0.4 | Affinity Photo 2.0.4 | Affinity Publisher 2.0.4 | Beta versions as they appear.

I have never mastered color management, period, so I cannot help with that.

Link to comment
Share on other sites

5 minutes ago, Old Bruce said:

I am use two small rectangles to arrange the L shape and Adding them.

I am aware of that. My point is Add only works if the two rectangles are already aligned so that together they form a perfect L shape, so you must insure the two rectangles are perfectly aligned.

So for example, in this almost aligned.afdesign example, Add will not produce a perfect L shape because there will be a tiny difference between the nodes at the bottom of the overlap.

All 3 1.10.6, & all 3 V2.03 Mac apps; 2020 iMac 27"; 3.8GHz i7, Radeon Pro 5700, 32GB RAM; macOS 10.15.7
Affinity Photo 
1.10.6; Affinity Designer 1.10.6; & all 3 V2 apps for iPad; 6th Generation iPad 32 GB; Apple Pencil; iPadOS 15.7

Link to comment
Share on other sites

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.

Guest
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.

Loading...
 Share

×
×
  • 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.