*

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

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

クリッピングマスク

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

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

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

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

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

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

Photoshop の場合

レイヤー

手順

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

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

Illustrator の場合

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

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

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

手順

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

クリッピングマスク解説

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

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

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

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

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

  • Pocket

おすすめトピックス

関連記事

Illustrator(AI)で線で囲まれたオブジェクトも塗りつぶす方法「ライブペイント」

Photoshop しか使ったことがない人が Illustrator を使うと困惑することが数多くありますが、その一つが塗りつぶしです。上の画像を見てください。真ん中の四角形に色を塗りたいとしましょう。どうやりますか? […]

ストライプ線
簡単!Photoshopで斜めのストライプ線の作り方

Webデザインやバナーなどでもストライプ線(斜めの縞々模様)はよく見かけるデザイン手法です。ウェブサイトで見出しの背景に使っても良い感じになります。しかしいざ作ってみようとすると作り方が思いつかないという方もいらっしゃる […]

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

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

初心者でも簡単、Photoshopでバナーのボタンを簡単に作成できる作り方

Photoshop で簡単にバナー画像などに付けるボタンの作成方法を紹介します。Web 制作や EC ショップ運営をされている方なら作成する機会も多い事でしょう。Photoshop でボタン作成は難しく感じますが、知って […]

めんどくさいのさようなら!Illustratorで表を作る方法

Adobe 社の Illustrator と言えばチラシやカタログ等のデザイン等にもよく使われ、当然表を作る機会というのも多いです。私も業務上、Illustrator で表を作る機会があったのですが、直線ツールで一本一本 […]

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

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

著者について

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

フォローはこちら

       

       
Aipo8.1.1オープンソース版で2018年の祝日設定を行う(さくらのVPS)

オープンソース版の無料グループウェア「Aipo」のサポートが2

タイヤのホイールナットが緩んで紛失、1個で買う方法はあるか

車の発進時や曲がる時にわずかなゴリッという音がする事に気づいて

高速道路
高速道路の上りと下りってどっち方面?全国高速道路総まとめ

高速道路には進行方向によって「上り」と「下り」という表現があり

名古屋久屋大通(丸の内)の「Cafe One」で居心地良い空間でおうちごはんランチ

名古屋観光で名古屋テレビ塔と久屋大通公園を見に行った際にランチ

豊田合成リンク
名古屋栄の豊田合成リンクで氷じゃないスケートリンクで滑ってきた感想

名古屋市の栄に氷じゃないスケートリンクがあるという話を連れに聞

→もっと見る