ピクセルマスク| psgips

ピクセルマスク| psgips https://psgips.net Photoshopの使い方がよくわかる初級講座 Wed, 24 Jul 2024 02:07:08 +0000 ja hourly 1 https://wordpress.org/?v=6.7.2 https://psgips.net/wp-content/uploads/2016/04/cropped-psgips_icon512x512-1-32x32.png ピクセルマスク| psgips https://psgips.net 32 32 基本がわかる！マスクの種類と作り方「用途に応じて使い分ける４つの機能」【2024】 https://psgips.net/photoshop-reference/masks-type Mon, 24 Jun 2024 23:00:00 +0000 https://psgips.net/?p=18633 【Photoshop基本操作】レイヤーマスクは不要な部分を隠す機能です。たとえば、オブジェクトを背景から切り抜くために使用されます。マスクを使用すると、自然で滑らかな境界線を作成できます。マスクの種類と、用途別の作り方を […]

The post 基本がわかる！マスクの種類と作り方「用途に応じて使い分ける４つの機能」【2024】 first appeared on psgips.]]> 【Photoshop基本操作】レイヤーマスクは不要な部分を隠す機能です。たとえば、オブジェクトを背景から切り抜くために使用されます。マスクを使用すると、自然で滑らかな境界線を作成できます。マスクの種類と、用途別の作り方をご紹介しましょう。

ピクセルとベクトル！

境界線をぼかしたり、曖昧にしたい場合は、ピクセル画像が適しています。正確な形状をトレースしたい場合は、ベクトル画像が適しています。ピクセルマスクとベクトルマスクは、このような境界線の違いによって使い分けます。

基本がわかる！

マスクの種類と作り方

[ METHOD-01 ]

レイヤーマスクの基本操作

レイヤーマスクの選択と表示

[ METHOD-02 ]

クイックマスクの基本操作

[ METHOD-03 ]

ベクトルマスクの基本操作

[ METHOD-04 ]

クリッピングマスクの基本操作

レイヤーマスクとは？

レイヤーマスクは、不要な部分を隠す機能です。たとえば、オブジェクトを背景から切り抜くために使用されます。マスクを使用すると、自然で滑らかな境界線を作成できます。その仕組みは、画像の一部が型紙を通り抜けて、背面に投影されるようなイメージです。

レイヤーマスクの概念図

マスクの種類には、レイヤーマスクの他に、一時的に使用できる「クイックマスク」、パスで作成する「ベクトルマスク」、レイヤー合成で行う「クリッピングマスク」があります。基本的な仕組みはどれも同じです。用途に応じて４つの機能を使い分けましょう。

マスクの種類

レイヤーマスクの基本操作

クイックマスクの基本操作

ベクトルマスクの基本操作

クリッピングマスクの基本操作

目次に戻る

レッスン動画を配信中！

【Photoshop講座】基本がわかる！マスクの種類と作り方「用途に応じて使い分ける４つの機能」【2024】

サムネールをクリックすると、

レッスン動画にリンクします。

METHOD-01

レイヤーマスクの基本操作

レイヤーマスクを使用した、最もシンプルなレイヤー構造は、レイヤー (前面) + レイヤーマスク + 背景 (背面) です。レイヤーマスクには、前面のレイヤーが必要です。つまり、その背面にある画像と、合成する関係にあると考えてください。

最もシンプルなレイヤー構造

オブジェクトを切り抜く場合、不要な部分を「マスク領域」といいます。ピクセルマスクは、マスク領域を白黒で塗り分け、その明度の違いによって、各ピクセルの不透明度に換算します。

マスク領域と境界線

たとえば、明度 0% の黒は、不透明度が 0% です。明度 100% の白は、不透明度が 100% です。ピクセルマスクの黒い領域は透明になり、白い領域はそのまま残ります。

明度と不透明度の換算値

基本がわかる！レイヤーマスクの使い方

目次に戻る

レイヤーマスク

【操作方法】

レイヤーマスクの基本的な操作方法です。

選択範囲を作成

マスク領域の作成方法で、最も多く行われているのは、選択範囲からレイヤーマスクを作成することです。

元画像

オブジェクトを切り抜く

元画像

オブジェクトを切り抜く

素材画像をダウンロードして開きます。素材画像は、[ 幅 : 1024 pixel ]、[ 高さ : 768 pixel ] 、[ 解像度 : 72 pixel/inch ]、[ カラーモード : RGB カラー ] を使用しています。

素材画像をダウンロードしよう！ ( 2.2 MB )

素材画像を開く

素材画像を開く

[ ツール ] パネルで、[ オブジェクト選択ツール ] を選択します。

[ オブジェクト選択ツール ] を選択

[ オブジェクト選択ツール ] を選択

マグカップにマウスカーソルを置くと、オブジェクトエリアが表示されます。エリア内をクリックします。

すると、マグカップの選択範囲が自動的に作成されます。

オブジェクトエリアをクリック

選択範囲を確認

オブジェクトエリアをクリック

選択範囲を確認

目次に戻る

マスクを追加

[ レイヤー ] パネルで、[ マスクを追加 ] をクリックします。

レイヤーに追加された、レイヤーマスクサムネールを確認してください。

[マスクを追加]をクリック

[ マスクを追加 ] をクリック

選択範囲からレイヤーマスクを追加すると、マスクされた領域が透明なピクセルに置き換えられます。

透明部分を確認

透明部分を確認

目次に戻る

背景画像を合成

ここでは、マグカップの背景を、カラーで塗りつぶしましょう。

[ レイヤー ] パネルで、[ 塗りつぶしレイヤーを新規作成 ] をクリックします。メニューから、[ べた塗り ] を選択します。

[べた塗り1]を作成

[ べた塗り 1 ] を作成

[ カラーピッカー ] ダイアログで、[ H: 180°/ S: 25 % / B: 80 % ] を設定します。

[ OK ] をクリックします。

カラーピッカーの使い方

[カラーピッカー]を設定

[ カラーピッカー ] を設定

[ べた塗り 1 ] を背面へ移動します。背面へ: [ command ( Ctrl ) ] + [ [ ]

背面へ移動

背面へ移動

背面に画像がある場合は、透明部分にその画像が表示され、前面のマスク画像（切り抜き画像）と合成されます。

背面画像と合成

背面画像と合成

目次に戻る

続きは↓下の番号をクリック！

古岡ひふみ

フリーのグラフィックデザイナーです。カタログ、ポスター、パッケージなど様々な分野に携わってきました。

The post 基本がわかる！マスクの種類と作り方「用途に応じて使い分ける４つの機能」【2024】 first appeared on psgips.]]> 最初に覚えたい！画像のトリミング方法10選「必要な部分を切り抜く基本操作」 https://psgips.net/photoshop-reference/trimming Mon, 16 May 2022 23:00:00 +0000 https://psgips.net/?p=17948 【Photoshop基本操作】トリミングとは、画像の不要な部分を取り除く、または、必要な部分を切り抜いて、目的の形状内で、構図を整えることを言います。Photoshop には、画像のトリミングに関した操作が、数多くありま […]

The post 最初に覚えたい！画像のトリミング方法10選「必要な部分を切り抜く基本操作」 first appeared on psgips.]]> 【Photoshop基本操作】トリミングとは、画像の不要な部分を取り除く、または、必要な部分を切り抜いて、目的の形状内で、構図を整えることを言います。Photoshop には、画像のトリミングに関した操作が、数多くあります。その代表的なトリミング方法をご紹介しましょう。

目的のサイズを決めておく！

不要な部分を取り除くトリミング以外は、作業をフリーハンドで行うなんてナンセンスです。その理由は、トリミングを行う動機として、目的とする形状や、決まったサイズがあるハズだからです。そして、拡大・縮小による、画質の劣化にも気を付けなければなりません。失敗しないトリミングには、非破壊編集が常識です。

最初に覚えたい！

画像のトリミング方法10選

[ SELECT-01 ]

選択範囲で切り抜く

[ SELECT-02 ]

透明ピクセルのトリミング

[ SELECT-03 ]

対象カラーのトリミング

[ SELECT-04 ]

角度を補正して切り抜く

[ SELECT-05 ]

ゆがみを補正して切り抜く

[ SELECT-06 ]

指定サイズのトリミング

[ SELECT-07 ]

ドキュメント範囲のトリミング

[ SELECT-08 ]

マスク領域のトリミング

[ SELECT-09 ]

足りない領域を伸ばす

[ SELECT-10 ]

足りない領域を塗りつぶす

SELECT_01

選択範囲で切り抜く

スクリーンショットの不要な部分を取り除く場合など、切り抜く境界線がハッキリした画像に適しています。直感的な操作で手早く切り抜くことができます。

選択範囲で切り抜く

【操作方法】

[ ツール ] パネルで、[ 長方形選択ツール ] を選択します。

[長方形選択ツール]を選択

[ 長方形選択ツール ] を選択

ドキュメントの必要な部分をドラッグして、選択範囲を作成します。

必要な部分をドラッグ

必要な部分をドラッグ

[ イメージ ] メニューから、[ 切り抜き ] を選択して適用します。

選択範囲がそのまま残っているので、[ command ( Ctrl ) ] + [ D ] キーを押して、選択を解除します。

[切り抜き]を適用

[ 切り抜き ] を適用

変形値表示の無敵ツール

[ 長方形選択ツール ] で選択範囲を作成するとき、カーソルの近くに状況に応じた変形値が表示されます。ピクセル単位の詳細な操作性と利便性は、他のツールの追随を許さないほどのパフォーマンスがあります。

目次に戻る

レッスン動画を配信中！

【Photoshop講座】最初に覚えたい！画像のトリミング方法10選【2022】

サムネールをクリックすると、

レッスン動画にリンクします。

続きは［＞］をクリック！

古岡ひふみ

フリーのグラフィックデザイナーです。カタログ、ポスター、パッケージなど様々な分野に携わってきました。

The post 最初に覚えたい！画像のトリミング方法10選「必要な部分を切り抜く基本操作」 first appeared on psgips.]]> 基本がわかる！レイヤーマスクの使い方「最初に覚えておきたいパネル操作」【2022】 https://psgips.net/photoshop-reference/layer-mask Sat, 29 Jan 2022 23:00:00 +0000 https://psgips.net/?p=17950 【Photoshop基本操作】レイヤーマスクとは、画像の一部を隠すことができる機能です。たとえば、人物の切り抜きなど、詳細で正確な境界線が求められる場合や、合成画像を段階的にぼかして、背景になじませたい場合に使用します。 […]

The post 基本がわかる！レイヤーマスクの使い方「最初に覚えておきたいパネル操作」【2022】 first appeared on psgips.]]> 【Photoshop基本操作】レイヤーマスクとは、画像の一部を隠すことができる機能です。たとえば、人物の切り抜きなど、詳細で正確な境界線が求められる場合や、合成画像を段階的にぼかして、背景になじませたい場合に使用します。最初に覚えておきたい、レイヤーマスクのパネル操作を中心に、その使い方をご紹介しましょう。

ピクセル単位で不透明度を調整！

レイヤーマスクを使用するメリットは、元画像をそのままに、マスク領域が再編集できることです。レイヤーマスクの表示領域と非表示領域は、白色と黒色、つまり、明度差によって塗り分けられるものです。

このため、その中間調は、ピクセル単位で不透明度が調整できます。たとえば、魚の尾のように、半透明な部分に、合成画像を反映させることができます。レイヤーマスクで、自然な切り抜きを目指しましょう。

基本がわかる！

レイヤーマスクの使い方

[ CHAPTER-01 ]

レイヤーマスクのしくみ

[ CHAPTER-02 ]

レイヤーマスクの作成と削除

[ CHAPTER-03 ]

レイヤーマスクの選択と表示

[ CHAPTER-04 ]

レイヤーマスクの編集

[ CHAPTER-05 ]

マスク領域の読み込みと変換

CHAPTER-01

レイヤーマスクのしくみ

レイヤーマスクは、レイヤーに追加する機能です。画像の一部を隠したい場合に使用します。白黒に塗り分けられた画像から、表示する部分と、隠す部分の「マスク領域」を指定します。

レイヤーマスクの概念図

レイヤーマスクの概念図

レイヤーマスク自体が、ドキュメントに表示されることはありません。対象となる画像の一部が、切り抜いた型紙を通り抜けて、背景に投影されるようなイメージです。

レイヤーの一部を隠す機能

直感的なパネル操作

白黒で塗り分けられた領域

透明ピクセルに置き換える

目次に戻る

レイヤーの一部を隠す機能

レイヤーマスクを用いた、いちばんシンプルなレイヤー構造は、レイヤー (前面) + レイヤーマスク + 背景 (背面) の３枚です。

シンプルなレイヤー構造

ドキュメントに表示される合成画像

ドキュメントに表示される合成画像

レイヤーマスクには、必ず、前面のレイヤーが必要です。つまり、そのすぐ背面にある画像と、合成する関係にあるものとして捉えましょう。

目次に戻る

直感的なパネル操作

[ レイヤー ] パネルでは、レイヤーマスクはレイヤー (前面) と、同じ層にリンクされます。リンクされたレイヤーマスクは、レイヤーの表示 / 非表示、移動や拡大・縮小などで、同様の動きをします。

レイヤーマスクを確認

レイヤーマスクを確認

レイヤーマスクの選択

レイヤーマスクの表示

マスクが追加できない？

透明ピクセルを持たない画像である [ 背景 ] に、レイヤーマスクを追加することはできません。しかし、[ 背景 ] をレイヤーに変更することで、それは可能になります。

基本がわかる！レイヤーの使い方

[背景からレイヤーへ]を選択

[ 背景からレイヤーへ ] を選択

[ 背景 ] の名前を右クリックし、コンテキストメニューから [ 背景からレイヤーへ ] を選択します。[ レイヤーマスクを追加 ] をクリックすると、自動的にレイヤーへ変更されます。

目次に戻る

レッスン動画を配信中！

基本がわかる！レイヤーマスクの使い方【2022】

サムネールをクリックすると、

レッスン動画にリンクします。

白黒で塗り分けられた領域

レイヤーマスクのしくみは、グレースケールの明度 (白黒に塗り分けられた濃淡) によって、ピクセルひとつひとつの不透明度に換算します。

マスク領域の黒い部分は透明になる

マスク領域の黒い部分は透明になる

たとえば、明度 0 % の黒は、不透明度 0 %、明度 50 % のグレーは、不透明度 50 %、明度 100 % の白は、不透明度 100 % です。

つまり、レイヤーマスクの黒い領域は、透明になり、白い領域は、完全な不透明になります。完全な不透明部分は、そのまま、表示画像として残るワケです。

階調で不透明度がつくれる！

レイヤーマスク (ピクセルマスク) では、256 階調のグレースケールが作成できます。

グレースケールの選択率

グレースケールの選択率

白黒で塗り分けた境界線にも階調があり、もちろん、広域なグラデーションも可能です。

境界線を滑らかにするアンチエイリアス処理や、細密なノイズを作成することもできるので、あらゆるマスク領域に対応できます。

適用率を変える

境界線をぼかす

目次に戻る

透明ピクセルに置き換える

レイヤーオブジェクトに選択範囲を作成して、レイヤーマスクを作成すると、マスク領域は、透明ピクセルに置き換えられます。背面に画像がある場合は、透明部分に画像が表示され、前面のマスク画像 (切り抜き画像) と合成されます。

選択範囲を作成

マスク領域を透明にする

選択範囲を作成

マスク領域を透明にする

レイヤーマスクを作成できるのは、レイヤーのみです。置き換えられた透明ピクセルは、元のピクセル情報を保持したままです。マスク領域に編集が加えられると、透明ピクセルに置き換えられる領域も変化します。

透明ピクセルに変換

マスク部分は残っている！

レイヤーマスクで隠された部分は、見た目では透明ですが、元画像はそのまま、変わらずに残っています。レイヤーマスクを削除、または、効果を一時的に解除すれば、切り抜く前の状態に戻すことができます。

このような再編集を可能にするメリットが、レイヤーマスクにはあります。しかし、隠された部分が、そのまま保持されているので、データ容量が大きくなるデメリットも、持ち合わせています。

目次に戻る

続きは↓下の番号をクリック！

古岡ひふみ

フリーのグラフィックデザイナーです。カタログ、ポスター、パッケージなど様々な分野に携わってきました。

The post 基本がわかる！レイヤーマスクの使い方「最初に覚えておきたいパネル操作」【2022】 first appeared on psgips.]]>