*

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

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

クリッピングマスク

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

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

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

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

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

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

Photoshop の場合

レイヤー

手順

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

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

Illustrator の場合

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

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

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

手順

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

クリッピングマスク解説

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

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

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

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

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

  • Pocket

おすすめトピックス

関連記事

背景やパターン画像を元より横長かつ自然に加工するPhotoshopの技

背景画像やパターン画像をもっと横長の画像として使いたいと思うことがよくあります。例えばイラストレーターさんに作ってもらった背景画像が正方形だったとするとウェブデザインで背景に使う場合には正方形だと使いにくいです。今ではワ […]

羊の写真
Photoshopで写真の不要な所を消す魔法のような小技

Photoshop にはまだまだ知らない便利な機能があるんだなと思います。その中の一つをご紹介。 せっかく良い写真が撮れたのだけれど、後々よく見ると小さく人が写ってしまって使えない…。なんて経験もあるかと思います。しかし […]

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

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

jpg
Photoshopで画像をjpgで保存できない時に確認すべき事

Photoshop で画像を編集している時、若しくはインターネットでフリー写真素材やフリーイラスト素材をダウンロードしてきて編集している時、画像保存時に jpg で出力できないという事に出くわす事があります。 保存時のフ […]

Photoshopで複数の画像を一つのPSDにレイヤーに分けて開く方法

通常複数の画像を Photoshop で開こうとすると開いた枚数分ファイルが複数タブで開かれます。通常なら別にそれで問題ないのですが、複数の画像を一つの PSD ファイルで開けたら便利と思うこともあります。 Photos […]

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

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

著者について

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

フォローはこちら

       

       
エックスサーバーでメールが送れない「Client host rejected:Access denied」

エックスサーバーで作成したメールアカウントでメールを送信しよう

札幌駅パセオ地下1階のパスタとパフェが美味しい「プロヴァンス」でランチ

札幌駅のパセオ地下1階にあるプロヴァンスは南フランスとイタリア

千歳市の和食処「ほうりん」の安い充実の寿司ランチ

千歳市にある和食処ほうりんは千歳駅の南西にある居酒屋が立ち並ぶ

スパホテルソーレ
札幌のカプセルホテル「スパホテルソーレすすきの」に泊まった感想

札幌の地下鉄すすきの駅の近くにあるカプセルホテル「スパホテルソ

札幌駅近くのモダン和食レストラン「えりも亭」で珍しい縮れ蕎麦ランチ

札幌駅の北口から徒歩2分程度の所に和風なモダンレストラン「えり

→もっと見る