LostInTranslation Posted September 21, 2020 Share Posted September 21, 2020 For a specific design, I need a line of text to be "flat" on top, but follow a line on the bottom. It's a bit hard to explain for me with words, but just look at the example and you will know what I mean. With "straight" characters like "T", "E", "I" and so on, this is not a problem. The node tool is your friend here. But with "curved" charcters like "S", "G" or even "D", things get trickier. It's mostly not possible to move nodes down without breaking the general shape. Also just scaling the whole character vertically is not the right way. I did this in my example and you see that the "S" is much heavier than the rest because of the stretching. And all this only goes for sans-serif fonts. Serif or decorative fonts can be a challenge even with the simplest of characters. So I was wondering, is there a tool or special way to do this the right way? I'd like to be able to stretch characters without changing their shape or weight. Any help is appreciated. Quote Link to comment Share on other sites More sharing options...
GarryP Posted September 21, 2020 Share Posted September 21, 2020 Stretching characters “without changing their shape” will be difficult. As far as I know there’s no way to do precisely what you want in any of the Affinity applications. None of them have the kind of vector manipulation tools you need and the manipulations tool in Photo for this sort of thing will distort the text and convert it to rasters into the bargain. I’m not aware of any other software that could do what you want with text created with an existing font, although there may be some font-wrangling software that might do the trick (none that I know of though). The problem is that most fonts are filled outlines and, when you manipulate them, you don’t normally have control over how parts of the outlines move in relation to each other. You could do something close to what you need by creating your own lettering using curves with thick outlines but that would probably require some good illustration skills to get a good-looking result. However, other people might have better suggestions so don’t just take my word for it. Quote Link to comment Share on other sites More sharing options...
walt.farrell Posted September 21, 2020 Share Posted September 21, 2020 This is a quick attempt in Designer. I'm not sure it's what you're looking for. Each letter is an individual Artistic Text layer. Create the shape they need to follow. Create a horizontal guide. With the Artistic Text Tool, drag to set the size of the first T so it spans from the guide to the shape. Type the T. You'll probably have some font size with decimals. With the letter selected, retype the font size to give an integer (or Copy the font size with decimals). Press Esc to terminate that Artistic Text object. Create an E the same size, and an S the same size, and the final T. Press Esc between each so they remain separate objects. Select the E with the Move Tool. Grab the bottom center node of the bounding box and drag it down until the letter touches the shape. Do the same for the S and the T. This should also work in Photo or Publisher. Quote -- Walt Designer, Photo, and Publisher V1 and V2 at latest retail and beta releases PC: Desktop: Windows 11 Pro 23H2, 64GB memory, AMD Ryzen 9 5900 12-Core @ 3.00 GHz, NVIDIA GeForce RTX 3090 Laptop: Windows 11 Pro 23H2, 32GB memory, Intel Core i7-10750H @ 2.60GHz, Intel UHD Graphics Comet Lake GT2 and NVIDIA GeForce RTX 3070 Laptop GPU. Laptop 2: Windows 11 Pro 24H2, 16GB memory, Snapdragon(R) X Elite - X1E80100 - Qualcomm(R) Oryon(TM) 12 Core CPU 4.01 GHz, Qualcomm(R) Adreno(TM) X1-85 GPU iPad: iPad Pro M1, 12.9": iPadOS 17.7, Apple Pencil 2, Magic Keyboard Mac: 2023 M2 MacBook Air 15", 16GB memory, macOS Sonoma 14.7 Link to comment Share on other sites More sharing options...
GarryP Posted September 21, 2020 Share Posted September 21, 2020 Walt: A big part of what LostInTranslation wants, if I have understood the requirements correctly, is that the ‘widths’ of the ‘strokes’ in the glyphs stay the same ‘width’ after resizing, something like in my attached image. This is the thing (as I said above) which might be difficult to do with font-based characters as they are filled outlines. LostInTranslation 1 Quote Link to comment Share on other sites More sharing options...
LostInTranslation Posted September 21, 2020 Author Share Posted September 21, 2020 1 hour ago, walt.farrell said: This is a quick attempt in Designer. I'm not sure it's what you're looking for. Each letter is an individual Artistic Text layer. Create the shape they need to follow. Create a horizontal guide. With the Artistic Text Tool, drag to set the size of the first T so it spans from the guide to the shape. Type the T. You'll probably have some font size with decimals. With the letter selected, retype the font size to give an integer (or Copy the font size with decimals). Press Esc to terminate that Artistic Text object. Create an E the same size, and an S the same size, and the final T. Press Esc between each so they remain separate objects. Select the E with the Move Tool. Grab the bottom center node of the bounding box and drag it down until the letter touches the shape. Do the same for the S and the T. This should also work in Photo or Publisher. Walt, this shows exactly my problem. Note how the top bar of the "T" wildly differs between the two. Also the "E" and the "S" is way heavier than the rest. The answer from GarryP below yours is correct. This is what I want it to look like. Quote Link to comment Share on other sites More sharing options...
thomaso Posted September 21, 2020 Share Posted September 21, 2020 Maybe you can still find a stroke-based font file which was more common in very early days of DTP. Its characters don't shape an area or 'volume' but a single line/stroke only. Then the font weight could achieved with a stroke applied in Affinity. If you stretch those their line wouldn't cause differing thickness. Compare @GarryP's example. As a compromise you could try a very thin font where you add a stroke to achieve more 'weight' (which doesn't get stretched). GarryP and LostInTranslation 2 Quote macOS 10.14.6 | MacBookPro Retina 15" | Eizo 27" | Affinity V1 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.