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

Stroke Start and End - Custom colour option


Recommended Posts

I think it would be nice and quite useful to have the option to set the Start and/or End of a stroke to have a different colour to the actual stroke.

For example, you could have a black line stroke with a green circle at the Start and End to illustrate the start and finish of something, all done with just one stroke rather than putting in the circles manually.

Thanks and keep up the great work!

Link to comment
Share on other sites

Via Designer (persona), you actually can:
Add more strokes with different endings via Appearance panel:

ade_stroke_end_multicolor.png.c896c8a4a9e2ae9f0e341837a121bd8d.png

MacBookAir 15": MacOS Ventura > Affinity v1, v2, v2 beta // MacBookPro 15" mid-2012: MacOS El Capitan > Affinity v1 / MacOS Catalina > Affinity v1, v2, v2 beta // iPad 8th: iPadOS 16 > Affinity v2

Link to comment
Share on other sites

15 hours ago, TheLunaPark said:

I think it would be nice and quite useful to have the option to set the Start and/or End of a stroke to have a different colour to the actual stroke.

If you use the Node tool you can see the end node by the red colour plus you can have the little red line to show the orientation.

1406009698_ScreenShot2023-01-23at9_52_23AM.png.1de7b93561459abd8b5204bc537d55b5.png

Mac Pro (Late 2013) Mac OS 12.7.4 
Affinity Designer 2.4.1 | Affinity Photo 2.4.1 | Affinity Publisher 2.4.1 | Beta versions as they appear.

I have never mastered color management, period, so I cannot help with that.

Link to comment
Share on other sites

To bring the multicolor endings to front, the trick is to make the top strokes virtually invisible by giving them an "impossible" width of 0.0001 pt or so. Correspondingly though, e.g. the yellow start/end must be enlarged by whopping 10000000 % in this example:

ade_stroke_end_multicolor_top.png.6572af5587e27f43bbf77e3af7c05ce7.png

1 hour ago, Old Bruce said:

you can see the end node by the red colour

Um… that's about something completely different. :) 

MacBookAir 15": MacOS Ventura > Affinity v1, v2, v2 beta // MacBookPro 15" mid-2012: MacOS El Capitan > Affinity v1 / MacOS Catalina > Affinity v1, v2, v2 beta // iPad 8th: iPadOS 16 > Affinity v2

Link to comment
Share on other sites

2 hours ago, loukash said:

To bring the multicolor endings to front, the trick is to make the top strokes virtually invisible by giving them an "impossible" width of 0.0001 pt or so. Correspondingly though, e.g. the yellow start/end must be enlarged by whopping 10000000 % in this example

 Impressive workflow stunt 👍🏼

But fiddling with so many settings … maybe it is faster to use a separate shape per node

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

Just now, NotMyFault said:

maybe it is faster to use a separate shape per node

Um… styles…?

MacBookAir 15": MacOS Ventura > Affinity v1, v2, v2 beta // MacBookPro 15" mid-2012: MacOS El Capitan > Affinity v1 / MacOS Catalina > Affinity v1, v2, v2 beta // iPad 8th: iPadOS 16 > Affinity v2

Link to comment
Share on other sites

I just tried to create the smallest possible curve and add a stroke, and of course run immediately into trouble (iPad)

  • ellipse shape with 1px radius and 4px stroke (outside) acts erratic. 
  • one node shapes are impossible to use (no stroke visible)
  • When you use node tool to move 2nd node over first, they get combined and vanish from rendering

so much fun, my intuition is 100% incompatible with Affinity UI

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

20 minutes ago, loukash said:

Um… styles…?

First you must have one

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

2 minutes ago, NotMyFault said:

I just tried to create the smallest possible curve and add a stroke

What does it have to do with this topic?

2 minutes ago, NotMyFault said:

First you must have one

Now that I've tested how to proceed, from scratch it takes … a minute or two.

MacBookAir 15": MacOS Ventura > Affinity v1, v2, v2 beta // MacBookPro 15" mid-2012: MacOS El Capitan > Affinity v1 / MacOS Catalina > Affinity v1, v2, v2 beta // iPad 8th: iPadOS 16 > Affinity v2

Link to comment
Share on other sites

23 minutes ago, loukash said:

What does it have to do with this topic?

To test an alternative approach to create what the OP asked for. Got distracted by the issues I posted. It’s late, good night for today 💤 

1 hour ago, NotMyFault said:

Impressive workflow stunt 👍🏼

But fiddling with so many settings … maybe it is faster to use a separate shape per node

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.