Photoshop CCまたはPhotoshop Elementsのクリッピングマスクは、PhotoshopとPhotoshop Elementsの両方で任意の図形に画像をカットする簡単で非破壊的な方法です。 このチュートリアルでは、カスタムシェイプを使用してテクニックをデモンストレーションしていますが、透過領域を含むテキストやレイヤーコンテンツでも同じように動作します。 このチュートリアルは、PhotoshopとPhotoshop Elements用に書かれています。 バージョンの違いがある場合は、説明の中で説明しています。
Photoshop Elementsのクッキーカッターツールは、画像をシェイプに素早く簡単に切り取ることができます。 クッキーカッターツールは指示を必要としませんが、クリッピングマスクを使用することにより、より柔軟性があり、Photoshop Elementsにインストールしたシェイプに限定されません。
01の10
背景をレイヤーに変換する
形状の中に入れたい画像を開きます。
すでに開いていない場合は、レイヤーパレットを開きます（F7キーを押すか、ウィンドウ/レイヤーに移動します）。
背景をレイヤーに変換するには、レイヤーパレットの背景をダブルクリックします。 レイヤーの名前を入力し、[OK]を押します。
02の10
シェイプツールの設定
シェイプツールを選択します。 オプションバーで、ツールがシェイプレイヤーに設定されていることを確認し、カットアウトのカスタムシェイプを選択します。 このサイトから無料で鋭い矩形の 1つを使用しています。 形状の色は問題ではなく、スタイルは「スタイルなし」に設定する必要があります。
03/10
あなたのカットアウトの形を描く
ドキュメントの図形を、図形を切り取る場所のおおよその位置に描画します。 今のところ、それはあなたの写真を覆い隠すでしょう。
04/10
レイヤの順序を変更する
レイヤーパレットに移動し、トリミングしたい画像の下のシェイプレイヤーをドラッグして、レイヤーの順序を入れ替えます。
05の10
クリッピングマスクの作成
Photoshopのバージョンに応じて、レイヤーパレットの画像レイヤーを選択し、 レイヤー/クリッピングマスクの作成またはレイヤーのグループ化を選択します（以下の注を参照）。 Photoshopでは、レイヤーパレットのレイヤーを右クリックして[クリッピングマスク]コマンドを選択できます。 または、Photoshopの任意のバージョンでショートカットCtrl-Gを使用することもできます。
画像がその下の図形に切り取られ、レイヤーパレットにはクリッピングされたレイヤーがインデントされ、クリッピンググループで結合されていることを示す矢印がシェイプレイヤーを指して表示されます。
Photoshop Elementsおよびそれ以前のバージョンのPhotoshopでは、このコマンドは「前のグループ」と呼ばれています。 レイヤーグループ機能がPhotoshopに追加されたときに、混乱を避けるために名前が変更されました。
両方のレイヤーは独立しているので、移動ツールに切り替えて、画像またはシェイプのサイズと位置を調整できます。
06の10
ピクチャカットアウトの保存と使用
透明なイメージを他の場所で使用したい場合は、PSDやPNGなどの透過性をサポートする形式で保存する必要があります。 また、ソースプログラムが、選択した形式を透過的にサポートしていることを確認する必要があります。
後で編集できるようにレイヤーを保存したい場合は、コピーをPSD形式で保存する必要があります 。
別のPhotoshopプロジェクトで切り抜きを使用する場合は、[すべて選択]、[マージコピー]、および別のドキュメントに貼り付けることができます。
それ以降のバージョンのPhotoshop（Elementsではなく）がある場合は、両方のレイヤーを選択し、レイヤーパレットを右クリックして[スマートオブジェクトに変換]を選択します。 スマートオブジェクトを別のPhotoshopドキュメントにドラッグします。 これにより、レイヤーをスマートオブジェクトとして編集可能に保ちます。レイヤーパレットでダブルクリックして編集することができます。
07/10
漸進的な透明性を持つクリッピングマスク
クリッピングマスクはテキストレイヤーまたはピクセルレイヤーでも機能しますので、シェイプツールを使用することに限定されません。 クリッピングマスクレイヤーで透明な領域は、上のレイヤーでこれらの領域を透明にします。 クリッピングマスクレイヤーに目盛付きの透明度が含まれている場合、上のレイヤーも透明度を段階的に変更します。
これを実証するために、このチュートリアルでクリッピングマスクの作成に使用したシェイプレイヤーに戻ってみましょう。 図形には堅い辺しかないので、この図形をピクセルに変換してみましょう。 レイヤーのパレットを右クリックし、Photoshopで「レイヤーをラスタライズ」を選択するか、Photoshop Elementsで「レイヤーを単純化する」を選択します。 次に、選択したレイヤーで[フィルタ]> [ガウスブラーのぼかし]を選択し、半径を30または40などの大きな値に設定します。画像のエッジがフェードアウトすることに注意してください。
ストロークを適用し、次のページに影を落とす方法を学習するには、ガウスぼかしをキャンセルします。 Photoshopの場合は9ページ、Photoshop Elementsの場合は10ページを参照してください。
もう1つの方法は、シェイプを選択することです。選択メニューで、 修正>フェザーを選択します。
08の10
Photoshopでのレイヤー効果の追加
シェイプレイヤーにエフェクトを追加することで、少しパンチを追加することができます。 ここでは、シェイプレイヤーにストロークとドロップシャドウを追加し、背景のすべての下にパターン塗りつぶしレイヤーを追加しました。
Photoshopでエフェクトを追加するには：シェイプレイヤーを選択し、レイヤースタイルをレイヤーに追加します。 「レイヤースタイル」ダイアログが表示されます。 左側で、適用するエフェクトをクリックして設定を調整します。 チェックボックスを使用して、各エフェクトのオン/オフを切り替えます。
09/10
Photoshop Elementsでレイヤーエフェクトを追加する
シェイプレイヤーにエフェクトを追加することで、少しパンチを追加することができます。 ここでは、シェイプレイヤーにストロークとドロップシャドウを追加し、背景のすべての下にパターン塗りつぶしレイヤーを追加しました。
Photoshop Elementsでエフェクトを追加するには、まず「低」ドロップシャドウレイヤースタイルを追加します。 エフェクトパレットで、レイヤースタイルの2番目のボタンをクリックします。 メニューからドロップシャドウを選択し、「低」サムネイルをダブルクリックします。 次に、レイヤーパレットに移動し、シェイプレイヤーのFXシンボルをダブルクリックします。 スタイル設定ダイアログが開きます。 ドロップシャドウのスタイル設定を調整し、チェックボックスを選択してストロークスタイルを有効にし、ストローク設定を調整します。
10の10
最終結果
これはあなたの製品がどのように見えるかの例です！