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

Line (Stroke) Width Tool


Recommended Posts

  • Staff

Apps: Designer
Platforms: macOS, Windows and iPad

Affinity Designer now includes a new width tool which is available by default alongside the pencil tool in your toolbar:

image.png

The Line Width Tool gives you an on-document way of editing the pressure profile of any curve. For example the curve below has 3 pressure points (5 including the start and end pressure). While in the Line Width tool the position of those points are shown along the curve, and you have the ability to drag to change the width and position of them. 

You can also click to add a new pressure point, or double click to remove any pressure point on a curve.

image.png

There are various modifiers available which you can see in the status bar:

Shift + Drag - allows you to modify the width at any point without adjusting it's position
Cmd (Mac) / Ctrl (Win) + Click - manually enter the width required at the chosen point
Ctrl (Mac) / Ctrl (Win) + Drag - move the point position without adjusting the width
Double click - remove pressure point

Additionally you will find some other options in the context toolbar when using this tool:

image.png

Adjust Line Weight - if this is turned on then should you drag the width of any point to be greater than the current line width (i.e. greater than 100% pressure) the line width will be increased to allow you to drag the width unrestricted. If it is turned off then the maximum width you can drag to is 100% of the set line width.

Allow point reordering - This option allows to you to specify whether you want to allow the tool to drag one point past another along the curve, effectively swapping their order, or not.

Snap to curve nodes - This will show any nodes on the curve as small white dots and will snap any pressure points to those nodes

Snap to widths on same curve - this will snap the width at any pressure point on a curve to other widths which already exist on that curve. This only applies when holding shift (i.e. you are adjusting the width without altering the point position).

Snap to curve geometry - this will snap the width to the geometry of any selected curves (again if you are holding shift). 

Managing Director

Help make our apps better by joining our beta program!


MacBook Pro (16-inch, 2021) / Apple M1 Max / 64GB / macOS 12.0.1

iPad Pro 11-inch 3rd Gen / iPadOS 16.2

Link to comment
Share on other sites

  • Staff

Known Issues in this feature
A list of unresolved issues for this feature, reported by users

  • AF-2806 - Line Width Tool causes curve to clip when used on curve inside a Symbol acting as a mask on a group

Released Fixes
A list of issues for this feature, available in the current beta build

  • AF-2769 - Clicking with the Line Width Tool inserts a 0% pressure point
  • AF-2768 - Line Width Tool: using the Layer > Transform commands while the Line Width Tool is active leaves the pressure points misplaced (in their original position before transform)
  • AF-2766 - Cannot use Line Width Tool in Designer Persona in Publisher Windows
  • AF-2903 - Line Width Tool handles don't respond to Tool Handle Size changes
  • AF-2807 - Set Line Width At Point dialog should say Width instead of Weight
  • AF-2700 - [iPad] Line Width tool missing name in tool flyout
  • AF-2726 - Line Width Tool rename to Stroke Width Tool
  • AF-3004 - Stroke Width Tool will crash if you attempt to adjust the widht of an Start/End Node
  • AF-2772 - Expand Stroke fails on curves that have a large 'step' in the Pressure Profile

Upcoming Fixes
A list of issues for this feature, which will be available in a forthcoming build

Link to comment
Share on other sites

For some reason I cannot get this tool to work. I do see the line width handles but I cannot grab and drag them. Apart from that, great addition!

d.

Affinity Suite on Windows (V2) and iPad (V2). Beta testing when available.

Windows 11 64-bit - Core i7 - 16GB - Intel HD Graphics 4600 & NVIDIA GeForce GTX 960M
iPad pro 9.7" + Apple Pencil

Link to comment
Share on other sites

I love this! Works great! 

Only thing that's related to this tool that I hope gets improved is this panel:

image.png.f0016f31feeaaa36d37f2ee639abb832.png

It's too small. Being able to resize it and making the Profile feature more global so other features could reuse them, i.e. brush settings, would make it even better. It also needs an option to invert the curves.

Link to comment
Share on other sites

11 minutes ago, dominik said:

For some reason I cannot get this tool to work. I do see the line width handles but I cannot grab and drag them. Apart from that, great addition!

OK, correction: for some reason I cannot get this tool to work in APub's Designer Persona. In AD it does work as described above.

d.

Affinity Suite on Windows (V2) and iPad (V2). Beta testing when available.

Windows 11 64-bit - Core i7 - 16GB - Intel HD Graphics 4600 & NVIDIA GeForce GTX 960M
iPad pro 9.7" + Apple Pencil

Link to comment
Share on other sites

Just had a quick preview!.. Wow! You have been busy!. This is a great addition and personally going to have a lot of fun with it....
a. One small thing related is that I noticed.. Adding the tool option for this (Combined) has a tooltip just for pencil and not the multiple option. I believe this applies to a number of the drag > toolbar multiple tool options.. To get the correct tool (with the growing number!) is trial and error now.. Could the tooltips be amended to reflect the combined tool options?
b. Agree with @Frozen Death Knight that the panels should eventually be updated to reflect the improvements!
c. Like the way the profile graph can be edited to reflect the line width

 

Affinity Version 1 (10.6) Affinity Version 2.5.5  All (Designer | Photo | Publisher)   Beta; 2.5 5.2636
OS:Windows 10 Pro 22H2 OS Build 19045.4412+ Windows Feature Experience Pack 1000.19056.1000.0
Rig:AMD FX 8350 and AMD Radeon (R9 380 Series) Settings Version 21.04.01 
Radeon Settings Version 2020
20.1.03) + Wacom Intuous 4M with driver 6.3.41-1

 

 

Link to comment
Share on other sites

On 4/12/2024 at 2:53 PM, Ash said:

You can also click to add a new pressure point, or double click to remove any pressure point on a curve.

Clicking does add a new pressure point but with zero width! To me this looks like a bug. I would expect it adds a point but does not the line's width at that point.

d.

Affinity Suite on Windows (V2) and iPad (V2). Beta testing when available.

Windows 11 64-bit - Core i7 - 16GB - Intel HD Graphics 4600 & NVIDIA GeForce GTX 960M
iPad pro 9.7" + Apple Pencil

Link to comment
Share on other sites

  • Staff

On Windows you will likely need to reset your toolbars (part of CTRL+Run-up) to get the new Line Width tool

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

9 minutes ago, Return said:

Works on windows.

@Return, thank you for confirming.

I restarted APub and now it does work. Whatever the reason on my first take was.

Looking forward to incorporate this tool into my workflow.

d.

Affinity Suite on Windows (V2) and iPad (V2). Beta testing when available.

Windows 11 64-bit - Core i7 - 16GB - Intel HD Graphics 4600 & NVIDIA GeForce GTX 960M
iPad pro 9.7" + Apple Pencil

Link to comment
Share on other sites

9 minutes ago, Patrick Connor said:

On Windows you will likely need to reset your toolbars

There is no such option.

clear.png

All the latest releases of Designer, Photo and Publisher (retail and beta) on MacOS and Windows.
15” Dell Inspiron 7559 i7 Windows 10 x64 Pro Intel Core i7-6700HQ (3.50 GHz, 6M) 16 GB Dual Channel DDR3L 1600 MHz (8GBx2) NVIDIA GeForce GTX 960M 4 GB GDDR5 500 GB SSD + 1 TB HDD UHD (3840 x 2160) Truelife LED - Backlit Touch Display
32” LG 32UN650-W display 3840 x 2160 UHD, IPS, HDR10 Color Gamut: DCI-P3 95%, Color Calibrated 2 x HDMI, 1 x DisplayPort
13.3” MacBook Pro (2017) Ventura 13.6 Intel Core i7 (3.50 GHz Dual Core) 16 GB 2133 MHz LPDDR3 Intel Iris Plus Graphics 650 1536 MB 500 GB SSD Retina Display (3360 x 2100)

Link to comment
Share on other sites

I'm seeing artefacts when line widths applied using the Line Width tool are quite large...

LineWidthArtfacts.thumb.png.27f3da101f2cb2f56252efc1647ea49d.png

Affinity Designer 2.5.5 | Affinity Photo 2.5.5 | Affinity Publisher 2.5.5
MacBook Pro M3 Max, 36 GB Unified Memory, macOS Sonoma 14.6.1, Magic Mouse
HP ENVY x360, 8 GB RAM, AMD Ryzen 5 2500U, Windows 10 Home, Logitech Mouse

Link to comment
Share on other sites

  • Staff
47 minutes ago, dominik said:

OK, correction: for some reason I cannot get this tool to work in APub's Designer Persona. In AD it does work as described above.

d.

 

45 minutes ago, anto said:

Line Width Tool does not work in Publisher - Designer Persona

 

Thanks for letting us know I'll get this logged

Link to comment
Share on other sites

It is not clear when the Adjust Line Weight button is pressed and when it is not.
When the button is not clicked (gray), I can change all the point values to a certain set value. If the button is pressed (black background), I can change the width of all points as I want.
So when the button is pressed and when it is not? It seemed to me that when it is pressed (dark background), the entire width should be aligned to a certain value. Or am I misunderstanding something?

Link to comment
Share on other sites

The contour from the line width tool isn't automatically carried over to additional strokes that have been applied to a line/curve, making it difficult to create an outline that matches the existing line contour. It is possible to select the another stroke and set line widths for it (which is very nice), but being able to apply the existing line width settings applied to additional strokes would also be helpful.CleanShot2024-04-19at08_04.44@2x.thumb.png.5707d04a61447f98af710ce012892f37.png

Above: Current line widths are not applied to additional strokes.

 

image.thumb.png.5eb51c7bb5e4a6bb58991393840c9a51.png

Above: An additional stroke with separate width settings applied to the same curve (very nice).

Link to comment
Share on other sites

  • Staff
1 hour ago, dominik said:

Clicking does add a new pressure point but with zero width! To me this looks like a bug. I would expect it adds a point but does not the line's width at that point.

d.

Thanks - I've logged this to be looked at.

Link to comment
Share on other sites

  • Staff
27 minutes ago, Bryan Rieger said:

making it difficult to create an outline that matches the existing line contour

You can right click on a stroke in the appearance panel and Duplicate - which will create a copy of the existing stroke including its pressure profile. Does that help?

Managing Director

Help make our apps better by joining our beta program!


MacBook Pro (16-inch, 2021) / Apple M1 Max / 64GB / macOS 12.0.1

iPad Pro 11-inch 3rd Gen / iPadOS 16.2

Link to comment
Share on other sites

1 hour ago, Ash said:

You can right click on a stroke in the appearance panel and Duplicate - which will create a copy of the existing stroke including its pressure profile. Does that help?

Oh, that does help, but it's not overly intuitive as there's no indication in the appearance panel that the stroke has a width profile associated with it. Perhaps adding another attribute such as 'Profile' (see mockup below) could help to indicate that the stroke has additional width/profile data associated with it?

image.png.45b66d89613d1d098c4bebe2027a2631.png

Addendum: I added a few more thoughts on the overall stroke width 'Profile' UX in another post.

Edited by Bryan Rieger
Additional thoughts.
Link to comment
Share on other sites

1 minute ago, Sean P said:

Thanks! Interestingly it looks like it could be upgrades from 2.4.2 that is causing the issue. If I ctrl run up I don't get a problem (like you're not), but if I do an upgrade from 2.4.2's User Data I get the issue.

Usually I ctrl+runup and restart pc, in this instance I actually did not and it worked out of the box after adding it to the tools panel.
 




 

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.