Skip to main content
magnusa33778419
magnusa33778419
Participating Frequently
February 20, 2019
Answered

Saving a PNG with MULTIPLY effect

  • February 20, 2019
  • 3 replies
  • 14859 views

I'm not a pro in PS and I might be totally dumbfounded - but I can not figure this out...

Need to create a PNG file that is needed as a layer on a website (I get no help from the web designer) - so I need to save a B/W picture as a PNG filer with the same effect as "multiply" layer in PS. When trying to save it like described it comes out as solid with no transparency.

I know you can save the file with the "transparency" added but as the file needs to lay on top of a coloured background it then comes out "milky"

Can anyone please tell me if it is possibel to save the file as I describe above. In case then please let me know how to!...

WBR,

Magnus

    This topic has been closed for replies.
    Correct answer Kenneth Kawamoto

    PNG itself cannot contain blend mode but you can use CSS mix-blend-mode: multiply;

    3 replies

    magnusa33778419
    magnusa33778419Author
    Participating Frequently
    February 20, 2019

    Thank you so much for all the quick help!

    ...I consider I have the correct answer to my problem and I have briefed the Web Designer about what kennethkawamoto2 learned me regards to CSS code!

    Thank you so much guys!

    ...Next time this is the place to go to get professional answers!!!

    WBR,

    Magnus

      K
      Community Expert
      Kenneth KawamotoCommunity ExpertCorrect answer
      Community Expert
      February 20, 2019

      PNG itself cannot contain blend mode but you can use CSS mix-blend-mode: multiply;

        Trevor.Dennis
        Community Expert
        Trevor.DennisCommunity Expert
        Community Expert
        February 20, 2019

        I wonder if the OP is confusing the multiply blend mode with transparency?

        As in the solid  white layer in the screenshot below, allows the black circle on the layer to show through because the white layer is set to multiply

        magnusa33778419   If you need a transparent PNG, just turn off or delete any background layers, and save as PNG.  When used in a web browser, they will retain the transparent background.

        c.pfaffenbichler
        Community Expert
        c.pfaffenbichlerCommunity Expert
        Community Expert
        February 20, 2019

        Please post meaningful screenshots.

        Is the image completely desaturated?

        If so loading the luminance or one channel as a Selection, inverting it and creating a black solid color layer and hiding the other layers might work for a PNG-24.

          magnusa33778419
          magnusa33778419Author
          Participating Frequently
          February 20, 2019

          Hope this description help better to understand my problem.

          I need to preserve the effect of having "multiply" filter on the layer. The background in this case is the light blue color - and it maintains the color true. See pic effect

          The only way I understand I can save this layer id to save it with a transparent filter - although the picture contains white and makes the file "milky" and the background color is not maintained. See pic effect below

          davescm
          Community Expert
          davescmCommunity Expert
          Community Expert
          February 20, 2019

          Hi

          Blend modes need two images to blend. So whilst you can use a blend mode between layers in an image you cannot set an image to have a blend mode wherever it is used.

          So kennethkawamoto2 has given you the correct answer. Forget transparency just save your PNG as normal and set the blend mode using CSS in the website.

          Dave

            Terms & ConditionsAccessibility statement
            Using the community Terms of use Privacy Cookie preferences Do not sell or share my personal information ad choicesAdChoices