アートボードを使用する

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

Adobe Photoshop のアートボード、その構造、利点、マルチスクリーンデザインのためのカスタマイズについて学びます。

Adobe Photoshop ディープリンク

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

概要

アートボードは、含まれる要素のコンテンツをその境界でクリップする特別なレイヤーグループです。Web や UX のデザイナーは、アートボードを使用して複数のデバイスや画面サイズのデザインを同時に作成できます。

アートボードを作成するときは、様々なプリセットサイズから選択したり、独自のカスタムアートボードサイズを定義したりできます。1 つの画面サイズだけをデザインするときでも、アートボードは役に立ちます。例えば、web サイトをデザインしながら、アートボードを使って、様々なページのデザインを並べて開き、状況に応じて表示できます。 

構造と整理

  • アートボードは含まれる要素のコンテンツをクリップします。
  • アートボードには、レイヤーおよびレイヤーグループを含めることができますが、他のアートボードを含めることはできません。ドキュメント内の個別のキャンバスとして機能します。
  • レイヤーパネルでは、アートボード内の要素が他のレイヤーやレイヤーグループと並んで表示されます。
  • アートボード外のレイヤーはレイヤーパネルで個別にグループ化され、クリップされません。

アートボードの利点

  • 並列デザイン:1 つのファイルで複数のバージョンを表示できるため、画面の一貫性が向上します。
  • 整理されたレイヤー:アートボード内のレイヤーは自動的にグループ化およびクリップされます。
  • 柔軟な構造:アートボードにはレイヤーとグループが保持されますが、他のアートボードは保持されません。

アートボードのカスタマイズ

ワークフローに合わせてアートボードの視覚的な外観をカスタマイズできます。

ヒント :

編集環境設定インターフェイスアピアランスアートボードを選択して、これらの設定にアクセスします。

カラーと境界線のオプションを含むアートボードの外観設定を示している Photoshop の環境設定ダイアログボックス。
環境設定のカラーとボーダーオプションを使用してアートボードの外観をカスタマイズします。