*

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

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

クリッピングマスク

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

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

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

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

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

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

Photoshop の場合

レイヤー

手順

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

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

Illustrator の場合

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

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

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

手順

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

クリッピングマスク解説

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

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

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

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

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

上部広告

  • Pocket

おすすめトピックス

関連記事

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

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

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

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

Photoshopで写真や画像のリサイズは超簡単です

Photoshop で写真や画像のリサイズ(画像の拡大縮小)ってどうやりますか?もしかしたら Photoshop での画像のリサイズの方法がわからず別ソフトで…という人もいらっしゃるかもしれません。昔は私もそうでした。 […]

Photoshopで選択範囲を回転するには

Photoshop を使っていて、選択ツールでの選択範囲を回転できたらいいなぁと思うことが多々ありました。画像を回転する方法では、選択範囲のみを回転する事はできませんでした。 でもそこはやっぱりさすがの Photosho […]

photoshop
知らない拡張子たくさん!Photoshopで保存できるファイル形式まとめ

Photoshop は仕事でもプライベートでもいつも大変よく使うソフトウェアです。Photoshop で画像を出力する時、jpg、gif、png がほとんどという方もいらっしゃると思いますが、Photoshop は多数の […]

遠近グリッド
Illustratorの遠近グリッドを消す方法

恐らく Illustrator CS5 以降から追加されている機能に「遠近グリッドツール」という機能があります。これは奥行きがあるイラストや 3D な絵を書く場合には便利な機能なのですが、使わない人にとっては本当に使わな […]

上部広告

著者について

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

フォローはこちら

       

上部広告

       
誰でも簡単に猫のイラストから写真のような猫ができる猫ツールが凄かった

猫は小学生の頃から好きでよく猫のイラストもノートに落書きしたり

ぽてコタン
玉ねぎとじゃがいもの旨味が凝縮されたのカルビー「ぽてコタン」が美味い【北海道限定】

北海道土産として人気で名高いものの一つにカルビーの「じゃがポッ

FOR HONOR(フォーオナー)PC版をGeforce GTX960でプレイした感想

侍が登場するゲームが出ると聞いて大変興味が沸いたゲームがありま

チキンガンボ
札幌でアメリカン料理が楽しめるダイニングバー「BUDDY BUDDY(バディバディ)」でディナー

札幌には和食、イタリアン、パンケーキ、様々な飲食店がありますが

ピクルス
ピクルスとは何か?実はきゅうりを指す言葉ではなかった

ピクルスと聞いて何を思い浮かべるでしょうか?日本でも一般的な食

→もっと見る