Photoshopのベクトルマスクについて現役エンジニアが解説【初心者向け】

初心者向けにPhotoshopのベクトルマスクについて解説しています。ベクトルマスクを使うと精度の高い切り取り・編集を行うことができます。ベクトルマスクの作成・削除の手順、編集の方法を覚えましょう。

TechAcademyマガジンは受講者数No.1のオンラインプログラミングスクールTechAcademy [テックアカデミー]が運営。初心者向けに解説した記事を公開中。現役エンジニアの方はこちらをご覧ください。

Photoshopのベクトルマスクについて、TechAcademyのメンター(現役エンジニア)が初心者向けに解説します。

なお本記事は、TechAcademyのオンラインブートキャンプPhotoshop講座のカリキュラムをもとに執筆しています。

 

田島悠介

今回は、Photoshopに関する内容だね!

大石ゆかり

どういう内容でしょうか?

田島悠介

ベクトルマスクについて詳しく説明していくね!

大石ゆかり

お願いします!

目次

 

ベクトルマスクとは

Photoshoのペンツールまたはシェイプツールで作成したベクトル画像を使い、画像全部または、画像の一部を隠す(マスクする)方法です。

 

[PR] Webデザインで挫折しない学習方法を動画で公開中

ベクトルマスクでできること

  • マスクの大きさや形の変更
  • グループ化された画像のマスク
  • 境界線のぼかし

 

ベクトルマスクの基本的な使い方

ベクトルマスク作成

レイヤーパネルで、マスクをかけたい画像レイヤーを選択します。

ツールバーのペンツールアイコンをクリックし、オプションバーのツールモードを「パス」にします。

画像のマスクをかけたい部分をペンでなぞり、作業用パスを作成します。

「新規ベクトルマスクを作成」ボタンをクリックし、画像にマスクをかけます。

ベクトルマスク編集

レイヤーパネルで、編集したいマスクをクリックし選択します。

ペンツールまたはパス選択ツールを使ってベクトルマスクのシェイプを編集します。

ベクトルマスク削除

レイヤーパネルで、編集したいマスク上で右クリックします。

「ベクトルマスクを削除」を実行します。

 

まとめ

ベクトルマスクは、解像度に依存しないベクトル画像を使うため、ピクセルベースのラスタライズ画像を使ったマスクより精度が高く境界線をはっきりさせたい場合に便利です。

 

監修してくれたメンター

メンターOM

Webデザインの勉強のためロサンゼルスに留学。
その後、現地のWeb制作会社に就職し、Webデザイナーとしてのキャリアをスタート。

現在もロサンゼルスで働く傍ら、フリーランスのWebデザイナーとして、
アメリカだけでなく日本からのWeb制作も請け負う。
また、画像のリタッチが得意なので、しばしばリタッチの依頼も請け負う。

 

大石ゆかり

内容分かりやすくて良かったです!

田島悠介

ゆかりちゃんも分からないことがあったら質問してね!

大石ゆかり

分かりました。ありがとうございます!

 

TechAcademyでは初心者でも1週間でフォトレタッチをマスターできるオンラインブートキャンプ Photoshop講座を開催しています。

現役デザイナーに毎日チャットで質問することができます。