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

How to make text on inside the circle path


Recommended Posts

Please advise how to make a perfect Text on inside The Circle Path with Affinity Publisher, as per attached sample. I have trying using Artistic Text tool along on the circle path however the result for the text on top always reserved. 

Awaiting a advice.

TEXT ON CIRCLE PATH.jpg

Edited by stokerg
Making topic lower case
Link to comment
Share on other sites

15 minutes ago, HANDJOJO said:

Please advise how to make a perfect Text on inside The Circle Path with Affinity Publisher, as per attached sample.

SOMETHING LIKE IN THE ATTACHED SCREENSHOT? :D

Play with the green / red handles and the baseline values. Top I had 100% for the text and bottom -50% for the text.

circle-text.jpg

------
Windows 10 | i5-8500 CPU | Intel UHD 630 Graphics | 32 GB RAM | Latest Retail and Beta versions of complete Affinity range installed

Link to comment
Share on other sites

Use the Baseline setting on the context toolbar to move the text above and below the curve, use the red and green handles to position text and also the reverse text path control again on the context toolbar to correct upside down text etc

EDIT: Screen recording added

Edited by Paul Mudditt
Screen recording added

 

Affinity Photo, Designer, Publisher 1.10 and 2.5 on macOS 15.0 Beta Sequoia on M1 Mac Mini 16GB 1TB
Affinity Photo, Designer, Publisher 1.10 and 2.5 on  Windows 10 Pro.  (revived !)
Affinity Photo, Designer, Publisher 2.5 on M1 iPad Pro 11” on iPadOS beta 18(22A5326f) 

https://www.facebook.com/groups/AffinityForiPad

https://www.facebook.com/groups/AffinityPhoto/

https://www.facebook.com/groups/affinityphotoastrophotography

The hardest link to find https://affinity.help

Link to comment
Share on other sites

34 minutes ago, Joachim_L said:

SOMETHING LIKE IN THE ATTACHED SCREENSHOT? :D

Play with the green / red handles and the baseline values. Top I had 100% for the text and bottom -50% for the text.

circle-text.jpg

 

34 minutes ago, Joachim_L said:

SOMETHING LIKE IN THE ATTACHED SCREENSHOT? :D

Play with the green / red handles and the baseline values. Top I had 100% for the text and bottom -50% for the text.

circle-text.jpg

Would you please give step by step as I cannot create the Text on the Top as show it (always reversed 😂). and how to make a two time Text as shown above.

Link to comment
Share on other sites

17 minutes ago, HANDJOJO said:

Would you please give step by step as I cannot create the Text on the Top as show it (always reversed 😂). and how to make a two time Text as shown above.

Type the first line, press the Enter key on your keyboard and then type the second line. This will give you two pieces of text which can be adjusted independently.

I’ve attached a *.afdesign file for you to play with.

Text-on-a-circle_Negative-baseline.afdesign

Alfred spacer.png
Affinity Designer/Photo/Publisher 2 for Windows • Windows 10 Home/Pro
Affinity Designer/Photo/Publisher 2 for iPad • iPadOS 17.5.1 (iPad 7th gen)

Link to comment
Share on other sites

10 minutes ago, Alfred said:

Type the first line, press the Enter key on your keyboard and then type the second line. This will give you two pieces of text which can be adjusted independently.

I’ve attached a *.afdesign file for you to play with.

Text-on-a-circle_Negative-baseline.afdesign 17.25 kB · 0 downloads

Thanks Alfred for yor sample, by the way how put the text both inside the circle, even I have hit the enter both texts cannot in the same line (opposite, out & inside a circle) as per attached.

 

AFTER HIT THE ENTER.jpg

Link to comment
Share on other sites

44 minutes ago, HANDJOJO said:

Thanks Alfred for yor sample

You’re welcome, @HANDJOJO. :)

Quote

by the way how put the text both inside the circle

As @Joachim_L indicated, this is determined by the baseline value. That’s why I included the words ‘Negative baseline’ in the filename: when you open the file, you’ll find that the bottom line of text has a small positive baseline value (to move it up slightly so that there’s a gap between the circle and the text) but the top line of text has a large negative value to bring it inside the circle.

 

Alfred spacer.png
Affinity Designer/Photo/Publisher 2 for Windows • Windows 10 Home/Pro
Affinity Designer/Photo/Publisher 2 for iPad • iPadOS 17.5.1 (iPad 7th gen)

Link to comment
Share on other sites

35 minutes ago, Alfred said:

You’re welcome, @HANDJOJO. :)

As @Joachim_L indicated, this is determined by the baseline value. That’s why I included the words ‘Negative baseline’ in the filename: when you open the file, you’ll find that the bottom line of text has a small positive baseline value (to move it up slightly so that there’s a gap between the circle and the text) but the top line of text has a large negative value to bring it inside the circle.

 

Thanks for your clear explanation, for above text set to negatife baseline so the text move to inside the circle, oposite for the bellow text set to positive baselline. 👍

Link to comment
Share on other sites

2 hours ago, Paul Mudditt said:

Use the Baseline setting on the context toolbar to move the text above and below the curve, use the red and green handles to position text and also the reverse text path control again on the context toolbar to correct upside down text etc

EDIT: Screen recording added

 

Thanks Paul for your advise, very usefull screen recording. 👍

Link to comment
Share on other sites

9 hours ago, HANDJOJO said:

Please see attached screenshot The header all in small letters....

Probably a moderator edited it for you.

-- 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

You're welcome.

-- 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

  • 1 month later...
  • Staff

separate question about text on an angle split to here 

Patrick Connor
Serif Europe Ltd

"There is nothing noble in being superior to your fellow man. True nobility lies in being superior to your previous self."  W. L. Sheldon

 

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.