: Is there a way to get the equivalent of a color in different blending modes? I have to make a button with some shadows using HTML/CSS and I've been provided with a PSD file, which has a

Posted in: #AdobePhotoshop #BlendModes #Css #Layers

I have to make a button with some shadows using HTML/CSS and I've been provided with a PSD file, which has a shape of the button and some effects applied to it. One of the effects is an inner shadow.

And it's blending mode is Multiply. There is no such possibility to use blending modes in CSS, so I think the only way to make 100% copy of the button is to convert the colors from Multiply blending mode to Normal. I found the formula of the Multiply blending mode.

It is : Result Color = (Top Color) * (Bottom Color) /255

So maybe its possible to get the top color respectively?

(Top Color) = (Result Color) / (bottom color) / 255

I tried this but its not working for some reason.

Any ideas?

10.02% popularity Vote Up Vote Down

: Is there a Github for Graphic Designers? How do Graphic Designers share work they put in the public domain? I'm looking for a site that provides publicly visible, collaborative behavior like

@Reiling762

Posted in: #AdobeIllustrator #AdobePhotoshop

6 Comments

: Quick way to switch between dodge and burn? Is there a shortcut for switching between doge and burn in Photoshop? When working with photo manipulations you often work with both but I've never

@Reiling762

Posted in: #AdobePhotoshop

2 Comments

: Portable file format to export Photoshop layers I'm working on web-apps and frequently have to slice designer-made PSD files as HTML. However, I'm a GNU/Linux user, and in Gimp, PSD files look

@Reiling762

Posted in: #AdobePhotoshop #Gimp

1 Comments

: Aligning button backgrounds to pixel boundaries in photoshop I'm having trouble with getting exact locations and sizes when creating background graphics for my buttons. I can never get a clean

@Reiling762

Posted in: #AdobePhotoshop

1 Comments

Login to post a comment!

2 Comments

Sorted by latest first Latest Oldest Best

@BetL875

Your math is rusty. :) Your equation should read TC = RC * 255 / BC, else you'll end up with a radically different result.

That said, as Marc points out, the more straightforward approach is to use the eyedropper to pick a 3x3 or even a point value from the densest part of the shadow.

10% popularity Vote Up Vote Down

@Carla748

The easiest way would be to open up the PSD and use the colour picker tool to sample the pixels you're after, and use that colour for the inner shadow in CSS.

10% popularity Vote Up Vote Down

Feed

: Is there a way to get the equivalent of a color in different blending modes? I have to make a button with some shadows using HTML/CSS and I've been provided with a PSD file, which has a

More posts by @Reiling762

: Is there a Github for Graphic Designers? How do Graphic Designers share work they put in the public domain? I'm looking for a site that provides publicly visible, collaborative behavior like

: Quick way to switch between dodge and burn? Is there a shortcut for switching between doge and burn in Photoshop? When working with photo manipulations you often work with both but I've never

: Portable file format to export Photoshop layers I'm working on web-apps and frequently have to slice designer-made PSD files as HTML. However, I'm a GNU/Linux user, and in Gimp, PSD files look

: Aligning button backgrounds to pixel boundaries in photoshop I'm having trouble with getting exact locations and sizes when creating background graphics for my buttons. I can never get a clean

Login to post a comment!

2 Comments

Back to top | Use Dark Theme