Jump to content
You must now use your email address to sign in [click for more info] ×

Text On A Curve - Letter Orientation


Recommended Posts

I am attempting to put text on a curve in AFD but running into a problem. 

In the first image the letters in the word are all vertically oriented.

In the second image done in AFD all the letters are slanted.

I prefer the letter orientation in the first image but it appears AFD is not capable of reproducing this effect.

Am I incorrect in assuming AFD is not capable of reproducing vertical letter orientation with text on a curve?

 

quarantine2.png.1edc90b1dfd26efb47ae13f4446a076f.png

quarantine1.png.f28295fdb41153da56669982d0a81738.png

Link to comment
Share on other sites

20 hours ago, nullpointer said:

AFD is not capable of reproducing this effect.

Yes, ADe is not capable of reproducing this effect. 

Affinity Store (MSI/EXE): Affinity Suite (ADe, APh, APu) 2.4.0.2301
Dell OptiPlex 7060, i5-8500 3.00 GHz, 16 GB, Intel UHD Graphics 630, Dell P2417H 1920 x 1080, Windows 11 Pro, Version 23H2, Build 22631.3155.
Dell Latitude E5570, i5-6440HQ 2.60 GHz, 8 GB, Intel HD Graphics 530, 1920 x 1080, Windows 11 Pro, Version 23H2, Build 22631.3155.
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.

Link to comment
Share on other sites

17 hours ago, nullpointer said:

Rats

It would be laborious, but you can still do it.   Here is a very very raggedy preliminary sample.   Use Artistic Text Tool, enter the text on the curve (I used an ellipse), then Convert to Curves.   Open the Curves group, and highlight each character's layer.   Then use the Move Tool to adjust the angle of each letter.   Desperate needs need desperate measures!    By the way, it would be a good idea to first duplicate the layer with the ellipse, because otherwise, when you convert the text to curves, the ellipse disappears into the great beyond so that you cannot check your character positioning relative to the curve.  

I am a writer, not a designer.   Not sure I would ever have the patience to do this.🙄

1914924997_ScreenShot2020-09-17at1_02_49PM.png.6f03881332a077a64f24dd22440f99d3.png


24" iMAC Apple M1 chip, 8-core CPU, 8-core GPU, 16 GB unified memory, 1 TB SSD storage, Ventura 13.6.  Photo, Publisher, Designer 1.10.5, and 2.3.
MacBook Pro 13" 2020, Apple M1 chip, 16GB unified memory, 256GB  SSD storage
,  Ventura 13.6.   Publisher, Photo, Designer 1.10.5, and 2.1.1.  
 iPad Pro 12.9 2020 (4th Gen. IOS 16.6.1); Apple pencil.  
Wired and bluetooth mice and keyboards.9_9

Link to comment
Share on other sites

Do you need this text as vectors? You can do what you want in Photo, but you need to rasterise the text first, then use the Distort  > Equations  filter. If you can live with rasterised text, I can give you details and a macro.

John

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

@nullpointer, My way of doing it with Equations is as follows:

  1. Create a blank document for your text, with either a white or transparent background. 
  2. Ensure that your text has space on all sides, sufficient for your curvature.
  3. Filter > Distort > Equations
  4.     Under Equations, in the y box enter: y+2*(a-0.5)*x*(w-x)/w and click on Return
  5. Use the a slider to adjust the degree of curvature. If a<0.5 then it curves down; if a>0.5 it curves up.
  6. Click on Apply.

Here is simple test before:

Quarantine1.png.263d481dd36ccb135c68c0a8c8077c68.png

and after:

Quarantine2.png.cab496e1f2300f9ec81831a2cdd6b06d.png

The maximum rise or fall of the curve is equal to one quarter of the document width (not the text width). If you want more, then you need to change the 2 in the formula to something bigger, but make sure that you have enough room in your document.

Although the letters are raised or lowered vertically, the are all distorted horizontally by the same amount.

The document is rasterised as soon as you enter Filter > Distort .

I have provided  a macro, though this one is fairly simple. The macro will not perform the first two steps, but only the last four.

Arch.afmacro

John

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

  • 3 weeks later...
2 hours ago, Aaron Martin said:

I just tried downloading this macro and affinityphoto on iPad does not recognize this file, is this a bug?

You are trying to "Import Macros" which requires a .afmacros file. This is a different format file which can contain multiple macros.  @John Rostron provided the other format, .afmacro, which only holds a single macro. If I remember correctly, iPad users cannot use that kind of file.

-- Walt
Designer, Photo, and Publisher V1 and V2 at latest retail and beta releases
PC:
    Desktop:  Windows 11 Pro, version 23H2, 64GB memory, AMD Ryzen 9 5900 12-Core @ 3.00 GHz, NVIDIA GeForce RTX 3090 

    Laptop:  Windows 11 Pro, version 23H2, 32GB memory, Intel Core i7-10750H @ 2.60GHz, Intel UHD Graphics Comet Lake GT2 and NVIDIA GeForce RTX 3070 Laptop GPU.
iPad:  iPad Pro M1, 12.9": iPadOS 17.4.1, Apple Pencil 2, Magic Keyboard 
Mac:  2023 M2 MacBook Air 15", 16GB memory, macOS Sonoma 14.4.1

Link to comment
Share on other sites

  • 4 months later...

Hi all.

does anyone else have this problem.
make a circle, convert it to curves, use artist text, add to curve. get reversed text opposite from where you clicked which doesn't align with any part on the curve.
like below... now this is exceedingly irritating to say the least. and to be honest I've been trying to get this sorted for the last 2 years, still with no luck.
does anyone have any ideas as to any settings i could try, or anything else. I'm at the end of my tether, and will try anything at this stage.
thanks heaps.
image.png.3aa36ac5a3a49830a5796d9194c87595.png

Link to comment
Share on other sites

When adding Artistic Text to a curve, try clicking slightly ‘above’ the curve or clicking slightly ‘below’ the curve and see if there is a difference.
If that doesn’t make a difference, try clicking the Reverse Text Path button in the Context Toolbar while your ‘Curve Text Path’ layer is selected.
If that doesn’t make a difference, try dragging the green and orange handles around.

Link to comment
Share on other sites

Original (*.afdesign) document? 

Affinity Store (MSI/EXE): Affinity Suite (ADe, APh, APu) 2.4.0.2301
Dell OptiPlex 7060, i5-8500 3.00 GHz, 16 GB, Intel UHD Graphics 630, Dell P2417H 1920 x 1080, Windows 11 Pro, Version 23H2, Build 22631.3155.
Dell Latitude E5570, i5-6440HQ 2.60 GHz, 8 GB, Intel HD Graphics 530, 1920 x 1080, Windows 11 Pro, Version 23H2, Build 22631.3155.
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.

Link to comment
Share on other sites

1 hour ago, simon.henry.evans said:

all my previous design pages, still have the issue

 

1 hour ago, Pšenda said:

Original (*.afdesign) document? 

 

Affinity Store (MSI/EXE): Affinity Suite (ADe, APh, APu) 2.4.0.2301
Dell OptiPlex 7060, i5-8500 3.00 GHz, 16 GB, Intel UHD Graphics 630, Dell P2417H 1920 x 1080, Windows 11 Pro, Version 23H2, Build 22631.3155.
Dell Latitude E5570, i5-6440HQ 2.60 GHz, 8 GB, Intel HD Graphics 530, 1920 x 1080, Windows 11 Pro, Version 23H2, Build 22631.3155.
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.

Link to comment
Share on other sites

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.

Guest
Reply to this topic...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

Loading...
×
×
  • Create New...

Important Information

Terms of Use | Privacy Policy | Guidelines | We have placed cookies on your device to help make this website better. You can adjust your cookie settings, otherwise we'll assume you're okay to continue.