ブレンドモードをPNGに乗算


14

Photoshopに複数のレイヤーがありますが、Webに保存するとブレンドモードが失われます。

どうすれば乗算を続けたり、別の方法で同じ効果を達成できますか?


2
stackoverflowのは、プログラミングの質問です

コードを使ってこれができるかどうかを教えてくれるかもしれないと思った。

1
保存する前に画像を平坦化する必要があります。これは、コードや他の方法では行えません。コピーを保存するだけです。画像を平坦化します。そしてそれを保存します。それは、PNG、Jpeg、GIF、TIFのどのフォーマットでも、あなたが想像するとおりに見えます。関係ありません。
ジャンゴラインハルト

あなたはiPhone上で開発している場合、これは使用のものであってもよい:stackoverflow.com/questions/3679399/...
ジャンゴ・ラインハルト

回答:


24

できることの1つを次に示します。

  1. 乗算する画像をコピーします。(CtrlAおよびCtrlC

  2. 新しい「黒」カラーレイヤーを作成し、「マスクを追加」をクリックします。

  3. altマスクアイコンをクリックして、マスク編集モードに入ることができます。

  4. 「乗算」画像をマスク(白黒)に貼り付けてから、反転します。

  5. 乗算マテリアルがマスクされた黒いレイヤーが作成されます。

  6. そのレイヤーの不透明度を調整して、見栄えの良い画像を見つけることができます。(30〜40%?)

  7. 透明なPNGファイルとして保存すると、完了です。

「乗算された画像」とは完全に同じではありませんが、やや暗くなり、それほど鮮明ではありませんが、何かの上に適用するために通常の画像またはテクスチャが必要な場合には非常に便利です。


1
それが元の質問が尋ねていたものであるかどうかはわかりませんが、それは私がこの質問に来たときにまさに探していたものです。
user8783

この答えはまさに私が探していたものです。とてもいい方法です!
ジョセフ・マリクル

これは、方法でハイライトとシャドウPNG画像を作成するために探して誰もが
nodws

4

ブレンドモードはPNGではサポートされていません。あなたが得るすべてはアルファ透明度です。背景に何かをブレンドしたい場合は、最初にPhotoshopでブレンドし、平坦化された画像を保存します。


1

これには簡単な解決策があります。

  1. レイヤーを選択
  2. [レイヤー]タブで[fx]をクリックします
  3. 「ブレンドオプション」を選択します
  4. 「このレイヤー」の右端の矢印を左にドラッグし始めます

1

私が正しく理解している場合、pngを作成してhtmlの背景に色を掛け、htmlの背景にいくつかの影を落とします。2つの世界が混在しているため、画像の世界とHTMLの世界をブレンドすることはできません。

png内のすべてのものは正常に見え、レイヤー間でブレンドおよび乗算されます。Webに配置すると、正常に見えません。

1つの方法は、html背景と同じフラットカラーにブレンドするか(これは受け入れられないか、そうでないと確信しています)、ブレンドされたすべてのレイヤーを一緒にフラット化します。50%の黒と緑のhtml背景を掛け合わせて濃い緑にすることはできませんが、鈍い灰色の緑である緑の上に常に50%の灰色が得られます。乗算された50%ブラックは、他のモードでブレンドされた他の色のように透明な背景の上にある場合、通常の透明な50%ブラックに変わります。Webブラウザーは、Photoshopで見られるようなグラフィックブレンディングモードをサポートするライブ環境ではありません。



0

複数のレイヤーがある場合は、すべてのレイヤーを選択し、右クリックして「スマートオブジェクトに変換」をクリックして、スマートオブジェクトに変換します。

次に、右クリックしてレイヤーをラスタライズし、「レイヤーのラスタライズ」を選択してPNGとして保存します。これはトリックを行う必要があります!


0

私はちょうど同じ問題を抱えていました。私のために働いたのは、レイヤーを「塗りつぶし」、100%から0%に調整してからpngを保存することでした。あなたがそれを理解することを願っています!


0

最初にブレンドモードのあるすべてのレイヤーを選択し、次に右クリックしてレイヤーを複製します(複製中にポップアップボックスで[新しいファイル]を選択し、新しいファイルで開き、png 24でWeb用に保存します。


-1

これを機能させるために必要な作業を次に示します。

  • まず、グレースケールを使用する画像を作成します。
  • チャンネルウィンドウのマスクチャンネルに貼り付けます。
弊社のサイトを使用することにより、あなたは弊社のクッキーポリシーおよびプライバシーポリシーを読み、理解したものとみなされます。
Licensed under cc by-sa 3.0 with attribution required.