IndigoMoon Posted December 14, 2019 Posted December 14, 2019 Hi, is this effect available in one of the Affinity apps or at least an "easy" workaround? Thanks! Quote
GarryP Posted December 14, 2019 Posted December 14, 2019 Could you give a visual example of what you mean please? (A link to a web resource with a description of the part of the image you want may be all that is needed to give us an idea of what you want.) Quote
IndigoMoon Posted December 14, 2019 Author Posted December 14, 2019 The characters following a path, but the alignment is always vertical to the ground, like this... Quote
GarryP Posted December 14, 2019 Posted December 14, 2019 Hmm. I’ve never tried that with the Affinity software. I’ll have a think about it (need to apply some OS updates) but someone else might be able to come up with a good solution before I do (if there is one). Quote
GarryP Posted December 14, 2019 Posted December 14, 2019 Here’s one way using a stepped curve, the Text On Curve functionality, and a massive character tracking setting. (Original curve has been kept for demonstration purposes.) There may be others. I know I can do it by converting the text to curves and distributing the individual letters but the text doesn’t remain editable so that’s not a great solution. stepped-text.afdesign walt.farrell, Move Along People, IndigoMoon and 1 other 3 1 Quote
IndigoMoon Posted December 14, 2019 Author Posted December 14, 2019 Thank you for your efforts! I know that, but unfortunately it doesn't give me the flexibility to change the steepness or direction without to readjust the characters. Well, in this case Indesign is more comfortable, but in some cases it's still sufficient... Quote
Old Bruce Posted December 14, 2019 Posted December 14, 2019 6 hours ago, IndigoMoon said: the alignment is always vertical to the ground, like this... Use the Frame Text tool to make the frame, shear the frame x degrees then use the Character Panel to shear the letters -x degrees. Edit: I am totally wrong about this. Please disregard. Quote Mac Pro (Late 2013) Mac OS 12.7.6 Affinity Designer 2.5.7 | Affinity Photo 2.5.7 | Affinity Publisher 2.5.7 | Beta versions as they appear. I have never mastered color management, period, so I cannot help with that.
IndigoMoon Posted December 14, 2019 Author Posted December 14, 2019 13 minutes ago, Old Bruce said: ...then use the Character Panel to shear the letters -x degrees. Hey Bruce, it would be really a great idea, but it doesn't work that way or do I miss something? Quote
walt.farrell Posted December 14, 2019 Posted December 14, 2019 16 minutes ago, Old Bruce said: Use the Frame Text tool to make the frame, shear the frame x degrees then use the Character Panel to shear the letters -x degrees. I had to use the Transform panel to shear the frame by, e.g., -25 degrees. And then use the Character panel to shear the letters -25 degrees to get them upright. (I'm using Designer Beta.) It seems that one uses clockwise as positive shear, and the other uses counter-clockwise as positive shear? Or what have I misunderstood? Both at -25: Frame at -25, text at 0: Frame at -25, text at 25: 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 18.3, Apple Pencil 2, Magic Keyboard Mac: 2023 M2 MacBook Air 15", 16GB memory, macOS Sequoia 15.0.1
R C-R Posted December 14, 2019 Posted December 14, 2019 5 minutes ago, walt.farrell said: Or what have I misunderstood? How does this create the stair-stepped effect? Quote All 3 1.10.8, & all 3 V2.5.7 Mac apps; 2020 iMac 27"; 3.8GHz i7, Radeon Pro 5700, 32GB RAM; macOS 10.15.7 All 3 V2 apps for iPad; 6th Generation iPad 32 GB; Apple Pencil; iPadOS 15.7
walt.farrell Posted December 14, 2019 Posted December 14, 2019 1 minute ago, R C-R said: How does this create the stair-stepped effect? I'm not sure it does.I was more focused on the discrepancy between Old Bruce's directions and what I see when I try to follow them 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 18.3, Apple Pencil 2, Magic Keyboard Mac: 2023 M2 MacBook Air 15", 16GB memory, macOS Sequoia 15.0.1
R C-R Posted December 14, 2019 Posted December 14, 2019 2 minutes ago, walt.farrell said: I'm not sure it does.I was more focused on the discrepancy between Old Bruce's directions and what I see when I try to follow them From what I can tell, @Old Bruce's directions do not create the stair-step effect either. Quote All 3 1.10.8, & all 3 V2.5.7 Mac apps; 2020 iMac 27"; 3.8GHz i7, Radeon Pro 5700, 32GB RAM; macOS 10.15.7 All 3 V2 apps for iPad; 6th Generation iPad 32 GB; Apple Pencil; iPadOS 15.7
Old Bruce Posted December 14, 2019 Posted December 14, 2019 You folks are correct, I didn't have enough coffee and misread the post. Sorry for wasting everyone's time. Quote Mac Pro (Late 2013) Mac OS 12.7.6 Affinity Designer 2.5.7 | Affinity Photo 2.5.7 | Affinity Publisher 2.5.7 | Beta versions as they appear. I have never mastered color management, period, so I cannot help with that.
Pšenda Posted December 15, 2019 Posted December 15, 2019 17 hours ago, R C-R said: How does this create the stair-stepped effect? It would need to make in addition to the shear of the font set the rotation of individual characters. But this might not be a big task for developers :-) Quote Affinity Store (MSI/EXE): Affinity Suite (ADe, APh, APu) 2.5.7.2948 (Retail) Dell OptiPlex 7060, i5-8500 3.00 GHz, 16 GB, Intel UHD Graphics 630, Dell P2417H 1920 x 1080, Windows 11 Pro, Version 24H2, Build 26100.2605. Dell Latitude E5570, i5-6440HQ 2.60 GHz, 8 GB, Intel HD Graphics 530, 1920 x 1080, Windows 11 Pro, Version 24H2, Build 26100.2605. Intel NUC5PGYH, Pentium N3700 2.40 GHz, 8 GB, Intel HD Graphics, EIZO EV2456 1920 x 1200, Windows 10 Pro, Version 21H1, Build 19043.2130.
GarryP Posted December 15, 2019 Posted December 15, 2019 It might not even be as difficult as that. Aligning the characters to the curve currently involves a process (this is a probably a very-over-simplified guess) of: * determining the position of each character along the curve; * converting that position into a 2D coordinate; * rotating the character so its vertical is at a tangent to the curve. To get stepped text on a curve all(?) that is needed is to ignore the last step and keep the letters vertical. This could be facilitated with a checkbox in the Positioning section of the Character Panel (which is only enabled if the text is on a curve). E.g. “No rotate on curve”, or something similar. Quote
IndigoMoon Posted December 15, 2019 Author Posted December 15, 2019 Btw Adobe does have a few type effects... Quote
v_kyr Posted December 15, 2019 Posted December 15, 2019 Well in SVG one could do this via a x/y-coordinate placement for the amount of character in a text (aka the texts character length). There for example ... Quote ...<text x="50 70 90 110 130 150 170 190 210 230 250" y="120 115 110 105 100 95 90 85 80 75 70" fill="#fff">HALLO WELT!</text> ... ... would result in the following ... ... which could also be automated in code with a generation function for a given string and initial coordinate x,y placement and positioning extend. - However, Affinity actually doesn't know to handle such SVG code at all here. One would have to use other tools! Quote ☛ Affinity Designer 1.10.8 ◆ Affinity Photo 1.10.8 ◆ Affinity Publisher 1.10.8 ◆ OSX El Capitan ☛ Affinity V2.3 apps ◆ MacOS Sonoma 14.2 ◆ iPad OS 17.2
AlanPickup Posted December 15, 2019 Posted December 15, 2019 Playing around with this one of the problems I came across was the spacing of individual letters and getting them to line up in columns. I went down the power duplicate route with text frames, when I tried linking them spaces an d centering became a problem. If you leave them unlinked and add your letters individually in to each frame it works with power duplicate Stepped Letters.afpub IndigoMoon 1 Quote Alan Pickup Windows 11 Home all Affinity suite of Apps PC and Gigabyte Laptop 16gb Ram and Nvidia GTX1660 Super on each.
GarryP Posted December 15, 2019 Posted December 15, 2019 (edited) That works quite nicely with linked frames too if you don’t use spaces and get the settings right (up to a point). Nice catch Alan. That might be quite useful in certain circumstances. stepped-linked-frames.afpub Edited December 15, 2019 by GarryP Added AFPUB file. IndigoMoon 1 Quote
AlanPickup Posted December 15, 2019 Posted December 15, 2019 thnx Garry, should have said linking the text flow on the frames, so you could continually type, did not work, rather than grouping the frames. Quote Alan Pickup Windows 11 Home all Affinity suite of Apps PC and Gigabyte Laptop 16gb Ram and Nvidia GTX1660 Super on each.
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.