SG Pilgrim Posted April 29 Posted April 29 For some reason, when I use enable underline it shows over any descenders in the text. How do I create an underline that is behind the text, not in front of it? Second question, is there a way to create an underline that automatically splits where the descenders are without having to try an hack something together with a text 'outline'? Quote
NotMyFault Posted April 29 Posted April 29 Duplicate frame text lower with underline upper without underline, set text stroke color to white, radius as needed Quote Mac mini M1 A2348 | MBP M3 Windows 11 - AMD Ryzen 9 5900x - 32 GB RAM - Nvidia GTX 1080 LG34WK950U-W, calibrated to DCI-P3 with LG Calibration Studio / Spider 5 | Dell 27“ 4K iPad Air Gen 5 (2022) A2589 Special interest into procedural texture filter, edit alpha channel, RGB/16 and RGB/32 color formats, stacking, finding root causes for misbehaving files, finding creative solutions for unsolvable tasks, finding bugs in Apps. I use iPad screenshots and videos even in the Desktop section of the forum when I expect no relevant difference.
NotMyFault Posted April 29 Posted April 29 Quote Mac mini M1 A2348 | MBP M3 Windows 11 - AMD Ryzen 9 5900x - 32 GB RAM - Nvidia GTX 1080 LG34WK950U-W, calibrated to DCI-P3 with LG Calibration Studio / Spider 5 | Dell 27“ 4K iPad Air Gen 5 (2022) A2589 Special interest into procedural texture filter, edit alpha channel, RGB/16 and RGB/32 color formats, stacking, finding root causes for misbehaving files, finding creative solutions for unsolvable tasks, finding bugs in Apps. I use iPad screenshots and videos even in the Desktop section of the forum when I expect no relevant difference.
NotMyFault Posted April 29 Posted April 29 Or tweaking the method from @carl123 and using a lower stroke on text frame, no fill, combined with white stroke on text Quote Mac mini M1 A2348 | MBP M3 Windows 11 - AMD Ryzen 9 5900x - 32 GB RAM - Nvidia GTX 1080 LG34WK950U-W, calibrated to DCI-P3 with LG Calibration Studio / Spider 5 | Dell 27“ 4K iPad Air Gen 5 (2022) A2589 Special interest into procedural texture filter, edit alpha channel, RGB/16 and RGB/32 color formats, stacking, finding root causes for misbehaving files, finding creative solutions for unsolvable tasks, finding bugs in Apps. I use iPad screenshots and videos even in the Desktop section of the forum when I expect no relevant difference.
SG Pilgrim Posted April 29 Author Posted April 29 @NotMyFault Thanks for that thread. Turns out I ended up going with two objects; the text with an outline and a simple line underneath it. I was wanting the line to extend the entire length of the text box, so a separate object was the simplest route. Plus it allowed for the line to fade out using a gradient. I was pretty sure in years past I had worked out a similar situation to what @carl123 had suggested, but perhaps that is win Illustrator. It's been quite a few years. I'm guessing the effect I was going for is not something people use on a regular basis and is likely not a simple thing to code. It would be nice to have a 'simple' option to make that cutout style outline though. Anyway, thanks again! Bound by Beans 1 Quote
kenmcd Posted April 29 Posted April 29 34 minutes ago, SG Pilgrim said: I'm guessing the effect I was going for is not something people use on a regular basis and is likely not a simple thing to code. It would be nice to have a 'simple' option to make that cutout style outline though. Browsers do it automatically with the text-decoration: underline. The image below is Firefox and the Georgia font. Chrome looks similar. The code is open source if someone wanted to see how it is done. Chrome uses Skia. Do not know what Firefox uses. SG Pilgrim 1 Quote
SG Pilgrim Posted April 30 Author Posted April 30 @kenmcd Perhaps that's why I thought it was easy, as I'd seen it used elsewhere but just wasn't putting the pieces together in my head. Honestly, I'm not sure why it wouldn't be a feature in APub or AD but I guess it's not there until it is. kenmcd 1 Quote
h_d Posted April 30 Posted April 30 Late to the party, but... If you use Decorations in the Paragraph panel rather than an underscore defined in the Character panel, you can achieve what you need without drawing separate rules: In the Paragraphs panel, the Right element of the decoration is set to Column with 0mm indent. The Bottom element is set to Descent with 0.8mm indent. The Stroke is set to 2pt red. I unchecked Combine identical so that the rule appears in all following paragraphs. The rule appears 'below' the text rather 'above it' (Heaven knows why it works the other way for character styles). In the Character panel, the size is 20pt, the outline is set to 1pt white, outside the character. This way the red rules will follow the width of the text frame without having to change them separately, and the whole setup can be saved as a style and used repeatedly. And in a continuous flow of text, they'll stick with the 'Day x' text without having to readjust their position every time you add extra paragraphs to the intervening text. Alfred and SG Pilgrim 2 Quote Affinity Photo 2.6.3, Affinity Designer 2.6.3 Affinity Publisher 2.6.3, Mac OSX 15.5, 2018 MacBook Pro 15" Intel.
loukash Posted April 30 Posted April 30 More on the topic and various workflo… er, workarounds in these threads: Quote MacBookAir 15": MacOS Sonoma > Affinity v1, v2, v2 beta // MacBookPro 15" mid-2012: MacOS El Capitan > Affinity v1 / MacOS Catalina > Affinity v1, v2, v2 beta // iPad 8th: iPadOS 18 > Affinity v2
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.