終了

グレースケールと透明度

New Here ,
Aug 31, 2022 Aug 31, 2022

リンクをクリップボードにコピー

コピー完了

質問失礼します。大学4年です。

0~1(黒~白)のグレースケールで構成された画像があります。この画像をスケールの値によって透明度を変化させたいのですができますか。

言い方を変えると、完全な白は完全な透明、完全な黒は完全な不透明、その中間層は黒ければ黒いほど不透明になるようにしたいのです。

 

どなたかできる方法を知っている方、よろしくお願いします。

キーワード
macOS , Windows

表示

1.8K

翻訳

翻訳

レポート

レポート
コミュニティガイドライン
他のユーザーへの思いやりを持ち、敬意を払いましょう。コンテンツの出典を明記し、投稿する前に内容が重複していないか検索してください。 さらに詳しく
community guidelines
Community Expert ,
Aug 31, 2022 Aug 31, 2022

リンクをクリップボードにコピー

コピー完了

レイヤーマスクを作成して、その画像をマスクの方へペーストしてください。

透明、不透明が逆だったら諧調の反転(全選択後にCtrl+I)です。

 

https://helpx.adobe.com/jp/photoshop/using/editing-layer-masks.html?x-product=phsp/23.5.0&x-product-...

投票

翻訳

翻訳

レポート

レポート
コミュニティガイドライン
他のユーザーへの思いやりを持ち、敬意を払いましょう。コンテンツの出典を明記し、投稿する前に内容が重複していないか検索してください。 さらに詳しく
community guidelines
New Here ,
Aug 31, 2022 Aug 31, 2022

リンクをクリップボードにコピー

コピー完了

回答ありがとうございます。ただこれだと透明か不透明かの極端な結果になってしまいます。白→灰色→黒が透明→半透明→不透明となるようにしたいのです。

投票

翻訳

翻訳

レポート

レポート
コミュニティガイドライン
他のユーザーへの思いやりを持ち、敬意を払いましょう。コンテンツの出典を明記し、投稿する前に内容が重複していないか検索してください。 さらに詳しく
community guidelines
Community Expert ,
Aug 31, 2022 Aug 31, 2022

リンクをクリップボードにコピー

コピー完了

グレースケールではなくて、モノクロ2諧調の画像を元にという事ですか?

グレースケールなら灰色は半透明になるはずです。

 

具体的なイメージがつかめませんが、2諧調画像で中間のグレーが欲しいならぼかしてしまって無理やり灰色を作るとかですかね。

投票

翻訳

翻訳

レポート

レポート
コミュニティガイドライン
他のユーザーへの思いやりを持ち、敬意を払いましょう。コンテンツの出典を明記し、投稿する前に内容が重複していないか検索してください。 さらに詳しく
community guidelines
New Here ,
Aug 31, 2022 Aug 31, 2022

リンクをクリップボードにコピー

コピー完了

以下に添付するような画像に透明な要素を加えたいとして、完全な白のみ完全な透明、その他少しでも暗ければ半透明(半透明にもグラデーションや諧調がある)、完全な黒のみ完全な不透明にできるのでしょうか。

私の認識では透明か不透明かの二択だと思っていました。

一番最初に教えていただいた方法ですがもう少し具体的に教えていただけますか。初心者ですみません。

よろしくお願いします。

投票

翻訳

翻訳

レポート

レポート
コミュニティガイドライン
他のユーザーへの思いやりを持ち、敬意を払いましょう。コンテンツの出典を明記し、投稿する前に内容が重複していないか検索してください。 さらに詳しく
community guidelines
Community Expert ,
Aug 31, 2022 Aug 31, 2022

リンクをクリップボードにコピー

コピー完了

レイヤーマスク用の画像の黒で完全に透明、白で不透明(透明無し)、

中間のグレーで半透明になります。

8bitなら255諧調で透明、不透明をコントロールできます。

透明か不透明の二択ではありません。

 

レイヤーマスク自体はメジャーな機能ですので、リンク先のページやPhotoshopのHELP、ネット検索しても色々情報が出てきます。

投票

翻訳

翻訳

レポート

レポート
コミュニティガイドライン
他のユーザーへの思いやりを持ち、敬意を払いましょう。コンテンツの出典を明記し、投稿する前に内容が重複していないか検索してください。 さらに詳しく
community guidelines
Community Expert ,
Aug 31, 2022 Aug 31, 2022

リンクをクリップボードにコピー

コピー完了

MacかWindowsかわからないのでMacで説明しときます

(Windowsの場合は ⌘ → ctrl、option → alt  と読み替えてください)

 

レイヤーマスクを作成しました。

マスクは一時的にオフにしてあります。

レイヤーパネル上でマスクサムネイルをshift&クリックでオンオフできます。

スクリーンショット 2022-09-01 5.09.08.png

 

マスクチャンネルの内容がこれです。

マスクサムネイルをoption&クリックでマスク編集に入れます。

スクリーンショット 2022-09-01 5.09.30.png

 

マスクのかかった状態がこんなかんじです。

レイヤーサムネイルをクリックします。

スクリーンショット 2022-09-01 5.09.35.png

 

今回⌘の出番ありませんでしたが…

投票

翻訳

翻訳

レポート

レポート
コミュニティガイドライン
他のユーザーへの思いやりを持ち、敬意を払いましょう。コンテンツの出典を明記し、投稿する前に内容が重複していないか検索してください。 さらに詳しく
community guidelines
New Here ,
Aug 31, 2022 Aug 31, 2022

リンクをクリップボードにコピー

コピー完了

このレイヤーマスクの画像の生成方法がわからないです。

透明度の調節は自分で調節しなければならないでしょうか。

先ほど添付した画像のグレースケールは内から外へある関数によって変化するよう構成されています。

今その関数に従った画像が手元にある状態です。その関数に従った透明度の画像を製作したいのです。つまり、中心の最も白い部分が透明、そこからだんだんと不透明になっていき、最終的に完全な不透明になる画像が欲しいのです。

ブラシで作ると半透明などは指定できますが、一ピクセルごとに変化する諧調になっているため

手動での調節は難しいです。

何度もすみません

投票

翻訳

翻訳

レポート

レポート
コミュニティガイドライン
他のユーザーへの思いやりを持ち、敬意を払いましょう。コンテンツの出典を明記し、投稿する前に内容が重複していないか検索してください。 さらに詳しく
community guidelines
Contributor ,
Aug 31, 2022 Aug 31, 2022

リンクをクリップボードにコピー

コピー完了

>レイヤーマスクの画像の生成方法がわからない
こちらの先生方はやさしいので「チュートリアルを読め」で終わらすのを嫌いますがあえてチュートリアルのURLを置いておきますね。
まずは、レイヤーマスクとは何かを検索してみることもおすすめします。

 

初級 · 4分 レイヤーマスクの使い方
https://helpx.adobe.com/jp/photoshop/how-to/layer-mask.html
初級 · 5分 グラデーションツールで合成写真を作成する方法
https://helpx.adobe.com/jp/photoshop/how-to/blend-two-images-gradient.html

 

>内から外へある関数によって変化するよう構成されています。
何のことを指しているのかボカされていますので答えようがありませんが、アート作品制作ですかね。
グラデーションのコツを一つ。
Photoshopのグラデーションツールで生成されたグラデーションはトーンジャンプを防ぐためにまっすぐな階調ではなく砂目状に前後に階調が混じり合ってます。
Illustratorなどで作ったグラデーションをPhotoshopに持ってきた場合に品質が良くないのはこのせいも一つあります。
そういった場合や、他のツールなどでぼかした場合は砂目が潰れてジャンプが起きる場合があります。
綺麗な諧調はボカすとガタガタになる場合がありますので、馴染ませるためにマスクにグレースケールノイズを1%ほど混ぜるとなめらかになることもあります。
これは画像を合成する場合にも有効です。
今回の件とは少し違いますがCamera Raw フィルターにもノイズを生成する機能などもありますので色々試行錯誤をしてみると、一段良い仕上がりになるかもしれません。

投票

翻訳

翻訳

レポート

レポート
コミュニティガイドライン
他のユーザーへの思いやりを持ち、敬意を払いましょう。コンテンツの出典を明記し、投稿する前に内容が重複していないか検索してください。 さらに詳しく
community guidelines
Community Expert ,
Aug 31, 2022 Aug 31, 2022

リンクをクリップボードにコピー

コピー完了

>先ほど添付した画像のグレースケールは内から外へある関数によって変化するよう構成されています

 

それ、これのことですよね。

スクリーンショット 2022-09-01 10.54.47.png

 

これ、第一印象は「黒地に白い円」にしか見えません。

英寿25896293dlt6さんの手元の環境では中間調が見えているんですか?

 

「内から外に変化」というからには、このような状態を想定しなければいけないわけですね。

スクリーンショット 2022-09-01 11.00.06.png

 

 

レイヤーマスクの説明については、まず公式ヘルプを参照…と思ったんですが、

地獄のように不親切ですねこれ…これ見てわかる人いるのかなあ。。

レイヤーマスクの使い方

しかたない。。

 

まず、マスクしたい画像を用意してください。なんでもいいです。

スクリーンショット 2022-09-01 11.12.33.png

 

レイヤーパネル下部のマスクボタン(バングラディシュの国旗みたいなやつ)を押すとレイヤーマスクが作成されます。これはアルファチャンネルのひとつなのでグレースケールと同様に編集する必要があります。

スクリーンショット 2022-09-01 11.15.21.png

選択範囲なしでマスク作成した場合、まっしろなマスクが作られます。レイヤーが一切隠されていない状態ということです。

 

あらかじめ選択範囲を作ってからマスク作成すると、その選択範囲どおりのレイヤーマスクが作られます。

マスクサムネイルの黒が隠される領域、白が隠されない領域です。

スクリーンショット 2022-09-01 11.18.13.png

 

※だからそうじゃなくて中間調を、と言いたいのはすごくわかりますが、

そもそもここまでをわからないと、その先まったくわからないと思うので、

とにかくちょっと手元でやってみてください。

 

もうひとつの方法。

透明部分があるレイヤーを用意してください(周囲が透明なのがわかるように、背面の赤いレイヤーは一旦非表示にしてあります)。

スクリーンショット 2022-09-01 11.25.33.png

 

赤いレイヤーの名前が「背景」だった場合は、カチカチして「レイヤー 0」に変換しておいてください。

レイヤーパネル上で赤いレイヤーを表示させて、選択した状態で、

緑のレイヤーサムネイルをマスク作成ボタンに投げる。

スクリーンショット 2022-09-01 11.27.16.png

 

緑レイヤーの不透明部分でレイヤーマスクができました。やったー。

スクリーンショット 2022-09-01 11.32.04.png

 

あとは、alpha7さんの最初の回答につながります。

マスクサムネイルをクリックして、メニューから イメージ > 色調補正 > 階調の反転(⌘ & i )。

スクリーンショット 2022-09-01 11.34.30.png

 

ここまでが、レイヤーマスクの基本かなと思います。

 

で、

本題の、白が透明(不透明度 0)、黒が不透明(不透明度100)という目的はこの真逆にあたるわけですが、「階調の反転」なしで実現したいということでしたら、かなりトリッキーな手段を考えなければいけません。

「階調の反転」すれば済むのでしたら、そうしてください。

 

一旦ここまで。

投票

翻訳

翻訳

レポート

レポート
コミュニティガイドライン
他のユーザーへの思いやりを持ち、敬意を払いましょう。コンテンツの出典を明記し、投稿する前に内容が重複していないか検索してください。 さらに詳しく
community guidelines
みんなのチャンピョン ,
Sep 01, 2022 Sep 01, 2022

リンクをクリップボードにコピー

コピー完了

最新

その画像を表示してから、チャンネルパネルを出し、一番上にあるチャンネルのサムネイル部分(絵柄のある部分)を、えっと、どっちですかね?Mac?Win?

MacならCommandキー

WinならCtrlキー

を押しながらクリックしてください。選択範囲を取得できます。

そのまま、レイヤーメニュー>レイヤーマスク>選択範囲外をマスク

を選択すれば透過します。

 

Photoshopのサムネイル類はみんな、Cmdクリックで何かしらの選択範囲を得られます。

 

で、チャンネルの一番上から得る選択範囲はカラー設定の作業用スペースのグレーのプロファイル(ドットゲイン、ガンマ)で変換されています。

Photoshopで得るグレー階調はリニアではありません。結局実際に本当にやりたいこととか、これを何に使いたいとか、どんな作業をしたいのか書かれていないので分かりませんが、その点注意しておいてください。

--
Yamonov

投票

翻訳

翻訳

レポート

レポート
コミュニティガイドライン
他のユーザーへの思いやりを持ち、敬意を払いましょう。コンテンツの出典を明記し、投稿する前に内容が重複していないか検索してください。 さらに詳しく
community guidelines