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

Make edge of Text outline the actual outline?


Recommended Posts

You can adjust the stroke position using "Align" in the "Stroke" tab of the studio. In some cases you may need to adjust "Miter" to get sharp corners.

2021-08-21_162320.jpg

EDIT:

I just realized that the question was for the iPad version, I answered for the desktop version so I don't know if my answer will be useful, sorry!

Edited by G13RL
Version error
Link to comment
Share on other sites

1 hour ago, G13RL said:

EDIT:

I just realized that the question was for the iPad version, I answered for the desktop version so I don't know if my answer will be useful, sorry!

Yes, it’s pretty much the same in the iPad version of Designer.

557C1ECA-6A5F-416F-A976-A4747341E6F0.jpeg
 

A44157E7-539B-4640-A888-EDC54C3EB0E9.jpeg.c608e78eb955f417260777b5d5704c40.jpeg

AE0FADFA-BC5F-4C60-BFF2-356CFA18CA63.jpeg.06ca74d54dcd6190c7a2cac612dedfc8.jpeg

B0CED1D1-53D0-4175-96DB-B7ECD3E25EBA.jpeg.e94901b057e719c4d0457ef653e907bb.jpeg

Alfred spacer.png
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

Ah, yes. Sure, I know this option. My problem is the following. I want to just the outline of a font (no fill), so the inside is fully transparent. And then I want to give that outline an outline with another color. Problem is, with the above tool I never get the path for the inside and the outside of the stroke.

I can’t use the outline fx because it always rasterizes the font on PDF export.

Link to comment
Share on other sites

10 minutes ago, ericosmosNEW said:

I want to just the outline of a font (no fill), so the inside is fully transparent. And then I want to give that outline an outline with another color.

Duplicate the object and change the colour and alignment of the stroke on the new copy.

BF91F063-DAA3-4536-8580-B53A4E44153A.jpeg

Alfred spacer.png
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

On 8/21/2021 at 7:48 PM, ericosmosNEW said:

Yes, with 3 layers I can make it work. Hoped for a simpler solution. But at least a workaround. Thanks!

Why three layers? The example in my previous post uses two: one with the stroke aligned to the inside and the other with the stroke aligned to the outside.

Alfred spacer.png
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

32 minutes ago, ericosmosNEW said:

Because I want the text to be an outline with an outer AND inner outline.

That wasn’t clear from your earlier description! You wrote:

On 8/21/2021 at 6:45 PM, ericosmosNEW said:

I want to just the outline of a font (no fill), so the inside is fully transparent. And then I want to give that outline an outline with another color.

In other words, one colour for the original outline and another colour for the second outline. It seems that you actually want three colours (which, as you observed, requires three layers).

Alfred spacer.png
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

Thanks for the example! In that case, either ‘Expand Stroke’ and apply a stroke to the result or (more flexible and easily edited) use the Appearance Studio to add the second stroke.

5B717A69-0C5C-4616-8259-14AA979C52AD.jpeg.694c37319efa03db9ddede42e11a59dd.jpegED7B8AD5-6C59-4F9E-A754-A50D03DEBE56.jpeg.897f02fdb1a71f8a29f4572b4539da4a.jpeg

Alfred spacer.png
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

It seems Appearance Studio does not allow to add multiple strokes for text layers. The symbol to add fill/stroke is greyed out.

 

If i convert to curves, i found no way to save an appearance (like a style) and apply it to multiple objects.

 

 

1E969702-7F56-4ABC-BC7A-8273785F1C7C.jpeg

Mac mini M1 A2348 | Windows 10 - AMD Ryzen 9 5900x - 32 GB RAM - Nvidia GTX 1080

LG34WK950U-W, calibrated to DCI-P3 with LG Calibration Studio / Spider 5

iPad Air Gen 5 (2022) A2589

Special interest into procedural texture filter, edit alpha channel, RGB/16 and RGB/32 color formats, stacking, finding root causes for misbehaving files, finding creative solutions for unsolvable tasks, finding bugs in Apps.

 

Link to comment
Share on other sites

On 8/26/2021 at 4:42 PM, ericosmosNEW said:

Well, kind of...

But I want the inner and the outer outline to be the same color and just the original outline to be a different color as if it was a font designed as an outline which then gets an outline 😄

Like so:

IMG_1191.jpg

Layer FX Outline could be an option. But this might lead to rasterization when exporting.

CAE9E4FD-FAA7-42DA-84E6-3E5F63B40AF6.png

Mac mini M1 A2348 | Windows 10 - AMD Ryzen 9 5900x - 32 GB RAM - Nvidia GTX 1080

LG34WK950U-W, calibrated to DCI-P3 with LG Calibration Studio / Spider 5

iPad Air Gen 5 (2022) A2589

Special interest into procedural texture filter, edit alpha channel, RGB/16 and RGB/32 color formats, stacking, finding root causes for misbehaving files, finding creative solutions for unsolvable tasks, finding bugs in Apps.

 

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.