Jump to content
Our response time is longer than usual currently. We're working to answer users as quickly as possible and thank you for your continued patience.

outline vs fill opacity


Recommended Posts

Hi,

 

i assume a bug:

when you

  • use a vector shape,
  • fill it with white,
  • add a black outside outline (layer effects)
  • reduce the fill opacity

The fill gets darker and finally black (not expected).

Expected is fill gets transparent, but stays white. Instead, it gets the color of the outline.

When reaching 0% opacity, fill gets transparent (expected), but the outline is extended to the inside (wrong).

Spotted by my son in 1.8.5 and 1.9.0.932

 

Example file shows two linked vector shapes, one using stroke behaving correctly, one with outline mis-behaving. Linked so opacity affects both, and you can see the issue.

outline opacity issue.afphoto

Mac mini M1 A2348

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

10 hours ago, NotMyFault said:

when you

  • use a vector shape,
  • fill it with white,
  • add a black outside outline (layer effects)
  • reduce the fill opacity

The fill gets darker and finally black (not expected).

Not seeing any of that when I create a new document or use the one you supplied

Also, in the document you supplied you say the right shape has no stroke but it has the same size stroke as the left shape

You may need to upload a video showing what you see if no one else can confirm the problem you are having

Link to comment
Share on other sites

Hi Carl,

you are right, the right shape has a stroke too, but this has no impact. you can remove the stroke. I share a few screenshots with different opacity settings.

100%

image.thumb.png.fdb369483d939d8fcb5873f6dd39117c.png

 

 

80%

image.thumb.png.b9d242542e9a9052bd913db408fecba9.png

 

50%

image.thumb.png.264cb10bdfe27901bf3fb41a5795a0f9.png

10%

image.thumb.png.a7b27732ce7f750710a18bd07c79c3d4.png

 

0%:

The outline extends inwards, fill becomes transparentimage.thumb.png.1811682a0aa6011649b9d0ac6f9aa016.png

 

image.png

Mac mini M1 A2348

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

Please ignore the "97%" image. i tried to edit the post and delete the image, but failed.

Mac mini M1 A2348

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

I've uploaded a video with updated settings to make the bug even more obvious:

  • Fill in blue
  • stroke in black
  • outline in red

1. When adjusting opacity of fill, fill uses color of outline effect (if outline is used)

2. When reaching 0% opacity for fill, outline is displayed as "center" instead of "outside"

2021-02-13_12-15-27.mkv outline opacity issue V2.afphoto

Mac mini M1 A2348

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

I see what's going on, and I don't think it's a bug, it's working as expected and designed. By moving the Opacity slider in the Color Panel is no different than changing the values of the RGB Sliders. Move all the RGB sliders to the far left and you get Black, ie; no colors. Since RGB is additive, taking those colors away leaves black. You're doing the same thing with the opacity slicer as if you were moving all 3 (RGB) sliders simultaneously. So the Opacity slider is the cumulative value of all three (RGB). 

I tested this using 2 rectangles, filled as you instructed, and yes moving the opacity to 0, yields black as it should. Now what I done, was on one rectangle, I moved the opacity to 50%. Then used the Color Picker to check the color, or rather the shade. It showed 50% Grey, the values in the RGB sliders displayed 128 each. I created another rectangle, and for the fill, changed to the Greyness mode, and set the value to 50. Using the color picker, checked the value, and it revealed 128 for each of the RGB color channels.

Affinity Photo 1.10.5.1342 ; Affinity Designer 1.10.5.1342;Affinity Photo 2.0.0.1640 Affinity Designer 2.0.0.1640; Affinity Publisher 2.0.0.1640; Affinity2 Beta versions. Win10 Home Version:21H2, Build: 19044.1766: Intel Core i7-4770, 3.90GHz, 32GB Ram, Nvidia GTX 645, 3-Internal HDD (1 Crucial MX5000 1TB, 1-Crucial MX5000 500GB, 1-WD 1 TB), 4 External HDD

Link to comment
Share on other sites

Hi Ron, 

thank you for commenting, but please allow me to emphasize my point this is buggy.

did you watch the video i’ve uploaded? Especially the final test using red outline? This contradicts your argument, which may work  within tight constraints, like grey color and fully transparent background, but not in general. 

The video clearly shows completely different behavior of the fill, depending on the outline yes/no, and non expected behavior. Mixing the fill within red (color of outline) is definitely not expected when reducing fill opacity, as no red outline should be inside the fill area.

Coming back to your argument: opacity (means: alpha channel) is completely independent from RGB channels, but: what you and the color picker sees is the result of blending all layers factoring in the alpha channel. Using grey 50 at 100% opacity is not the same as using white with 50% opacity, even if you get the same color picker values. When you place e.g. a green fill layer beneath, you can see the difference.  50 gray with 100% alpha stays grey, while white with 50%alpha lets the green fill shine through. 
 

Best regards, Timo

 

Mac mini M1 A2348

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 weeks later...

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

×
×
  • Create New...

Important Information

Please note there is currently a delay in replying to some post. See pinned thread in the Questions forum. These are the Terms of Use you will be asked to agree to if you join the forum. | 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.