VectorStyler
    • Categories
    • Unread
    • Recent
    • Tags
    • Popular
    • Register
    • Login

    Adding noise to a colour in a simple way

    Scheduled Pinned Locked Moved Features and Ideas
    15 Posts 5 Posters 15.2k Views 5 Watching
    Loading More Posts
    • Oldest to Newest
    • Newest to Oldest
    • Most Votes
    Reply
    • Reply as topic
    Log in to reply
    This topic has been deleted. Only users with topic management privileges can see it.
    • B Offline
      B-Vs-V
      last edited by

      Hi,
      Sorry if it has been asked before. What I like about AD is the ability in the colour panel to immediately add noise to a specific colour also in colour gradients. Would it be possible to consider this possibility in VS?
      Thanks
      Patrick

      W11 Pro 25H2 - 12th Gen Intel(R) i7-12700K 3.61 GHz - RAM 64 Go - NVIDIA GF GTX 4070 Ti - Intuos - Dell UP3216Q / Eizo ColorEdge
      W11 Pro 25H2 - 12th Gen Intel(R) i7-12700KF 3.60 GHz -RAM 64 Go - NVIDIA GF GTX 3080 - IntuosPro- ProArt PA329C

      IngolfI VectorStylerV 2 Replies Last reply Reply Quote 0
      • IngolfI Offline
        Ingolf @B-Vs-V
        last edited by

        @PatrickM

        +1

        This is something I wanted to suggest as well after more essential requests. The noise feature in AD is one I use a LOT. It adds texture to surfaces and is widely used by Affinity users. The texture makes the fill look less artificial and less like just a dull flat surface.

        Personally I use it as is or combined with blur. The rather basic and dull implementation in Affinity however makes many piece of art from different artists look alike.

        This is what I would suggest in VS - should it be considered:

        • Label it 'Grain' (because we are dealing with film like grain patterns and noise is already implemented)
        • Add support for grain in color stops in gradients as well where each color stop has its own grain setting (like Affinity)
        • Easy access to grain when a color is selected in color panel or gradient editor
        • Different grain types to chose from. More natural grain patterns, like film grain. I think I have even seen open source libraries than can produce these types of grain.

        Example from Capture One Professional:
        0_1639913579302_ab045bfc-7b79-47be-a414-51a59f59069a-image.png

        But some algorithms that simulates real legacy film grain are even better. They produce organic grain. It is hard to explain why they are so pleasing. It happens very often that I remove digital noise from a picture with a harsh setting and add film grain instead and it looks natural. The mind knows what is organic and what is not.

        🍏 macOS Sequoia Apple Silicon

        1 Reply Last reply Reply Quote 0
        • VectorStylerV Offline
          VectorStyler @B-Vs-V
          last edited by

          @PatrickM It is possible, a bit more steps than AD:
          Open the Panels -> Effects -> Image Effects panel and add the Pixelate -> White Noise effect.

          Click on the arrow next to the effect name to adjust effect options:

          0_1639919223990_imagenoise.png

          This is plain white noise. There is also a selection of procedural noise types (Perlin, Musgrave, Turbulence, etc) using the Generate -> Noise filter.

          I will investigate if other noise types (random, but not white) are feasible.

          IngolfI B 2 Replies Last reply Reply Quote 1
          • IngolfI Offline
            Ingolf
            last edited by Ingolf

            Almost unusable from MP4 compression - but this is how I add noise to steps in a gradient in Affinity:

            Horrible video

            A bit of blur after can really make the grain look better.

            🍏 macOS Sequoia Apple Silicon

            1 Reply Last reply Reply Quote 0
            • IngolfI Offline
              Ingolf @VectorStyler
              last edited by

              @vectoradmin

              With some easy and quick access to noise from a color selector and different types of grain, it would be fantastic.

              Please note that adding it to only some gradient steps is vital; it is normal to add grain to the shadow/darker area of the gradient.

              There is grainspiration out there 🙂

              Film grain

              🍏 macOS Sequoia Apple Silicon

              1 Reply Last reply Reply Quote 1
              • B Offline
                B-Vs-V @VectorStyler
                last edited by

                @vectoradmin said in Adding noise to a colour in a simple way:

                @PatrickM It is possible, a bit more steps than AD:
                Open the Panels -> Effects -> Image Effects panel and add the Pixelate -> White Noise effect.

                Click on the arrow next to the effect name to adjust effect options:

                This is plain white noise. There is also a selection of procedural noise types (Perlin, Musgrave, Turbulence, etc) using the Generate -> Noise filter.

                I will investigate if other noise types (random, but not white) are feasible.

                @vectoradmin Thanks again. I may have found a bug: I could not disable the effect by clicking on the icon.

                0_1639925864789_8b2bd19f-44cb-4229-b520-8b797c621916-image.png
                0_1639925905815_50816836-902b-49e2-8efe-167884c9b800-image.png

                W11 Pro 25H2 - 12th Gen Intel(R) i7-12700K 3.61 GHz - RAM 64 Go - NVIDIA GF GTX 4070 Ti - Intuos - Dell UP3216Q / Eizo ColorEdge
                W11 Pro 25H2 - 12th Gen Intel(R) i7-12700KF 3.60 GHz -RAM 64 Go - NVIDIA GF GTX 3080 - IntuosPro- ProArt PA329C

                VectorStylerV 1 Reply Last reply Reply Quote 0
                • B Offline
                  B-Vs-V
                  last edited by

                  @vectoradmin another point I don't understand: I would like to mask the effect of the noise/grain on one side of the object and I try to use the gradient mask but all the noise disappears. What am I doing wrong? And how do I edit the mask after creating it?
                  thanks

                  0_1639927733982_8c67078d-c81d-4c46-a6aa-1553a55dcd10-image.png

                  0_1639927772915_53c51808-43a2-46dc-bb95-96171372bb07-image.png

                  W11 Pro 25H2 - 12th Gen Intel(R) i7-12700K 3.61 GHz - RAM 64 Go - NVIDIA GF GTX 4070 Ti - Intuos - Dell UP3216Q / Eizo ColorEdge
                  W11 Pro 25H2 - 12th Gen Intel(R) i7-12700KF 3.60 GHz -RAM 64 Go - NVIDIA GF GTX 3080 - IntuosPro- ProArt PA329C

                  VectorStylerV 1 Reply Last reply Reply Quote 0
                  • b77B Offline
                    b77
                    last edited by

                    @PatrickM I can disable (hide) the effect here on the Mac by clicking the 'eye' button.

                    But the gradient used as mask for the effect doesn't work in this case. It was working, IIRC. Looks like a bug.

                    You can edit the gradient used for masking the noise effect by selecting it again from the Opacity menu.

                    MacBook Pro (Intel) running Monterey 12.6.4

                    1 Reply Last reply Reply Quote 1
                    • VectorStylerV Offline
                      VectorStyler @B-Vs-V
                      last edited by

                      @PatrickM said in Adding noise to a colour in a simple way:

                      I may have found a bug: I could not disable the effect by clicking on the icon.

                      Tried (both on Windows and on Mac) but could not replicate this issue.

                      B 2 Replies Last reply Reply Quote 1
                      • VectorStylerV Offline
                        VectorStyler @B-Vs-V
                        last edited by

                        @PatrickM said in Adding noise to a colour in a simple way:

                        @vectoradmin another point I don't understand: I would like to mask the effect of the noise/grain on one side of the object and I try to use the gradient mask but all the noise disappears. What am I doing wrong? And how do I edit the mask after creating it?

                        @b77 There seems to a bug (or more) here. This one can be replicated on Windows.

                        Nevertheless, the mask is edited by selecting "Gradient" again from the drop down.

                        1 Reply Last reply Reply Quote 0
                        • J Offline
                          Jono
                          last edited by

                          Whilst looking at the noise image effect, I have a small observation: When the value of angle and offset are increased, the value no longer displays correctly. In this screenshot the angle should show a three digit number.

                          0_1639956493447_D484B37A-AE0C-4D31-8FCE-C3D67EA2E1EC.jpeg

                          Mac mini (M1, 2020) | Tahoe 26.1 | Wacom Cintiq 16 (1920 x 1080 px)

                          VectorStylerV 1 Reply Last reply Reply Quote 0
                          • VectorStylerV Offline
                            VectorStyler @Jono
                            last edited by

                            @Jono said in Adding noise to a colour in a simple way:

                            Whilst looking at the noise image effect, I have a small observation: When the value of angle and offset are increased, the value no longer displays correctly. In this screenshot the angle should show a three digit number.

                            It looks like the Angle value is clipped, and needs a larger field.

                            1 Reply Last reply Reply Quote 1
                            • B Offline
                              B-Vs-V @VectorStyler
                              last edited by

                              @vectoradmin said in Adding noise to a colour in a simple way:

                              @PatrickM said in Adding noise to a colour in a simple way:

                              I may have found a bug: I could not disable the effect by clicking on the icon.

                              Tried (both on Windows and on Mac) but could not replicate this issue.

                              @vectoradmin no way to hide the effect on my side. When I click elsewhere and then select the object, the effect is well enable. Do I send you the file by email?

                              W11 Pro 25H2 - 12th Gen Intel(R) i7-12700K 3.61 GHz - RAM 64 Go - NVIDIA GF GTX 4070 Ti - Intuos - Dell UP3216Q / Eizo ColorEdge
                              W11 Pro 25H2 - 12th Gen Intel(R) i7-12700KF 3.60 GHz -RAM 64 Go - NVIDIA GF GTX 3080 - IntuosPro- ProArt PA329C

                              VectorStylerV 1 Reply Last reply Reply Quote 0
                              • VectorStylerV Offline
                                VectorStyler @B-Vs-V
                                last edited by

                                @PatrickM Please send me the file by email.

                                1 Reply Last reply Reply Quote 0
                                • B Offline
                                  B-Vs-V @VectorStyler
                                  last edited by

                                  @vectoradmin said in Adding noise to a colour in a simple way:

                                  @PatrickM said in Adding noise to a colour in a simple way:

                                  I may have found a bug: I could not disable the effect by clicking on the icon.

                                  Tried (both on Windows and on Mac) but could not replicate this issue.

                                  @vectoradmin Ok, I found the issue. It's fine when the panel is free:

                                  0_1640779385655_Free1.JPG
                                  0_1640779400024_Free2.JPG

                                  but the issue is there when the panel is docked:
                                  0_1640779473129_Notfree.JPG

                                  W11 Pro 25H2 - 12th Gen Intel(R) i7-12700K 3.61 GHz - RAM 64 Go - NVIDIA GF GTX 4070 Ti - Intuos - Dell UP3216Q / Eizo ColorEdge
                                  W11 Pro 25H2 - 12th Gen Intel(R) i7-12700KF 3.60 GHz -RAM 64 Go - NVIDIA GF GTX 3080 - IntuosPro- ProArt PA329C

                                  1 Reply Last reply Reply Quote 0
                                  • First post
                                    Last post