gruszczy Posted November 10, 2022 Share Posted November 10, 2022 I would like to set a round border around a piece of text. When I use Align Stroke to Outside, there is a strange artifact appearing. Both the fill and stroke are white - I don't know where is the other one coming from. That's picture 1. I know I can use Align Stroke To Center, but that doesn't work if I have some transparency. The stroke overlaps with the fill and overlays two semi-transparent colors. I can only use that with 100% alpha color, which is not what I want. That's picture 2. Does anyone know how I could create semi-transparent bubble around the text without any artifacts? Quote Link to comment Share on other sites More sharing options...
Staff Lee D Posted November 24, 2022 Staff Share Posted November 24, 2022 @gruszczyWelcome to the forums, sorry for the delay. Can you provide a copy of your document so I can take a look? if the intended design is an all white background have you considered using a Rounded Rectangle inserted behind instead as it wouldn't require a stroke if that is the design but there are other methods available. Quote Link to comment Share on other sites More sharing options...
GarryP Posted November 24, 2022 Share Posted November 24, 2022 I think this was a known (in V1) issue with stroke alignment set to Outside where the stroke and the fill are not ‘properly abutted’. For example: https://forum.affinity.serif.com/index.php?/topic/102424-visible-gap-between-adjacent-shapes/ Quote Link to comment Share on other sites More sharing options...
thomaso Posted November 24, 2022 Share Posted November 24, 2022 What is your app & version? I don't get this artifact in APub v1. (... although I remember it occurring when the edges of two object touch, caused by antialiasing, as mentioned in the thread linked by Garry). Quote macOS 10.14.6 | MacBookPro Retina 15" | Eizo 27" | Affinity V1 Link to comment Share on other sites More sharing options...
GarryP Posted November 24, 2022 Share Posted November 24, 2022 I can replicate this in Publisher 2.0.0.1640 on Windows 10. See attached image and document. gap-between-stroke-and-fill.afpub Quote Link to comment Share on other sites More sharing options...
thomaso Posted November 24, 2022 Share Posted November 24, 2022 As mentioned by Lee D, a rounded rectangle used as text frame with no stroke but insets appears easier to handle and has more flexibility for border width and corner radius. Quote macOS 10.14.6 | MacBookPro Retina 15" | Eizo 27" | Affinity V1 Link to comment Share on other sites More sharing options...
gruszczy Posted November 28, 2022 Author Share Posted November 28, 2022 Thanks a lot for the responses! Thanks @GarryP for uploading the repro document. That's exactly what I see. I am using version 1.10.5. I have a lot (150+) of such bubbles, so I need to be able for the size of the bubble to fit them automatically. @thomaso I have trouble replicating your suggestion. How do I go about it? Quote Link to comment Share on other sites More sharing options...
gruszczy Posted November 28, 2022 Author Share Posted November 28, 2022 @Lee D Inserting a rectangle behind the text would work if I only had a couple of instances, but I have over 150 of these. I need something that scales for me automatically. A sample of just a single map that I have. Quote Link to comment Share on other sites More sharing options...
thomaso Posted November 28, 2022 Share Posted November 28, 2022 9 hours ago, gruszczy said: @thomaso I have trouble replicating your suggestion. How do I go about it? 1. Create a rounded rectangle. 2. Select the Text Tool (T) and hover over the rectangle to make the cursor change: 3. Click to make the object turn into a Shape Text frame: 4. Set the frame parameters as wanted / e.g. shown in the previous screenshot above. 5. To define the frame fill transparency choose the opacity slider in the Frame Panel > Fill > Colour. 6. To adjust the rectangle corner radius select the Shape Tool. 7. If you choose for the text not the Top Align but the Centre Vertically option then you may want different (or none) insets for top / bottom than for left / right. Alternative: Define the visual "stroke" around the text not as insets in the Frame Text Panel but use the Paragraph Panel > Indent (left + right) and Space before: Note, this method defines the bottom "stroke" around the text by the frame height only. The advantage is that you can save this as text style and refine the settings at any time for all existing objects at once – while the insets option via Text Frame panel would require to select all existing Text Frames to adjust their insets. Quote macOS 10.14.6 | MacBookPro Retina 15" | Eizo 27" | Affinity V1 Link to comment Share on other sites More sharing options...
gruszczy Posted December 1, 2022 Author Share Posted December 1, 2022 @thomaso I am trying to follow the first approach, but it seems like I will need to manually fix every box to fit the size of the text? I would like to avoid that. I want it to grow automatically to the size of the text, but it's not happening right now. I don't want to go over 150 text boxes and manually fix their width. I would like the width to be generated automatically. Is that possible here? Quote Link to comment Share on other sites More sharing options...
MiWe Posted December 1, 2022 Share Posted December 1, 2022 Maybe with artistc text and decorations ? You are flexible in width and height ... but you lose roundes corners. Greetings Quote Link to comment Share on other sites More sharing options...
Recommended Posts
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.