Jump to content

Color overlay not working


Recommended Posts

Hi,

I have a vector (.svg QR code with transparent background) which color I want to change.
In Publisher it just doesn't work. I pick the color layer effect and select the desired color, nothing happens.
In Designer it does work (but for some reason, even with the same color format and profile the color looks different).

If in Publisher I edit the file in Designer, it doesn't work.

Am I doing something wrong? How can I make it work?

Any help would be appreciated. Let me know if more information is needed.

Cheers

Link to comment
Share on other sites

Easiest way is to make a Rectangle of the desired colour (and larger than the SVG) and then use the SVG to clip the coloured Rectangle.

673738899_ScreenShot2022-06-20at11_36_44AM.png.132f2f06b44631d44dbd9ed8afd05692.png

Mac Pro (Late 2013) Mac OS 12.7.6 
Affinity Designer 2.5.5 | Affinity Photo 2.5.5 | Affinity Publisher 2.5.5 | 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

re colour difference, that could be the file colour format i.e. sRGB compared to CMYK

iMac 27" 2019 Sequoia 15.0 (24A335), iMac 27" Affinity Designer, Photo & Publisher V1 & V2, Adobe, Inkscape, Vectorstyler, Blender, C4D, Sketchup + more... XP-Pen Artist-22E, - iPad Pro 12.9  
B| (Please refrain from licking the screen while using this forum)

Affinity Help - Affinity Desktop Tutorials - Feedback - FAQ - most asked questions

Link to comment
Share on other sites

1 hour ago, jcml said:

I have a vector (.svg QR code with transparent background) which color I want to change.
In Publisher it just doesn't work. I pick the color layer effect and select the desired color, nothing happens.
In Designer it does work (but for some reason, even with the same color format and profile the color looks different).

Welcome to the Serif Affinity forums.

It would help if you provided a screenshot of what you have, including the complete application window and the Layers panel.

-- 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 18.1, Apple Pencil 2, Magic Keyboard 
Mac:  2023 M2 MacBook Air 15", 16GB memory, macOS Sequoia 15.0.1

Link to comment
Share on other sites

If the SVG is vector surely it's just a matter of changing the fill of the curve or curves to the colour required.

1812763260_Screenshot2022-06-20at19_51_31.png.2cde10b816c12261336ac2bd6456eeeb.png

Untitled.pdf

 

iMac 27" 2019 Sequoia 15.0 (24A335), iMac 27" Affinity Designer, Photo & Publisher V1 & V2, Adobe, Inkscape, Vectorstyler, Blender, C4D, Sketchup + more... XP-Pen Artist-22E, - iPad Pro 12.9  
B| (Please refrain from licking the screen while using this forum)

Affinity Help - Affinity Desktop Tutorials - Feedback - FAQ - most asked questions

Link to comment
Share on other sites

3 minutes ago, firstdefence said:

If the SVG is vector

We don't know that it is, in context. It might be an Embedded or Linked document, not vector curves.

-- 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 18.1, Apple Pencil 2, Magic Keyboard 
Mac:  2023 M2 MacBook Air 15", 16GB memory, macOS Sequoia 15.0.1

Link to comment
Share on other sites

5 minutes ago, walt.farrell said:

We don't know that it is, in context. It might be an Embedded or Linked document, not vector curves.

True, a screenshot of the expanded layers panel should clarify this. I await with baited breath... Actually got to straighten my bumper out as someone tried to take my front end off this morning, hooray for ducktape lol!

iMac 27" 2019 Sequoia 15.0 (24A335), iMac 27" Affinity Designer, Photo & Publisher V1 & V2, Adobe, Inkscape, Vectorstyler, Blender, C4D, Sketchup + more... XP-Pen Artist-22E, - iPad Pro 12.9  
B| (Please refrain from licking the screen while using this forum)

Affinity Help - Affinity Desktop Tutorials - Feedback - FAQ - most asked questions

Link to comment
Share on other sites

18 minutes ago, Old Bruce said:

Easiest way is to make a Rectangle of the desired colour (and larger than the SVG) and then use the SVG to clip the coloured Rectangle.

673738899_ScreenShot2022-06-20at11_36_44AM.png.132f2f06b44631d44dbd9ed8afd05692.png

Thanks, if I don't figure out the other way, I'll try this one for sure!

15 minutes ago, firstdefence said:

re colour difference, that could be the file colour format i.e. sRGB compared to CMYK

It might be, but I tried my best to have the same settings. I'll attached a screenshot with the documents color settings:


image.thumb.png.d8cae8ffe79cfbce79d2a50f3b5a148a.png

13 minutes ago, walt.farrell said:

Welcome to the Serif Affinity forums.

It would help if you provided a screenshot of what you have, including the complete application window and the Layers panel.

Thanks, I'll attach a screenshot:

image.thumb.png.84b0f9527c1be0d08c5b5d3aea8e2ff1.png

 

Regarding the .svg, in Designer it expands to several groups.

Many thanks to all for taking some time :)

 

Link to comment
Share on other sites

In Affinity Publisher, it's a linked file, so you don't have access to the curves, but in Affinity designer it opens as a vector and so you can edit the fill of the vector curves directly. Being a linked file you can edit in Designer, export and the linked file should change to reflect the editing done in Designer.

You can also change the file to an embedded file from Document > Resource Manager... and then double click on the layer to open the file in another tab and from there edit the colour as you would in designer.

You can also copy the QRCode layer from within designer and paste it into Publisher, it will copy over as an editable vector QRCode and from there simply change the fill as you would in Designer.

 

Are you generating the QRCodes yourself or are they being passed to you ready made in SVG format?

iMac 27" 2019 Sequoia 15.0 (24A335), iMac 27" Affinity Designer, Photo & Publisher V1 & V2, Adobe, Inkscape, Vectorstyler, Blender, C4D, Sketchup + more... XP-Pen Artist-22E, - iPad Pro 12.9  
B| (Please refrain from licking the screen while using this forum)

Affinity Help - Affinity Desktop Tutorials - Feedback - FAQ - most asked questions

Link to comment
Share on other sites

Of what layer type is the layer "f7157b7330*", is it an (image), (pixel), (curves) ... ?

☛ Affinity Designer 1.10.8 ◆ Affinity Photo 1.10.8 ◆ Affinity Publisher 1.10.8 ◆ OSX El Capitan
☛ Affinity V2.3 apps ◆ MacOS Sonoma 14.2 ◆ iPad OS 17.2

Link to comment
Share on other sites

7 minutes ago, v_kyr said:

Of what layer type is the layer "f7157b7330*", is it an (image), (pixel), (curves) ... ?

I suspect it's a linked document layer from the context bar just above the workspace...

678573267_Screenshot2022-06-20at20_59_46.png.9de818a81f89dba9a591233ea50c4ea0.png

iMac 27" 2019 Sequoia 15.0 (24A335), iMac 27" Affinity Designer, Photo & Publisher V1 & V2, Adobe, Inkscape, Vectorstyler, Blender, C4D, Sketchup + more... XP-Pen Artist-22E, - iPad Pro 12.9  
B| (Please refrain from licking the screen while using this forum)

Affinity Help - Affinity Desktop Tutorials - Feedback - FAQ - most asked questions

Link to comment
Share on other sites

53 minutes ago, jcml said:

Regarding the .svg, in Designer it expands to several groups.

You seem to have Opened it in Designer, but Placed it in Publisher. That is going to give different results, and will require different ways of working with it.

-- 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 18.1, Apple Pencil 2, Magic Keyboard 
Mac:  2023 M2 MacBook Air 15", 16GB memory, macOS Sequoia 15.0.1

Link to comment
Share on other sites

26 minutes ago, firstdefence said:

In Affinity Publisher, it's a linked file, so you don't have access to the curves, but in Affinity designer it opens as a vector and so you can edit the fill of the vector curves directly. Being a linked file you can edit in Designer, export and the linked file should change to reflect the editing done in Designer.

You can also change the file to an embedded file from Document > Resource Manager... and then double click on the layer to open the file in another tab and from there edit the colour as you would in designer.

You can also copy the QRCode layer from within designer and paste it into Publisher, it will copy over as an editable vector QRCode and from there simply change the fill as you would in Designer.

 

Are you generating the QRCodes yourself or are they being passed to you ready made in SVG format?

Thanks! That worked.

I'm generating it myself. I tried several websites until I found one that actually created the background transparent. I also tried several formats and were all giving me the same "issue". SVG was the last format I tried.

23 minutes ago, v_kyr said:

Of what layer type is the layer "f7157b7330*", is it an (image), (pixel), (curves) ... ?

firstdefence got it right. It was linked.

15 minutes ago, firstdefence said:

I suspect it's a linked document layer from the context bar just above the workspace...

678573267_Screenshot2022-06-20at20_59_46.png.9de818a81f89dba9a591233ea50c4ea0.png

 

11 minutes ago, walt.farrell said:

You seem to have Opened it in Designer, but Placed it in Publisher. That is going to give different results, and will require different ways of working with it.

I dragged and dropped it in both cases, assuming it'd be added to the file in the way I needed.
What's the best way of adding such files in order to make it embebbed in Publisher by default?

Once again, thanks for the assistance!

Link to comment
Share on other sites

11 minutes ago, jcml said:

I dragged and dropped it in both cases, assuming it'd be added to the file in the way I needed.
What's the best way of adding such files in order to make it embebbed in Publisher by default?

In this case, where you had it right in Designer, as firstdefence already said, a copy/paste of the layers between Designer & Publisher would have probably solved your problem.

☛ Affinity Designer 1.10.8 ◆ Affinity Photo 1.10.8 ◆ Affinity Publisher 1.10.8 ◆ OSX El Capitan
☛ Affinity V2.3 apps ◆ MacOS Sonoma 14.2 ◆ iPad OS 17.2

Link to comment
Share on other sites

2 hours ago, jcml said:

I tried my best to have the same settings. I'll attached a screenshot with the documents color settings:

The values for the Blue are different between your APub vs. AD. (cmyk 100|70|0|0 hsl 222-100-50)
Also from your screenshot it's hard to judge because your layer setups are different: In AD you use a Layer layer + blend mode Color, in APub we can't see how it is set up – but apparently different than with this Layer layer from AD.

macOS 10.14.6 | MacBookPro Retina 15" | Eizo 27" | Affinity V1

Link to comment
Share on other sites

1 hour ago, jcml said:

I dragged and dropped it in both cases, assuming it'd be added to the file in the way I needed

There are several ways you could drag/drop that would give different results. You would only get the same results if both applications were in the same state and you dropped the file in the same screen location within the application. But if you drop it onto an open file in the application, it will be the same as doing a Place.

As you got different results in the two apps, you probably did the drag/drop differently.

-- 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 18.1, Apple Pencil 2, Magic Keyboard 
Mac:  2023 M2 MacBook Air 15", 16GB memory, macOS Sequoia 15.0.1

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.