Tom De Poorter Posted December 25, 2017 Share Posted December 25, 2017 Hi there, I am new to Affinity Designer and I was wondering how I can create a text line like in the attached files. Like the Old Songs en Melodies poster where the upper part of the text follows a straight line and the lower part follows a curve. Or like the Revival poster where the upper and lower part of the word revival follow a unique curve. Can anybody help? Thanks! etiennepisano2862 1 Quote Link to comment Share on other sites More sharing options...
carl123 Posted December 26, 2017 Share Posted December 26, 2017 Not in designer, but if you also have Affinity Photo 1. Create some Artistic text 2. Filters > Distort > Equations 3. Enter formula shown below 4. Adjust the Slider A to vary the effect This is the formula y-(120*a)*sin(380*x/w) Alfred, A_B_C, etiennepisano2862 and 3 others 5 1 Quote To save time I am currently using an automated AI to reply to some posts on this forum. If any of "my" posts are wrong or appear to be total b*ll*cks they are the ones generated by the AI. If correct they were probably mine. I apologise for any mistakes made by my AI - I'm sure it will improve with time. Link to comment Share on other sites More sharing options...
Tom De Poorter Posted December 26, 2017 Author Share Posted December 26, 2017 Thanks for the help Carl! Quote Link to comment Share on other sites More sharing options...
seanb Posted December 26, 2017 Share Posted December 26, 2017 Wonderful Quote Link to comment Share on other sites More sharing options...
Alfred Posted December 26, 2017 Share Posted December 26, 2017 9 hours ago, carl123 said: This is the formula y-(120*a)*sin(380*x/w) Did you really mean to apply a factor of 380, Carl, or was that a typo for 360? Quote Alfred Affinity Designer/Photo/Publisher 2 for Windows • Windows 10 Home/Pro Affinity Designer/Photo/Publisher 2 for iPad • iPadOS 17.4.1 (iPad 7th gen) Link to comment Share on other sites More sharing options...
carl123 Posted December 26, 2017 Share Posted December 26, 2017 Not a typo 380 sets the overall curve on the bottom part of the letter "L" The higher the number the more the curve I deliberately increased it from 360 to show that you could and affect the results by doing so Polygonius, 2Douglas and Alfred 3 Quote To save time I am currently using an automated AI to reply to some posts on this forum. If any of "my" posts are wrong or appear to be total b*ll*cks they are the ones generated by the AI. If correct they were probably mine. I apologise for any mistakes made by my AI - I'm sure it will improve with time. Link to comment Share on other sites More sharing options...
John Rostron Posted December 26, 2017 Share Posted December 26, 2017 If you want to re-shape the curve, you can try: y-(120*a)*(b*sin(360*x/w/c)+(1-b)*cos(360*x/w/c)) Varying the a parameter will change the (vertical) amplitude of the curve. Varying the b parameter will change the horizontal position of the curve. Varying the c parameter will change the wavelength of the curve. John 2Douglas, Alfred, superhaschi and 1 other 4 Quote Windows 10, Affinity Photo 1.10.5 Designer 1.10.5 and Publisher 1.10.5 (mainly Photo), now ex-Adobe CC CPU: AMD A6-3670. RAM: 16 GB DDR3 @ 666MHz, Graphics: 2047MB NVIDIA GeForce GT 630 Link to comment Share on other sites More sharing options...
DianeF Posted December 30, 2017 Share Posted December 30, 2017 Wow, this seems so esoteric. How would a lay person have any idea what equations to use or how to create them? Do you think the programs will have have a more intuitive method of shaping text along a curve? If not, I wonder if the help files could have some sample equations or some explanation of how to create equations that do certain kinds of distortions. Alfred 1 Quote Affinity Photo, V 2.3.1 Affinity Designer, V 2.2 Affinity Publisher, V 2.3.1 Mac Book Air, Sonoma, 14.2.1 Link to comment Share on other sites More sharing options...
Cedge Posted December 30, 2017 Share Posted December 30, 2017 I'm new to AP and I'm definitely not a math whiz. However, I did manage to easily do a controlled text warp using the "warp mesh tool". Unfortunately, it apparently rasterizes the text, since it no longer allows font changes. Seems like adding the same curve control levers to the text manipulation box would be a fairly straight forward and useful modification. Already loving the general feel of this very versatile and intuitive software. Cedge Quote Link to comment Share on other sites More sharing options...
HVDB Photography Posted December 31, 2017 Share Posted December 31, 2017 Hi, If you're a Affinity Photo user check out the cheat file provided by dutchshader in this link: textonapath.afphoto Quote Affinity Photo 2.3.1 Laptop MSI Prestige PS42 Windows 11 Home 23H2 (Build 22631.3007) - Intel(R) Core(TM) i7-8565U CPU @ 1.80GHz 2.00 GHz - RAM 16,0 GB Link to comment Share on other sites More sharing options...
John Rostron Posted December 31, 2017 Share Posted December 31, 2017 12 hours ago, DianeF said: Wow, this seems so esoteric. How would a lay person have any idea what equations to use or how to create them? Definition of esoteric: "intended for or likely to be understood by only a small number of people with a specialized knowledge or interest." You are quite right. I am not a mathematician, but I have enjoyed many such mathematical applications over my professional career (as a biologist). But then I do find some other aspects of Affinity esoteric whereas others find them straightforward. 12 hours ago, DianeF said: Do you think the programs will have have a more intuitive method of shaping text along a curve? If not, I wonder if the help files could have some sample equations or some explanation of how to create equations that do certain kinds of distortions. I have begun to provide a series of tutorials on using Distort > Equations (in the Tutorials forum). The thread this links to covers Trig functions, with a final post on using sines and cosines to place text on wavy lines. What I shall do is to create a macro to do this distortion so that you can use it without necessarily understanding the mathematics. This will be in that tutorial post. As others have indicated above, this is not the only way to shape text along a curve. Using Affinity Designer is the way to go. The .afphoto file supplied by @dutchshader quoted in the link above by @HVDB Fotografie looks as if it has taken that route, bringing the curved text back into Affinity Photo. Quote Windows 10, Affinity Photo 1.10.5 Designer 1.10.5 and Publisher 1.10.5 (mainly Photo), now ex-Adobe CC CPU: AMD A6-3670. RAM: 16 GB DDR3 @ 666MHz, Graphics: 2047MB NVIDIA GeForce GT 630 Link to comment Share on other sites More sharing options...
DianeF Posted January 1, 2018 Share Posted January 1, 2018 I'll look forward to seeing your macro, John. I checked out your earlier posts and still couldn't figure any of this out. It's been a lot of years since I studied trigonometry and most of it is not coming b, unfortunately. I also looked at durchshader's post in the aforementioned link. I will review the help files for text on a path in Designer. I love the ability to switch back and forth between programs to take advantage of the features of each. Quote Affinity Photo, V 2.3.1 Affinity Designer, V 2.2 Affinity Publisher, V 2.3.1 Mac Book Air, Sonoma, 14.2.1 Link to comment Share on other sites More sharing options...
R C-R Posted January 1, 2018 Share Posted January 1, 2018 8 hours ago, DianeF said: I will review the help files for text on a path in Designer. You might want to watch these two video tutorials as well: Affinity Designer - Text on a Path: Overview Affinity Designer - Text on a Path: Worked Example Quote All 3 1.10.8, & all 3 V2.4.1 Mac apps; 2020 iMac 27"; 3.8GHz i7, Radeon Pro 5700, 32GB RAM; macOS 10.15.7 Affinity Photo 1.10.8; Affinity Designer 1.108; & all 3 V2 apps for iPad; 6th Generation iPad 32 GB; Apple Pencil; iPadOS 15.7 Link to comment Share on other sites More sharing options...
DianeF Posted January 1, 2018 Share Posted January 1, 2018 Thanks, R-C-R. I will watch them. Quote Affinity Photo, V 2.3.1 Affinity Designer, V 2.2 Affinity Publisher, V 2.3.1 Mac Book Air, Sonoma, 14.2.1 Link to comment Share on other sites More sharing options...
MichaelJA Posted January 2, 2018 Share Posted January 2, 2018 I was trying to find out how to add text to a path using AP on the iPad. This happens to be in the section for iPad yet from what I’ve read and comprehended so far this doesn’t belong here. Is there a way to do this on the iPad? Autodesk Graphic offers this, calling it Placing Text On Path. By creating an ellipse selecting text and shape together then choosing this feature. Instant! I’m hoping on doing more using Affinity Photo. Quote “The curses are not what they seem, prepare... they, too, have teeth.” Link to comment Share on other sites More sharing options...
John Rostron Posted January 2, 2018 Share Posted January 2, 2018 On 1/1/2018 at 2:12 AM, DianeF said: I'll look forward to seeing your macro, John. I checked out your earlier posts and still couldn't figure any of this out. It's been a lot of years since I studied trigonometry and most of it is not coming b, unfortunately. I thought that all I had to do is to record it as a macro and I could post it here. However, the recorded macro seems to have absolutely no effect on the artistic text I was using. I will post a separate thread asking for help on this. Quote Windows 10, Affinity Photo 1.10.5 Designer 1.10.5 and Publisher 1.10.5 (mainly Photo), now ex-Adobe CC CPU: AMD A6-3670. RAM: 16 GB DDR3 @ 666MHz, Graphics: 2047MB NVIDIA GeForce GT 630 Link to comment Share on other sites More sharing options...
Rivka Posted January 2, 2019 Share Posted January 2, 2019 Has these operations gotten any more straight forward in the past year? I'm working on a bunch of Signage and this warping comes up all the time. I currently use Baseline and Vertical Scale tools in the Character pallet Quote Link to comment Share on other sites More sharing options...
John Rostron Posted January 3, 2019 Share Posted January 3, 2019 16 hours ago, Rivka said: Has these operations gotten any more straight forward in the past year? I'm working on a bunch of Signage and this warping comes up all the time. I currently use Baseline and Vertical Scale tools in the Character pallet As far as I am aware, the answer is still no. Applying such transformations applies only to rasterized images in Photo. I do not believe that the 1.7 betas offer it. John Quote Windows 10, Affinity Photo 1.10.5 Designer 1.10.5 and Publisher 1.10.5 (mainly Photo), now ex-Adobe CC CPU: AMD A6-3670. RAM: 16 GB DDR3 @ 666MHz, Graphics: 2047MB NVIDIA GeForce GT 630 Link to comment Share on other sites More sharing options...
John Rostron Posted March 13, 2019 Share Posted March 13, 2019 My macro to warp text along a wavy curve is now here. I will also see if I can add macros to change just the top or bottom line of the text as in your songsheets above. John Quote Windows 10, Affinity Photo 1.10.5 Designer 1.10.5 and Publisher 1.10.5 (mainly Photo), now ex-Adobe CC CPU: AMD A6-3670. RAM: 16 GB DDR3 @ 666MHz, Graphics: 2047MB NVIDIA GeForce GT 630 Link to comment Share on other sites More sharing options...
Affinity-Inspiration Posted April 1, 2020 Share Posted April 1, 2020 (edited) On 12/26/2017 at 4:52 AM, carl123 said: Not in designer, but if you also have Affinity Photo 1. Create some Artistic text 2. Filters > Distort > Equations 3. Enter formula shown below 4. Adjust the Slider A to vary the effect This is the formula y-(120*a)*sin(380*x/w) Carl123, this works a treat. After a bit of fiddling to account for the new version. Although I still can't figure out Trig... As you see, that formula gives the smooth text shaping you got in your earlier version, and the sine wave, that I am after, does work nicely with an adjustment of the slider. Photo 1.8.2 and if there was only some way of getting the Equation Editor to stay onscreen it would be nice. Note the second image is in Degrees, not Radians, and altered the formula to ...w*4) I found out how to alter the revival too. That's the layer I'm on I forgot to mention, you can apply this to any Layer. In this I have Revival on one layer, and can adjust it almost any way I like, and the sine way - a straight line, is on another layer. Thanks. very nice. I have no idea what I'm doing - but I love it. 🙂 Edited April 1, 2020 by HarryMcGovern Added images and text Quote iPad Mini 6. 256GB. Publisher. Designer. Photo for Mac, PC & iOS @Affinity-Inspiration Link to comment Share on other sites More sharing options...
AlanPickup Posted April 1, 2020 Share Posted April 1, 2020 The interesting thing with this is with studio it is easy to do this in Publisher with the Photo persona with both artistic and plain text, but again not being in to the maths behind it will take some playing about to get different effects Affinity-Inspiration 1 Quote Alan Pickup Windows 11 Home all Affinity suite of Apps PC and Gigabyte Laptop 16gb Ram and Nvidia GTX1660 Super on each. Link to comment Share on other sites More sharing options...
Affinity-Inspiration Posted April 1, 2020 Share Posted April 1, 2020 I’ve never been known to take the easy way 🙂 AlanPickup 1 Quote iPad Mini 6. 256GB. Publisher. Designer. Photo for Mac, PC & iOS @Affinity-Inspiration 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.