Photoshopのクリッピングマスクマスクとは? Photoshopの クリッピングマスクとは下のレイヤーの領域を活かして切り抜いたように見せる事が出来るマスクの1つになります。 クリッピングマスクを掛けた後でも、表示させる領域を簡単に変更する事が可能です。 図解するとこんなイメージになります。 早速 Photoshopの クリッピングマスクの使い方を見て行きましょう。 Photoshopのクリッピングマスクの使い方 実際に Photoshopの画面を見ながら クリッピングマスクの使い方を見ていきましょう。 切り抜きたい画像を準備する まずは使用する 切り抜きたい 画像を準備して、 Photoshop上に配置しましょう。 クリッピングマスクを解除したい時は? 切り抜かれているレイヤーを右クリックし、「クリッピングマスクを解除」を選択すればマスクが解除されます。 Photoshopでクリッピングマスクができない時の対処法 Photoshopで クリッピングマスクができない時は下記の事を確認して下さい。 背面にレイヤーがない、もしくは背面のレイヤーがカラ 切り抜きたい画像の背面にレイヤーがない=配置の順番を間違えていないかを確認しましょう。 また背面のレイヤーに何も表示されていない、もしくはレイヤーが非表示になっていると クリッピングマスクができない事があります。 背景レイヤーになっていないか確認 クリッピングマスクを掛けたい画像、ないしは 切り抜きたい領域のレイヤーが「背景レイヤー」 鍵がついているレイヤー になっているとクリッピングマスクができないです。 その際はレイヤーをダブルクリックして、背景レイヤーから通常のレイヤーに戻りましょう。 クリッピングマスクとレイヤーマスクとの違い Photoshop上で指定した領域に切り抜く方法としてもう1つレイヤーマスクという物があります。 クリッピングマスクとどちらを使用すればいいか?と迷われる方もいらっしゃるのではないでしょうか。 簡単にクリッピングマスクとレイヤーマスクの違いを説明致します。 クリッピングマスクは上記の説明した通り、 切り抜きたい下のレイヤーの領域 形 に沿って 切り抜きを行う方法に対して、 レイヤーマスクは画像自体に選択範囲を掛けマスクを掛ける事で切り抜きが可能です。 切り抜きたいレイヤーの上で、範囲を選択し、レイヤーパネルの下部にあるカメラマークを押すと… その範囲のみで表示されるようにマスクがかかります。 このようにレイヤー自体に掛ける 切り抜きの方法をレイヤーマスクと呼びます。 用途によって使い分けるようにしましょう。 デザイン方法• 2枚の背景を用意する この場合緑と紫 シェイプ等で作ってOKです• 背景をコピーし左右を反転させる 右が紫、左が緑• 2でつくったフォルダの上に反転させた背景レイヤー2つを持ってきてクリッピングマスクをかける レイヤー構造はこんな感じです。 Photoshopのクリッピングマスクの使い方!切り抜きの実例紹介のまとめ クリッピングマスクの仕組みを理解すれば、様々なデザインシーンで活用が出来ます。 上記のようにブラシエリアで切り抜いたり、文字の形で切り抜く事も簡単にできるがクリッピングマスクの魅力です。
次のクリッピングマスクとは、下のレイヤーの透明部分を利用して上のレイヤーを切り抜いたように見せることができるマスクの1つです。 切り抜いているわけではないので、後から、表示する部分を移動することが可能です。 文章だけではよく分からないと思うので、実際に見ていきましょう。 クリッピングマスクの使い方 背景をレイヤーにする 編集したい画像を開きます。 開いた状態では、レイヤーでこの画像は背景になっていてロックがかかった状態です。 クリッピングマスクは、レイヤーとレイヤーでしか使えないので、この背景をまずレイヤーに変換します。 背景レイヤーの上でダブルクリックするか、右クリックでメニューを表示させます。 右クリックした場合は、「背景からレイヤーへ」を選択してください。 この様な画面が出るので、好きなレイヤー名を入力してOKを押してください。 背景がレイヤーになりました。 好きな形でクリッピングマスクをかける 今回は画像の様な星型でクリッピングマスクをかけたいと思います。 新しいレイヤーを作成して、カスタムシェイプツールで、星型を書きました。 現在この様になっていますが、下の透明部分で上のレイヤーを切り抜いた様に見せる機能なので、切り抜きたい形の方のレイヤーを下にします。 これで準備は完了です。 猫のレイヤーを選択して、右クリックでメニューを表示させ「クリッピングマスクを作成」を選択してください。 レイヤーパネルの右上の赤枠を押すことでも同じメニューを表示できます。 レイヤーがこの状態になりました。 左の小さな矢印が、クリッピングマスクされている状態を表しています。 画像を見てみましょう。 このように、下の図形で猫のレイヤーが切り抜かれた様な状態になりました。 これでクリッピングマスクは完了です。 ただ、最初にも書いた様に、実際に切り抜かれているわけではないので、この状態で猫のレイヤーを移動ツールで移動すると、切り抜かれた様に見える部分を変えることができます。 逆のレイヤーを動かしても大丈夫です。 ショートカットを使ったクリッピングマスクのかけ方 また、クリッピングマスクはショートカットキーを使用して簡単に作成することもできます。 上の画像を選択した状態で、Alt キー(Windows)または Option キー(Mac OS)を押しながら、上の画像と下の画像の境目をクリックします。 すると、画像のようにクリッピングマスクがかかった状態になります。 まとめ クリッピングマスクの基本的な使い方は以上です。 図形だけでなくテキストなどでも切り抜くことができるので、活用してみてください。
次の
新規ファイルを作成 まずは、新規ファイルを作成しましょう。 ファイルの作成が終了したら、アートボードに切り抜きたい素材を読み込みます。 今回は、ケーキの写真を用意しました。 切り抜きたい形のパスを作成する 続いて、切り抜きたい形のパスを作成しましょう。 切り抜きたい オブジェクトの上に切り抜きたい形のパスを配置します。 このままクリッピングマスクをしても… これだけではクリッピングマスクが出来ません。 「 クリッピングマスクを作成できません。 複数のオブジェクトを選択してください。 」と表示されます。 クリッピングマスクを行うには、 「切り抜きたい形のパス」と「切り抜きたいオブジェクト」を共に選択してある必要があります。 このようなエラーが出た場合は、複数のオブジェクトが選択されていません。 また、「 クリッピングマスクを作成できません。 最前面オブジェクトには、パス、複合シェイプ、テキストオブジェクト、またはそれらのグループを選択してください。 」というエラーが表示された場合は、切り抜きたいオブジェクトの後ろに切り抜きたい形のパスが存在する可能性が高いです。 クリッピングマスクは「切り抜きたい形のパス」を「切り抜きたいオブジェクト」の上に配置することで、クリッピングマスクを行うことができます。 うまくクリッピングマスクができない場合は、上の2点が考えられます。 複数のオブジェクトを選択し、「右クリック」>「クリッピングマスクを作成」 ということで、複数のオブジェクトを選択した状態で「右クリック」>「クリッピングマスクを作成」をクリックします。 クリッピングマスクを行うとこのような状態になります。 前面の正方形のパスで切り抜きました。 また、パスであれば、どのような形でもクリッピングマスクできます。 丸い形や 星の形にも切り抜くことが可能です。 ペンツールで好きな形に切り抜き また、ペンツールでケーキの形を作ると ケーキの形で切り抜くことが可能です。 文字で切り抜き また、前面のオブジェクトは、テキストツールでも切り抜くことが可能(バージョンが古過ぎると出来ません)です。 切り抜きたい画像の前面に「テキストツール」で文字を入力して、 「右クリック」>「クリッピングマスクを作成」をクリックすることで、 このように文字の形でクリッピングマスクが出来ました。 古いバージョンの場合は、テキストをアウトライン化した後に複合パス化させることで、文字での切り抜きが可能です。
次の