終了

レイヤーを切り抜く方法

Community Beginner ,
Feb 26, 2025 Feb 26, 2025

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

コピー完了

windows10 バージョン22H2 photoshop2025を使用しています。

レイヤー9のイラストを四角い枠の中におさまるよう切り抜きたいです。

レイヤーマスクを追加したのですが、腰から下のあたりが切り抜かれません。

どのようにしたらよいですか。

 

参考 <他の方が迷うといけませんのでURLを削除しました(モデレータ)>

キーワード
Windows

表示

146
翻訳

レポート

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

correct answers 1 件の正解

Community Expert , Feb 27, 2025 Feb 27, 2025

(前の返信ぶん、けっこう時間かけて書いたので、ぜひやってみてほしかったですが…)

あらためて。

 

・レイヤーパネルでレイヤー1を選択

・自動選択ツールを使用

 3つのチェックボックスはスクショの通りに。「許容値」は128で。

・上半身を取り囲む菱形内をクリックして選択範囲を作成

スクリーンショット 2025-02-28 11.01.14.pngexpand image

 

・レイヤー3を選択して、レイヤーマスク作成

スクリーンショット 2025-02-28 11.10.40.pngexpand image

 

・マスク境界をズームすると、うっすらスキマが見えるので、

スクリーンショット 2025-02-28 11.03.02.pngexpand image

 

・(マスクサムネイルが選択されているはずなので、そのまま)

 メニューから フィルター  >  その他  >  明るさの最大値

 半径:2 pixel ぐらい で白の領域を太らせる。

 で完成。レイヤー3とマスクチャンネルの間をクリックしてリンクを切っておくとよいです。

スクリーンショット 2025-02-28 11.03.43.pngexpand image

 

参考になれば。

投票

翻訳
Community Expert ,
Feb 26, 2025 Feb 26, 2025

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

コピー完了

参考のサイトでは、長方形選択してレイヤーマスク作成  となっていますが、スクリーンショットでは人物の上半身を取り囲むパスが見えるだけで選択範囲にはなっていないようです。

そのため、レイヤーマスクは作成されていますが、パスの領域は反映されておらず、マスク範囲(黒い領域)がありません。

手元のドキュメントで、マスクのサムネイルに注目してみるとわかるかと思います。

スクリーンショット 2025-02-27 11.14.01.pngexpand image

 

パスを生かしてレイヤーマスクを作成するなら

メニューから レイヤー  >  ベクトルマスク  >  現在のパス でできます。

参考サイトの通りにやる場合は、

パスパネル上で以下のどちらかでパスの領域から選択範囲を作成してからレイヤーマスクを作成してください。

スクリーンショット 2025-02-27 11.11.03.pngexpand image

 

>腰から下のあたりが切り抜かれません

がちょっと読んでいて引っかかるところで、レイヤー9を何らかの方法で自動で切り抜きした、ということなのですかね。

であれば、前面にいるレイヤー1を一時的に非表示にすれば解決するかもしれません。

もしくは、自動選択系のツールを使用した場合は、オプションバーの「全レイヤーを対象」チェックを外せば目的外のレイヤーの影響は受けなくなります。

↓ これはクイック選択ツールの例。

スクリーンショット 2025-02-27 11.21.14.pngexpand image

 

質問については以上なのですが、

想像では別のアプローチがよさそうなので(想像ですけど)簡単な方法を紹介します。

もし認識が合っていたらやってみてください。

 

1. いまあるレイヤー9のレイヤーマスクを削除

適用 or 削除 をきかれるので、削除で。

スクリーンショット 2025-02-27 11.29.16.pngexpand image

 

2. レイヤー9を選択した状態で、レイヤー1をマスク作成ボタンにドロップ

スクリーンショット 2025-02-27 11.33.03.pngexpand image

レイヤー1の不透明領域でレイヤーマスクが作成されます。たぶんまだ半透明で具合がわるいので、次でととのえます。

スクリーンショット 2025-02-27 11.36.33.pngexpand image

 

3. レイヤーマスクを編集

マスクサムネイルを alt + クリックして、マスクチャンネルの編集に入ります。

それと、情報パネルが見えるようにしておきます。

スクリーンショット 2025-02-27 11.38.06.pngexpand image

 

4. グレー部分が真っ白になるまで色調補正。トーンカーブやレベル補正で。

マウスカーソルを白いところに置いて、情報パネルで 0%になるのを確認しながら調整。

例では、元が30% 編集後が0% になることを示しています。

スクリーンショット 2025-02-27 11.41.44.pngexpand image

 

5. このままだと境界にスキマが出る(かもしれない気がする)ので、

フィルター  >  その他  >  明るさの最小値 を 0.5px かけます。これでちょっとだけくいこみます。

スクリーンショット 2025-02-27 11.46.50.pngexpand image

 

6. メニューから イメージ  >  色調補正  >  階調の反転

ショートカット ctrl + I(アイ)でもいいです。

スクリーンショット 2025-02-27 11.49.24.pngexpand image

 

7. マスクサムネイルの隣の、レイヤーのサムネイルをクリックしてマスクチャンネル編集を抜けます。

2つのサムネイルの間の、鎖マークをクリックして消しておいてください。

(レイヤー9の座標を移動したいとき、マスクもついて来ちゃうと、たぶん困るからです)

仕上がりの確認をするには、マスクサムネイルを shift + クリックしまくってみてください。

スクリーンショット 2025-02-27 11.53.29.pngexpand image

 

なんだか長くなってすみません。

慣れてきたらレイヤースタイルのノックアウトなど、もっとラクな方法がありますが、段階を追って覚えたほうがいいと思って、今回は見た目にわかりやすいやつにしました。

参考になればいいのですが。

投票

翻訳

レポート

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

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

コピー完了

@康範24853035ncsr 

 

@ajabon grinsmith さんが、すでに詳しいご回答してくれていますので、シンプルな回答になります。

 

マスクというのは

「白→画像を表示したい部分」

「黒→画像を消したい部分」

です。提示していただいた画像のマスクは、真っ白なので、全て表示している状態です。

 

枠のみ白くして、それ以外を真っ黒で塗り潰してもらえばやりたいことは実現できます。

 

よろしくお願いします。

 

 

投票

翻訳

レポート

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

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

コピー完了

レイヤーマスクが追加されていません(マスクはありますが、マスクが塗られていません)。

 

その四角い枠が別レイヤーでできているなら楽なんですが、レイヤーパネルとパスパネルを全て掲載できますか?

 

ちなみに、Photoshopではチャンネル、レイヤー自体やレイヤーマスク、パスのサムネイル部分をCtrl+クリックすると、それぞれのカタチに合わせた選択範囲を取得できます。

四角い枠のレイヤーがあればそのサムネイルから選択範囲を取得して、ちょっと加工して…ということもできます。

 

そのあたりを説明するには、今レイヤーがどんな状態になっていて、何をどうやって作り込んでいるのかがこちらに分からなければなりません。

 

掲載可能でしたら、レイヤーの状態が分かりやすいように、レイヤーサムネイル表示を大きめにして全てのレイヤーを見せてください。

▼赤枠のサムネ部分を右クリックで大きさを変えられます。

SS_CleanShot_20250227-120233.pngexpand image

--
Yamonov

投票

翻訳

レポート

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

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

コピー完了

皆様ご回答ありがとうございます。追記ということで返信に代えさせていただきたいです。

レイヤーの状態はこちらの画像でわかりますでしょうか。PSDデータも添付しております。

赤い線から上の上半身を残し、青線で囲んだ下半身をトリミングしたいです。

現在はマスクを作っていません。(複雑になりそうなので)

簡単な方法をご教示いただきたく、お願いいたします。

 

スクリーンショット (75).pngexpand image

投票

翻訳

レポート

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

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

コピー完了

(前の返信ぶん、けっこう時間かけて書いたので、ぜひやってみてほしかったですが…)

あらためて。

 

・レイヤーパネルでレイヤー1を選択

・自動選択ツールを使用

 3つのチェックボックスはスクショの通りに。「許容値」は128で。

・上半身を取り囲む菱形内をクリックして選択範囲を作成

スクリーンショット 2025-02-28 11.01.14.pngexpand image

 

・レイヤー3を選択して、レイヤーマスク作成

スクリーンショット 2025-02-28 11.10.40.pngexpand image

 

・マスク境界をズームすると、うっすらスキマが見えるので、

スクリーンショット 2025-02-28 11.03.02.pngexpand image

 

・(マスクサムネイルが選択されているはずなので、そのまま)

 メニューから フィルター  >  その他  >  明るさの最大値

 半径:2 pixel ぐらい で白の領域を太らせる。

 で完成。レイヤー3とマスクチャンネルの間をクリックしてリンクを切っておくとよいです。

スクリーンショット 2025-02-28 11.03.43.pngexpand image

 

参考になれば。

投票

翻訳

レポート

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

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

コピー完了

人物のレイヤーを選択してから、Ctrl+Alt+Gを押してレイヤー4のクリッピングマスクにします。

スクリーンショット (75).pngexpand image

 

 

レイヤー3が、レイヤー4のカタチの通りに切り抜かれます。

※表示のようにレイヤーが右に一段ずれて、アタマにクリッピングマスクであることを表示する矢印がつきます。

※レイヤー名が違うのは説明用に合成したからなので、適当に読み替えてください。

 

レイヤーメニュー>レイヤーマスク>すべての領域を表示、を選択して、レイヤーマスクを付けてから、要らないところを黒のブラシで塗りつぶしてください。以上。

 

SS_Adobe Photoshop 2025_20250228-122236.pngexpand image

前にも書きましたが

ちなみに、Photoshopではチャンネル、レイヤー自体やレイヤーマスク、パスのサムネイル部分をCtrl+クリックすると、それぞれのカタチに合わせた選択範囲を取得できます。

 

Photoshopを覚えてきて余裕ができたら、これもうまく使ってください。◆のあるレイヤー4のサムネをCtrl+クリックすれば、そのヒシガタの形の選択範囲が得られます。必要な菱形のみ残して選択範囲を反転してマスクを塗りつぶしで、いちいちブラシで細かく塗ったりせずに一発でマスクを作れます。

--
Yamonov

投票

翻訳

レポート

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

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

コピー完了

最新

皆様ありがとうございました。

完成できました。

投票

翻訳

レポート

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