アートボードのプロパティと動作

最終更新日 : 2025年12月2日

Adobe Photoshop のアートボードのプロパティと動作を、レイアウトの整理やデザインワークフローの効率化に役立てる方法を学びます。

Adobe Photoshop ディープリンク

アプリで試す
いくつかの簡単な手順で、アートボードを使用してデザインプロセスを合理化する方法について学びましょう。

Photoshop のアートボードのプロパティは、1 つのドキュメント内の複数のカンバスをカスタマイズし管理するのに役立ちます。アートボードのプロパティを調整し、主要な動作を使用することで、デザインのニーズに適合するようにワークスペースをカスタマイズできます。これらの機能により作業がより効率化され、web、モバイル、印刷の各プロジェクトを横断して一貫性を保つことができます。

アートボードのプロパティ

アートボードを選択すると、プロパティパネルでこれらのオプションにアクセスできます。

プロパティ

説明

W

アートボードの幅をピクセル、インチ、その他の単位で設定します。

H

アートボードの高さをピクセル、インチ、その他の単位で設定します。

X

カンバス上のアートボードの水平位置を決定します。

Y

カンバス上のアートボードの垂直位置を決定します。

アートボードをプリセットに設定

iPhone、iPad、web レイアウトなど、事前定義済みのデバイスの寸法をアートボードに設定します。

アートボードの背景色

アートボードの背景色を設定するか、透明にします。

アートボードの動作

アートボードの動作は、Photoshop でアートボードとその内容を整理、移動、管理するためのアクションを示しています。これらの動作により、要素の移動、サイズ変更、ロック、レイヤーのフィルタリングなど、デザインワークフローに合わせたアートボードの操作が可能になります。

動作

アクション

アートボード間での要素の移動

Photoshop のアートボード間で要素をドラッグすると、ルーラーの開始点に合わせて配置されます。レイヤーパネルからアートボードにレイヤーをドラッグすることもできます。

レイヤーまたはグループを複製

レイヤーパネルでレイヤーを右クリックし、レイヤーを複製を選択して、配置先のアートボードを選択します。

アートボードの移動

アートボードツールを選択し、アートボードのラベルを選択して、カンバス上の新しい位置にドラッグします。

アートボードのサイズ変更

アートボードを選択し、オプションバーでプリセットサイズを選択するか、ハンドルをドラッグしてカスタムサイズを設定します。

グリッド

アートボードを選択し、表示表示・非表示グリッドを選択してグリッドを表示します。

ガイド

ガイドをルーラーからアートボードにドラッグします。ガイドはアートボードと共に移動します。また、アートボードと共に複製できます。表示新規ガイドレイアウトを作成を使用して、目的のレイアウトを作成します。

アートボード名の表示

表示表示・非表示アートボード名を切り替えて、名前を表示または非表示にします。名前は、アートボードの幅に合わせて自動的に切り捨てられます。

アートボードによりレイヤーをフィルタリングする

レイヤーパネルで種類別レイヤーフィルターから「アートボード」を選択して、選択したアートボードのみに表示を制限します。フルレイヤーパネルビューに戻るには、すべてのレイヤーの選択を解除するか、アートボード外で任意の対象を選択します。

自動ネストの防止

レイヤーパネルでアートボードやフレームの内外へ自動ネストしないを選択して、レイヤーがアートボードの内外に自動的にネストされるのを防ぎます。個別のレイヤーをロックすることもできます。

位置のロック

位置をロックを選択して、カンバス上のアートボードの位置を固定します。内部の要素は引き続き追加、移動、削除が可能です。

アートボード名の変更

レイヤーパネルのアートボード名をダブルクリックし、新しい名前を入力します。

アートボードのディザ合成

アートボードを選択し、レイヤーアートボードをグループ解除を選択して、要素に分解します。最後のアートボードが分解されると、ドキュメントはアートボードを使用しない形式に戻ります。

アートボードの使用例

  • 複数のデバイス向けのデザイン:iPhone、iPad、web テンプレートなどのプリセットサイズでアートボードを作成し、レスポンシブ性をテストします。
  • キャンペーンの整理:異なる名前の複数のアートボードを使用して、バナー、ポスター、ソーシャルグラフィックを 1 つのファイルで管理します。
  • 視認性の向上:背景色を変更して、白や明るい色のデザインを編集中により見やすくします。