【Photoshop】シェイプとパスの違いを徹底解説【フォトショ初心者】

この記事を読むのに必要な時間は約 10 分です。

Photoshop（フォトショップ）のシェイプとパス、ピクセルの違いを徹底解説します。

長方形ツールや楕円形ツール、カスタムシェイプツール等の各種シェイプツールやペンツールで作成したオブジェクトにはシェイプ・パス・ピクセルの3モードが存在します。
3つのモードの違いを理解し、フォトショップの知識を深めてみませんか？

この記事の目次

シェイプ・パス・ピクセルの作り方

STEP.1

任意のシェイプツールを選択

長方形ツールや楕円形ツール、カスタムシェイプツールなどの各種シェイプツール。
またはペンツールを選択しましょう。

サンプルは [ 長方形ツール ] を選択。

Photoshopを導入されていない方は事前にAdobe公式サイトから入手しておきましょう。

STEP.2

ツールモードを選択

画面左上にツールモードが表示されます。
シェイプ・パス・ピクセルの3種類から選択可能。

任意のモードを選択します。

FINISH

シェイプ・パス・ピクセルの完成

あとは図形を作成するだけ。
以上が基本的なシェイプとパス、ピクセルの作成方法です。

シェイプツールの使い方をマスターしよう

【Photoshop】フォトショのシェイプツールの使い方・編集方法を徹底解説

フォトショップのシェイプツールの使い方を完全解説しています。
更に詳しいシェイプツールの使い方を併せてチェックされてみませんか？

シェイプとは？

3つのモードの中で最も汎用性が高いシェイプについて解説します。
シェイプを選択しておけば間違いありませんよ。

塗りと線の設定が行える

シェイプは塗りと線の設定が行えるベクターデータです。
画面上部のオプション、またはプロパティパネルから編集できます。

Illustrator（イラストレーター）のオブジェクトと同様で非常に扱いやすいデータ形式です。

拡縮しても劣化しない

シェイプオブジェクトはいくら拡大・縮小・回転を行っても劣化しません。

Photoshopのブラシツールで描いたレイヤー（ラスターレイヤー）を縮小し、拡大すると画質がボケますが、シェイプは一切劣化がしない編集に強いデータ形式です。

図形の編集が容易

作成したシェイプオブジェクトは後から編集が可能です。

[ パス選択ツール ] を使えばアンカーポイントやセグメントを直接編集でき、細かな図形の編集が容易にできます。

シェイプは一番便利なモード

アイコンをはじめとした様々な図形として、選択範囲用のオブジェクトとして、クリッピングマスク用のオブジェクトなど、様々な用途に使える万能モードがシェイプです。
迷ったらシェイプを選択しておけば間違いなし！

パスとは？

Photoshopにおけるパスの特徴を解説します。

線のみのオブジェクト

シェイプは線と塗りの設定ができますが、パスは線だけのオブジェクトが作れます。

パスのパネルで確認できる

モードをパスにしてオブジェクトを作成すると、レイヤーパネルには何も表示されません。パスのパネルを確認すると [ 作業用パス ] として追加されているのが確認できます。
※非表示の場合は [ ウィンドウ ] → [ パス ] で表示。

作業用パスから選択範囲を作成したり、境界線を描いたり、シェイプと比べると操作性が劣ります。

選択範囲を作る際に活用

シェイプを使えば事足りるのですが、強いてパスを活用するのであれば選択範囲の作成です。
パスに関しては「こういう機能もあるんだね」程度で問題ありません。
圧倒的にシェイプをオススメします。

ピクセルとは？

最後にピクセルの特徴と使いどころについて解説します。

拡縮すると劣化する

ピクセルはシェイプやパスといったベクターデータではありません。ビットマップ画像なので、拡大・縮小・回転を行うと劣化します。

特に一度縮小し、拡大すると劣化が顕著に現れますよ。

直接編集するなら多少便利

ぶっちゃけピクセルによるオブジェクト作成を行うメリットはありません。

強いて挙げるならブラシツールなどで直接編集ができる事です。しかしシェイプからラスターレイヤーに変換できるので、最初からピクセルを選択する意味は正直ありません。

結局シェイプが最強

シェイプ、パス、ピクセルの3モードが存在しますが、全てを兼ね揃えたシェイプが一番使い勝手が良くて最強のモードです。
迷ったらシェイプを選択しておけば間違いありませんよ。

ワンランク上のテンプレート素材

Photoshopの学習をする上で、プロが作成した生データを研究する事は重要です。
普段からデザイン業務をされている方にとって自分以外のプロのクリエイターが作成したデータを見る事は日常茶飯事ですが、そうでない方は見る機会がありません。

AdobeStockのテンプレート素材はプロによる高品質な作品ばかり！
全て商用利用可能なので、テキストを変えるだけでそのまま使えます。

制作の手間を格段に軽減してくれるだけでなく、スキルアップの為の教材としても最適ですよ。

例えばクリエイターの就職や転職に必須のポートフォリオ。
プロのテンプレートでレイアウトや余白、文字サイズを簡単に研究可能。内定獲得の可能性が格段にアップします！
厳選！ポートフォリオ用テンプレート34選

デザイン制作の勉強としての導入にオススメの名刺デザイン。
想像だけで作るとイマイチな仕上がりになりがちですが、良質なサンプルを参考に作ると吸収できる情報の質が段違いです。
相手に舐められない名刺テンプレート50選

バナーもフォトショップの練習をする上で良質な教材です。
想像だけ・中途半端な素材を参考にするのは有効な学習方法とは言えませんよ。
ハイクオリティなバナーテンプレート50選

ゲームUIの制作は素材制作にはツールの深い知識が必要です。
テンプレートはまさに制作ノウハウの宝庫！
どれも最高の素材ばかりです。
ゲームUIに使えるテンプレート48選

単なる白黒の文字オブジェクトを一瞬で全く別モノへ大変身させるエフェクト52選です。
文字に高品質なエフェクトを追加するモックアップ

写真をはじめとした素材を「あっという間」に全く違うグラフィックへ大変身させるエフェクトです。
時短と品質の向上をされたい方に超オススメ！
写真を全く違うグラフィックに変える事が出来る高品質なエフェクト50選

良質な素材をもっと見る

上記で紹介しているテンプレートはごく一部。
下記記事で良質な素材を紹介しております。併せてチェックしてください！

【最強素材サイト】Adobe Stockのテンプレートがチート級に便利な件について

クリエイティブ業務で使える優良素材まとめ

写真を大変身させる高品質エフェクト

単なる写真を超短時間で全く違った表現にできる高品質なエフェクトです。
全て商用利用可能！
制作時間の短縮と作品のクオリティアップを重視したい方に超オススメのフォトショエフェクトです。

#01 Hacker Digital Manipulation Effect Mockup

ただの1枚絵を簡単にハッカー風にできるエフェクトです。
0と1の模様が非常にカッコいいです。

ダウンロード

#02 Movie Style Glitch Effect Mockup

テレビの走査線や色ずれを見事に再現できるフォトショ用のエフェクトモックアップです。
ブラウン管のテレビの枠にはめると昔風の画面の出来上がり！

ダウンロード

#03 Autumn Color Grading Effect Mockup

どんな季節も一瞬で秋にできるフォトショエフェクトです。
青々とした夏であろうが関係無し！

ダウンロード

#04 Mosaic Pixel or Dot Effect Mockup

ドットで表現できるPhotoshop用のエフェクトモックアップです。
単なるカラーハーフトーンでは無く、ドットに質感が付与されているのでより高クオリティな表現が可能です。

ダウンロード

#05 Image Overlay Rain Effect Mockup

雨を簡単に降らせることができるエフェクトです。
リアルな雨表現もこのエフェクトなら一瞬！

ダウンロード

Photoshop用の高品質なエフェクト集

Photoshopで使える商用利用可能な高品質エフェクトをピックアップしました。
フォトショ初心者の方でもプロの品質を圧倒的短時間で実現できるチートアイテムです。

【Photoshop】写真を超短時間で大変身させる高クオリティなエフェクト51選【商用可】

【Photoshop】写真を全く違うグラフィックに変える事が出来る高品質なエフェクト50選【商用可】

Photoshop用の名刺テンプレート

Photoshopで使える高品質な名刺テンプレートです。
全て商用利用可能！
制作時間の短縮と作品のクオリティアップを重視したい方に超オススメのテンプレートです。

#01 Botanical Business Card Layout

葉っぱがモチーフの名刺デザインです。
こんなショップカードの花屋さんがあれば素敵ですよね。

ダウンロード

#02 Black Business Card Mockup Gold Foil

ダークグレーがベースでゴールドであしらいと文字がデザインされたテンプレートです。
分厚い紙に金刷り加工を入れると高級感タップリのカッコいい名刺の完成です。

ダウンロード

#03 9 Vintage Business Cards Mockup

9種類ものビンテージデザインの名刺テンプレートが収録されています。
名刺だけでなく、様々なデザインのパーツに使えそうな素材です。

ダウンロード

#04 Business Card Layout with Pink Ribbon Design

白、ピンク、グレー、まさにコーポレート用名刺にそのまま使える名刺テンプレートです。
ピンクを別の色に変えるだけで各企業に適した名刺に変える事ができます。

ダウンロード

#05 Colorful Liquid Graphic Business Card Layout

ダークグレーと赤オレンジの液体を流したような柄の名刺デザインです。
図案の配置が絶妙！

ダウンロード

Photoshop用とIllustrator用の名刺テンプレート

【商用可】高クオリティな名刺テンプレート50選【Illustrator・Photoshop】

フォトショップとイラストレーター用の高品質な名刺テンプレート50選です。
全て商用利用可能！

おわりに

以上、Photoshop（フォトショップ）のシェイプとパス、ピクセルの違いについてでした。

長方形ツールをはじめとした各種シェイプツールやペンツールには３つのモードが存在します。
それらには明確な違いがあります。
しかし、全てを兼ね揃えたシェイプを使えばパスとピクセルは正直不要。

という事で迷ったらシェイプを選んでおけば間違いありませんよ。

ではまた！

Photoshopの選択範囲を極める

Photoshopでの選択範囲を作成や編集方法、様々な選択ツールを徹底解説しています。
初心者の方にも分かりやすくフォトショでのクリエイティブを加速させるテクニックを解説！

【Photoshop】よく使う選択範囲の作り方7選を徹底解説forフォトショ初心者

【Photoshop】選択範囲を編集する方法4選を徹底解説forフォトショ初心者

【Photoshop】クイック選択ツールを使いこなして作業効率を加速させよう【脱フォトショ初心者】

【Photoshop】秒速で人物の髪の毛をキレイに切り抜く方法【オブジェクト選択ツールの応用】

【Photoshop】クリッピングマスクの使い方と応用例を徹底解説forフォトショ初心者

【Photoshop】長方形選択ツールと楕円形選択ツールで選択範囲作成の基礎を極めるforフォトショ初心者

InDesignは活用されていますか？

Photoshopだけでなく、InDesign（インデザイン）も活用されていますか？
ポートフォリオ制作はイラレよりInDesignの方が効率的に作成できます。
まだInDesignを導入されていない方はAdobe公式サイトから入手できます。
InDesign用の商用利用可能なポートフォリオテンプレート77選はコチラ！

ゼロから始めるPhotoshop目次

フォトショ基本操作