*

【AI/PSD】画像の切り抜き、クリッピングマスクの使い方

公開日: : 最終更新日:2014/10/29 Illustrator, Photoshop

クリッピングマスク

クリッピングマスクという言葉、Photoshop や Illustrator をよく使う人ならよく耳にする言葉だと思います。逆にあまり使わない人なら、マスク?なにそれ?となるかもしれません。

マスクと言っても風邪や花粉症対策に付けるマスクではありません。

クリッピングマスクとは?

なかなか言葉で説明するのは難しいですが、一枚の正方形の画像を好きな形にくり抜きたいといった場合に用います。

上の画像を見てください。この画像はクリッピングマスクを使用した画像です。一枚の画像を「マスク」という文字でくり抜いています。ざっくり言うとクリッピングマスクでこのような画像の模様が付いた文字等の効果が得られます。文字だけではなく自由な形でくり抜く事ができます。クリッピングマスクを適用する事によって、くり抜いた部分以外は透明になっているのです。

見た目上はくり抜いて見えますが、背景の画像は実際にはくり抜かれていないので編集が可能です。

Photoshop の場合

レイヤー

手順

  1. 画像の上に文字を書きます。文字でなくてもくり抜きたい任意の図形でもOK
  2. レイヤー画面で1で作成した文字かシェイプ(図形)をドラックして画像レイヤーの下へ持っていきます。
  3. Alt キーを押しながら上の画像の「レイヤー1」と「マスク」の間にマウスポインタを持っていくと、雪だるまのような丸が縦に重なったようなポインタに変わります。
  4. その状態で左クリックです。

いかがでしょう?画像が文字でくり抜かれたのではないでしょうか?

Illustrator の場合

Illustrator では画像を切り取る事ができないので、クリッピングマスクで見かけ上だけ切り取ったように見せます。

イラレでクリッピングマスク

例として上の画像を見てください。赤線からはみ出た部分はいらないという場合を想定してクリッピングマスクを使って猫の写真を切り抜きます。

手順

長方形ツールを使って、赤線に沿うように長方形を作ります。

クリッピングマスク解説

次に作った長方形と写真を黒矢印の選択ツールで両方を選択します。そして、画像の上で右クリックしてメニューから「クリッピングマスクの作成」を選択します。

クリッピングマスクを作成

いかがでしょう?これで画像が指定の範囲で切り抜く事ができます。

クリッピングマスク適用後

クリッピングマスクはこの他にも色々応用が効く昨日です。頭の片隅に置いておいて損はありません!

  • Pocket

おすすめトピックス

関連記事

グレースケール
カラーで作ってしまったAIをグレースケール(白黒)に変換する方法

印刷物を作る場合、大抵の場合 Illustrator(AI)を使うと思います。最初はカラー印刷の予定で作業していたのですが、完成してからやっぱり白黒(グレースケール)で!と言われる始末。カラーで作ってしまった AI ファ […]

Photoshopで写真の一部の色を変える色の置き換え機能の使い方

この写真のこの部分だけ色を変えたい!この商品画像の色を変えたい!という場合に Photoshop では便利な「色の置き換え」機能というものがあります。手軽に写真の一部分だけの色を変更する事ができます。 例えばある物の写真 […]

Photoshop Elements9をすぐに起動させる方法

私の初めてのパソコンに付属していた Photoshop Elements 2。このソフトで初めて画像編集を覚えました。といっても写真のコントラストを変えたりサイズを変えたりする位にしか使っていませんでしたけども。そんな用 […]

Photoshopで画像を開こうとしたら「要求された操作を完了できません。プログラムエラーです。」で開けない

+ Photoshop で画像を開こうとしたら上図のようなエラーが出ました。「要求された操作を完了できません。プログラムエラーです。 これから編集しようとしたのに画像を開けずじまいです。クライアントから送られてきた画像で […]

孤立した彼岸花
Illustratorで隠れたゴミフォント(孤立点)を即座に探しだす方法

「孤立点」。という言葉は、Illustrator をよく利用する事がある方なら度々耳にする言葉でしょう。この孤立点、なかなか曲者な奴です。 目次1 孤立点とは1.1 孤立点は何故削除するのか2 孤立点を探しだす方法2.1 […]

円弧矢印
Illustrator(AI)で円弧の矢印を描く方法

Illustrator で矢印を描く…。これは基本中の基本機能なのですが、直線ならまだしも円弧の矢印を描くにはどうしたらいいんだろう?と詰まったので備忘録的に残します。円弧の矢印とは上図のようなものを指します。 Illu […]

著者について

名前:Azell
作曲したり風景写真撮ったりWeb制作したりする人です。 好きな事を楽しくブログに綴れていけたらと思います。

フォローはこちら

       

       
ふわふわかき氷が年中楽しめる彦根市のかき氷専門店「氷茶屋百笑」

かき氷といえば夏のスイーツという枠を越え始めている2018年今

札幌駅から一番近くのスープカレー、奥芝商店実家でランチ

北海道に来たからにはスープカレーを食べなきゃ!と心踊らせて観光

永山カレー
札幌の旧永山武四郎邸にあるカフェ、和洋折衷喫茶ナガヤマレストでランチ

札幌のサッポロファクトリーの隣にある永山記念公園には、北海道指

魚介のアヒージョ
江別市野幌の「カフェ&デリ マチノキ」で北海道食材豊かなディナー

江別市の野幌町、野幌駅の近くに江別市のフレンチレストラン「シェ

羽田空港第2ターミナルビル(ANA側)のスターバックスの場所はどこ?

羽田空港にはスターバックスが3店舗あります。第1ターミナルビル(JAL

→もっと見る