*

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

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

クリッピングマスク

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

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

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

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

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

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

Photoshop の場合

レイヤー

手順

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

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

Illustrator の場合

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

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

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

手順

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

クリッピングマスク解説

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

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

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

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

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

  • Pocket

おすすめトピックス

関連記事

リンク配置画像
Illustratorでリンクで配置した画像を埋め込む方法

Illustrator(AI)の中に画像を入れる方法は「リンク」と「埋め込み」の2種類があります。 リンクとは、画像の場所だけを保存します。埋め込みは画像自体を AI ファイルに取り込むという違いがあります。 リンク配置 […]

Illustratorで矢印に綺麗に境界線を付ける方法

Photoshop では矢印でも文字でも綺麗に境界線をつけるレイヤースタイル機能があるのですが、Illustrator にはありません。Illustrator で境界線を付ける為に無理やりやっていたのですが、Illust […]

ジグザグ線
Illustratorでギザギザ線や波線を簡単に引く方法

Illustrator でギザギザ線や波線を書きたいとき、どうやって書きますか?普通に全部手書きでやろうとするとあまりの面倒さにやる前から嫌になってきます。 直線ツールで一本ずつ線を引くのも良いでしょう。しかし、地道な上 […]

Illustratorでテキストをアウトライン化できない時に確認すること

Illustrator を使って印刷物などを作っている人ならテキストのアウトラインは基本中の基本。テキストのアウトラインとは簡単に言えば、文字を文字としておくのではなく図形にしてしまう事です。 文字のままだとそのフォント […]

Illustratorでアートボードからはみ出した部分をカットして画像に書き出す方法

Illustrator でデザインを作っている時、アートボードからはみ出した部分をどう処理するか悩む人も多いのではないでしょうか。対処法としては最初からアートボードからはみ出さないように作る、アートボードからはみ出した部 […]

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

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

著者について

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

フォローはこちら

       

       
長浜市の長浜城近くの高級ケーキ屋「パティスリー Ichigo IchiE(イチゴイチエ)」

滋賀県長浜市にあるケーキ屋「パティスリー Ichigo Ich

岐阜県輪之内町の「寅ちゃんラーメン」昭和レトロ全開な創作ラーメン屋さん

お店の外観と看板が強烈な岐阜県輪之内町の「寅ちゃんラーメン」へ

和とイタリアンが融合、長浜市の「Chobitto菜」でパスタランチ

滋賀県長浜市にあるイタリアンレストラン「Chobitto菜(ち

滋賀と京都の境目にある花の美しい庭園「ガーデンミュージアム比叡」

ゴールデンウィークに滋賀と京都の境目にあるガーデンミュージアム

濃厚なカスタードが魅力!東京限定土産「ベイカーズカスタード」が上品で美味しいのでレビューします

羽田空港で東京土産を物色していた時、とても気になる商品を見つけ

→もっと見る