シェイプ、パス、描画モードについて理解する

Adobe Photoshop でシェイプツールやペンツールを使って描画すると、ピクセルベースの画像ではなく、ベクターベースのグラフィックが作成されます。この違いは、アートワークの拡大縮小、印刷、他のアプリケーションとの連携に影響します。

シェイプ、パス、描画モードの関係を理解すると、各プロジェクトに適した方法を選びやすくなり、デザインの変化に合わせて柔軟性を保てます。web グラフィックの作成、ロゴのデザイン、複雑なコンポジットの作成など、どの作業でも、ベクターシェイプとラスタライズされたピクセルをいつ使い分けるべきかを知っておくと、大幅な時間短縮につながり、ワークフロー全体で品質を維持できます。

ベクターシェイプと解像度に依存しない特性

ベクターシェイプは、固定されたピクセルではなく、数式によって定義された線とカーブです。各ピクセルの色情報を保持するラスター画像とは異なり、ベクターシェイプはポイント、カーブ、塗りのための幾何学的な指示を保持します。

この数学的な基盤により、ベクターシェイプは解像度に依存しません。画質を落とさずにサイズ変更でき、任意の解像度で印刷したり、PDF として保存したり、Adobe Illustrator のようなベクターベースのアプリケーションに劣化なくインポートしたりできます。シェイプをサムネイルサイズに拡大縮小しても、看板サイズにしても、エッジは鮮明なままです。

Photoshop では、カスタムシェイプのライブラリを作成し、ストロークの幅、塗りの色、レイヤースタイルなど、各シェイプのアウトラインや見た目のプロパティを編集できます。このように編集できることが、変更のたびに破壊的な編集や塗り直しが必要なペイント済みまたはラスタライズされたコンテンツとの違いです。

パスと作業用パス

パスは、シェイプのジオメトリを定義するアウトラインです。パスは、直線またはカーブのセグメントでつながれたアンカーポイントで構成されており、これらのアンカーポイントを編集して、いつでもパスの形を変えられます。

作業用パスは、描画中に「パス」パネルに表示される一時的なパスです。作業用パスは、名前付きパスとして保存しない限り、選択を解除すると消えます。保存すると、パスは今後も使えるように「パス」パネルに残ります。

パスには、シェイプのアウトラインを定義する以外にもさまざまな用途があります。パスを選択範囲の境界線に変換したり、パスを色で塗りつぶしたりストロークを適用したり、レイヤーの一部を非表示にするために パスをベクトルマスクとして使用 したり、保存したパスをクリッピングパスとして指定して、ページレイアウトアプリケーションに書き出す際に透明部分を作成したりできます。

描画するモード

シェイプツールまたはペンツールで描画を始める前に、オプションバーで描画モードを選択する必要があります。この選択によって、ベクターシェイプ、一時的なパス、ラスタライズされたピクセルのいずれを作成するかが決まります。各モードでは、異なる結果が生成され、異なる編集機能が提供されます。

シェイプモード

シェイプモードでは、シェイプレイヤーが作成されます。これは、色を定義する塗りつぶしレイヤーと、アウトラインを定義するリンクされたベクトルマスクで構成される特殊なレイヤータイプです。シェイプは、他の内容とは独立した専用のレイヤーに表示されます。

シェイプレイヤーは、正確な配置、簡単なサイズ変更、または頻繁な調整が必要なグラフィックに最適です。品質を損なうことなく、シェイプの移動、サイズ変更、整列、分布を行うことができます。必要に応じて、1 つのシェイプレイヤーに複数のシェイプを配置できます。

シェイプレイヤーはベクターベースのままなので、アンカーポイントを調整することで、いつでもパスを変更できます。レイヤーが選択されている間、シェイプのアウトラインは「パス」パネルに表示されます。この柔軟性により、シェイプモードは、web グラフィック、UI 要素、修正が必要になる可能性のあるデザイン作業に最適な選択肢となります。

パスモード

パスモードでは、新しいレイヤーを作成する代わりに、現在選択されているレイヤーに作業用パスを描画します。この一時的なパスは、使用することを選択するまで、画像に表示可能なピクセルを追加しません。

パスを作成した後は、選択範囲に変換したり、色で塗りつぶしたり、ブラシで線を描いたり、後で使用するために名前付きパスとして保存したりできます。このモードは、正確な選択範囲が必要な場合や、永続的なシェイプレイヤーを作成せずに定義されたアウトラインに沿ってペイントしたい場合に優れています。

パスモードは、コンポジション内でどのように使用するかを決定する前に、領域やエッジを非破壊的に定義する方法を提供します。

ピクセルで塗りつぶしモード

「ピクセルで塗りつぶし」モードでは、シェイプをブラシとして使用し、現在のレイヤーに直接ペイントします。このモードでは、ベクターグラフィックではなくラスター画像が作成されます。このモードで描画すると、ピクセルは、ブラシツールや他のペイントツールで作成されたピクセルと同様に、レイヤーの一部になります。

このモードは、固定されたピクセルを扱うため、シェイプレイヤーよりも柔軟性が低くなります。品質を損なうことなく結果のサイズを簡単に変更することはできず、アンカーポイントを調整してアウトラインを編集することもできません。「ピクセルで塗りつぶし」モードで機能するのはシェイプツールのみで、ペンツールは使用できません。

ラスタライズされた出力が必要な場合、またはベクターシェイプがワークフローを妨げるような既存のラスターベースのコンポジション内で作業する場合は、このモードを使用します。

アプローチの選択

シェイプモードは、調整が必要になる場合があるグラフィックに対して、最大限の柔軟性と編集のしやすさを提供します。パスモードは、精密な選択が必要な場合や、定義されたアウトラインに沿ってペイントしたい場合に効果を発揮します。塗りつぶしピクセルモードは、完全にラスターコンテンツで作業し、ベクターの編集のしやすさが不要な状況に適しています。

多くのプロジェクトでは、これらのモードを組み合わせて使用します。スケーラビリティのためにシェイプモードでロゴを作成し、複雑な選択範囲の境界を定義するためにパスモードを使用し、ペイントされたアートワークにベクター要素を統合する際に塗りつぶしピクセルモードを適用することもできます。

これらの基本的な概念を理解することで、どの描画アプローチがクリエイティブな目標に最も適しているかについて、十分な情報に基づいた判断ができるようになります。シェイプの作成に関する詳しい手順については、シェイプの描画を参照してください。ペンツールの技法について学ぶには、ペンツールで描画を参照してください。