マニュアル キャンセル

アートボード

  1. Photoshop ユーザーガイド
  2. Photoshop の概要
    1. 夢をカタチに
    2. Photoshop の新機能
    3. 初めての写真編集
    4. ドキュメントの作成
    5. Photoshop | よくある質問
    6. Photoshop の必要システム構成
    7. Photoshop とは
    8. Photoshop を最新の状態にする
  3. Photoshop とその他の Adobe 製品およびサービス
    1. Photoshop で Illustrator アートワークを作業する
    2. InDesign での Photoshop ファイルの操作
    3. Photoshop 用 Substance 3D マテリアル
    4. Photoshop の Capture アプリ内拡張機能の使用
  4. Photoshop iPad 版(中国本土ではご利用いただけません)
    1. Photoshop iPad 版 | よくある質問
    2. ワークスペースについて
    3. システム要件 | Photoshop iPad 版
    4. ドキュメントの作成、表示、書き出し
    5. 写真の追加
    6. レイヤーの操作
    7. ブラシを使用した描画とペイント
    8. 範囲の選択とマスクの追加
    9. 合成を修正する
    10. 調整レイヤーを使用する
    11. トーンカーブで合成の色調を調整する
    12. 変形操作を適用する
    13. 合成画像の切り抜きと回転
    14. カンバスの回転、パン、ズーム、リセット
    15. テキストレイヤーを使用する
    16. Photoshop と Lightroom の連携
    17. Photoshop iPad 版で環境にないフォントを取得する
    18. Photoshop iPad 版での日本語テキスト
    19. アプリの設定を管理する
    20. タッチショートカットとジェスチャー
    21. ショートカットキー
    22. 画像サイズを編集する
    23. Photoshop iPad 版での制作過程をライブストリームで配信
    24. 修復ブラシで不具合を修正する
    25. Capture でブラシを作成して Photoshop iPad 版で使用する
    26. Camera Raw ファイルの操作
    27. スマートオブジェクトの作成と操作
    28. 覆い焼きと焼き込みを使用した画像の露出調整
    29. Photoshop iPad 版の自動調整コマンド
    30. Photoshop iPad 版で画像内の領域を指先で操作する
    31. スポンジツールを使用した画像の彩度の調整
    32. iPad のコンテンツに応じた塗りつぶし
  5. Photoshop web 版(中国本土ではご利用いただけません)
    1. 一般的な質問
    2. 必要システム構成
    3. ショートカットキー
    4. サポートされているファイルタイプ
    5. ワークスペースの概要
    6. クラウドドキュメントを開いて操作する
    7. 生成 AI 機能
    8. 基本的な編集コンセプト
    9. クイックアクション
    10. レイヤーの操作
    11. 画像のレタッチと不具合箇所の除去
    12. クイック選択の実行
    13. 調整レイヤーによる画像の向上
    14. 塗りつぶしレイヤーの追加
    15. 画像の移動、変形、切り抜き
    16. 描画とペイント
    17. シェイプの描画と編集
    18. テキストレイヤーを使用する
    19. Web 上での他のユーザーとの共同作業
    20. アプリの設定を管理する
    21. 画像を生成
    22. 背景を生成
    23. 参照画像
  6. Photoshop(Beta)(中国本土ではご利用いただけません)
    1. Creative Cloud(Beta)アプリの基本を学ぶ
    2. Photoshop(Beta)デスクトップ版
    3. 参照画像
  7. 生成 AI(中国本土ではご利用いただけません)
    1. Photoshop の生成 AI に関するよくある質問
    2. Photoshop デスクトップ版の生成塗りつぶし
    3. 説明テキストプロンプトで画像を生成
    4. Photoshop デスクトップ版の生成拡張
    5. 背景を生成を使用した背景の置換
    6. 類似を生成を使用して新しいバリエーションを取得
    7. Photoshop iPad 版の生成塗りつぶし
    8. Photoshop iPad 版の生成拡張
    9. Photoshop web 版の生成 AI 機能
  8. コンテンツ認証(中国本土ではご利用いただけません)
    1. Photoshop の Content credentials
    2. NFT の ID と来歴
    3. クリエイティブ属性のアカウントの接続
  9. クラウドドキュメント(中国本土ではご利用いただけません)
    1. Photoshop クラウドドキュメント | よくある質問
    2. Photoshop クラウドドキュメント | ワークフローに関する質問
    3. Photoshop でのクラウドドキュメントの管理と使用
    4. Photoshop 用クラウドストレージのアップグレード
    5. クラウドドキュメントを作成または保存できない
    6. Photoshop クラウドドキュメントのエラーを解決する
    7. クラウドドキュメントの同期ログの収集
    8. クラウドドキュメントの編集に他のユーザーを招待
    9. アプリ内でファイルとコメントを共有する
  10. ワークスペース
    1. ワークスペースの基本
    2. 環境設定
    3. Photoshop のもっと知るパネルで簡単に知る
    4. ドキュメントの作成
    5. ファイルの配置
    6. 初期設定のショートカットキー
    7. ショートカットキーのカスタマイズ
    8. ツールギャラリー
    9. パフォーマンス環境設定
    10. ツールの使用
    11. プリセット
    12. グリッドとガイド
    13. タッチジェスチャー
    14. Photoshop での Touch Bar の使用
    15. タッチ機能とカスタマイズ可能なワークスペース
    16. テクノロジープレビュー
    17. メタデータと注釈
    18. 他のアプリケーションへの Photoshop 画像の配置
    19. 定規
    20. プリントしないエクストラの表示または非表示
    21. 画像のコラムの指定
    22. 取り消しおよびヒストリー
    23. パネルとメニュー
    24. スナップを使用した要素の配置
    25. ものさしツールを使用した配置
  11. Web、画面、アプリデザイン
    1. デザインに最適な Photoshop
    2. アートボード
    3. デバイスプレビュー
    4. レイヤーから CSS をコピー
    5. Web ページのスライス
    6. スライスの HTML オプション
    7. スライスのレイアウトの変更
    8. Web グラフィックの使用
    9. Web フォトギャラリーの作成
  12. 画像とカラーの基本
    1. 画像のサイズを変更する方法
    2. ラスター画像とベクトル画像の操作
    3. 画像サイズと解像度
    4. カメラやスキャナーからの画像の取り込み
    5. 画像を作成、開く、読み込み
    6. 画像の表示
    7. 無効な JPEG マーカーエラー | 画像を開く
    8. 複数の画像の表示
    9. カラーピッカーとスウォッチのカスタマイズ
    10. ハイダイナミックレンジ(HDR)画像
    11. 画像のカラーの適用
    12. カラーモードの変換
    13. カラーモード
    14. 画像の一部の消去
    15. 描画モード
    16. カラーの選択
    17. インデックスカラーのカラーテーブルのカスタマイズ
    18. 画像情報
    19. ゆがみフィルターが使用できない
    20. カラーについて
    21. チャンネルを使用したカラーおよびモノクロの補正
    22. カラーパネルとスウォッチパネルでのカラーの選択
    23. サンプル
    24. カラーモードまたは画像モード
    25. 色かぶり
    26. アクションへの条件付きモード変更の追加
    27. HTML CSS と SVG からスウォッチを追加
    28. ビット数と環境設定
  13. レイヤー
    1. レイヤーの基本
    2. 非破壊編集
    3. レイヤーとグループの作成および管理
    4. レイヤーの選択、グループ化、リンク
    5. 画像をフレームに配置する
    6. レイヤーの不透明度と描画
    7. レイヤーのマスク
    8. スマートフィルターの適用
    9. レイヤーカンプ
    10. レイヤーの移動、重なり順の変更およびロック
    11. ベクトルマスクによるレイヤーのマスク
    12. レイヤーとグループの管理
    13. レイヤー効果とレイヤースタイル
    14. レイヤーマスクの編集
    15. アセットを抽出
    16. クリッピングマスクを使用したレイヤーの表示
    17. レイヤーからの画像アセットの生成
    18. スマートオブジェクトの操作
    19. 描画モード
    20. 複数の画像のグループ写真への合成
    21. レイヤーを自動合成を使用して画像を結合
    22. レイヤーの整列と分布
    23. レイヤーから CSS をコピー
    24. レイヤーまたはレイヤーマスクの境界線からの選択範囲の読み込み
    25. ノックアウトして他のレイヤーからコンテンツを表示
  14. 選択範囲
    1. 選択の基本を学ぶ
    2. 合成での選択範囲の作成
    3. 選択とマスクワークスペース
    4. 選択ツールによる選択
    5. なげなわツールによる選択
    6. ピクセル選択範囲の補正
    7. 選択したピクセルの移動、コピー、削除
    8. 一時的なクイックマスクの作成
    9. 画像内の色域指定の選択
    10. パスと選択範囲の境界線の変換
    11. チャンネルの基本
    12. 選択範囲とアルファチャンネルマスクの保存
    13. 画像の焦点領域の選択
    14. チャンネルの複製、分割および統合
    15. チャンネルの演算
  15. 画像補正
    1. オブジェクトのカラーの置換
    2. 遠近法ワープ
    3. カメラの振動によるぶれの軽減
    4. 修復ブラシの使用例
    5. カラールックアップテーブルの書き出し
    6. 画像のシャープとぼかしの調整
    7. カラー補正について
    8. 「明るさ・コントラスト」補正の適用
    9. シャドウとハイライトのディテールの調整
    10. レベル補正
    11. 色相と彩度の調整
    12. 自然な彩度の調整
    13. 画像領域内のカラーの彩度の調整
    14. 色調のクイック補正
    15. 画像への特殊なカラー効果の適用
    16. カラーバランスの補正による画像の向上
    17. ハイダイナミックレンジ(HDR)画像
    18. ヒストグラムとピクセル値の表示
    19. 画像のカラーの適用
    20. 写真の切り抜きと角度補正
    21. カラー画像の白黒画像への変換
    22. 調整レイヤーと塗りつぶしレイヤー
    23. トーンカーブの補正
    24. 描画モード
    25. 出力用画像のターゲット指定
    26. レベル補正およびトーンカーブスポイトツールを使用したカラーと色調の補正
    27. HDR の露光量とトーンの調整
    28. 画像領域の覆い焼きまたは焼き込み
    29. 特定色域の色調の補正
  16. Adobe Camera Raw
    1. Camera Raw の必要システム構成
    2. Adobe Camera Raw の新機能
    3. Camera Raw の紹介
    4. パノラマの作成
    5. サポート対象レンズ
    6. Camera Raw の周辺光量補正、粒状、かすみの除去の効果
    7. 初期設定のショートカットキー
    8. Camera Raw の自動的な遠近法の補正
    9. Camera Raw の円形フィルター
    10. Camera Raw 設定の管理
    11. Camera Raw での画像のオープン、処理および保存
    12. Camera Raw の強化されたスポット除去ツールで画像を修復
    13. 画像の回転、切り抜きおよび調整
    14. Camera Raw でのカラーレンダリングの調整
    15. Camera Raw のプロセスバージョン
    16. Camera Raw での部分補正
  17. 画像の修復および復元
    1. 削除ツール
    2. コンテンツに応じた塗りつぶしを使用して写真からオブジェクトを削除
    3. コンテンツに応じたパッチと移動
    4. 写真のレタッチと修復
    5. 画像のゆがみとノイズの修正
    6. 多くの問題を解決するための基本的なトラブルシューティング手順
  18. 画像の補正と変形
    1. 画像の空の置換
    2. オブジェクトの変形
    3. 切り抜き、回転およびカンバスサイズを調整
    4. 写真を切り抜きおよび角度補正する方法
    5. パノラマ画像の作成と編集
    6. 画像、シェイプ、パスのワープ
    7. Vanishing Point
    8. コンテンツに応じた拡大・縮小
    9. 画像、シェイプ、パスの変形
  19. 描画とペイント
    1. 対称パターンのペイント
    2. 長方形の描画とストロークオプションの変更
    3. 描画の概要
    4. シェイプの描画と編集
    5. ペイントツール
    6. ブラシの作成と修正
    7. 描画モード
    8. パスへのカラーの追加
    9. パスの編集
    10. 混合ブラシによるペイント
    11. ブラシプリセット
    12. グラデーション
    13. グラデーション補間
    14. 選択範囲、レイヤーおよびパスの塗りつぶしおよび境界線の描画
    15. ペンツールによる描画
    16. パターンの作成
    17. パターンメーカーを使用したパターンの生成
    18. パスの管理
    19. パターンライブラリとプリセットの管理
    20. グラフィックタブレットによる描画またはペイント
    21. テクスチャブラシの作成
    22. ブラシへの動的な要素の追加
    23. グラデーション
    24. アートヒストリーブラシによる、スタイル化されたストロークのペイント
    25. パターンによるペイント
    26. 複数のデバイスでのプリセットの同期
    27. プリセット、アクションおよび設定の移行
  20. テキスト
    1. テキストの追加と編集
    2. 統合テキストエンジン
    3. OpenType SVG フォントの操作
    4. 文字の書式設定
    5. 段落の書式設定
    6. テキスト効果の作成方法
    7. テキストの編集
    8. 行と文字の間隔
    9. アラビア語およびヘブライ語のテキスト
    10. フォント
    11. フォントのトラブルシューティング
    12. 日本語、中国語、韓国語のテキスト
    13. テキストの入力
  21. フィルターと効果
    1. ぼかしギャラリーの使用
    2. フィルターの基本
    3. フィルター効果リファレンス
    4. 照明効果の追加
    5. 広角補正フィルターの使用
    6. 油彩フィルターの使用
    7. ゆがみフィルターの使用
    8. レイヤー効果とレイヤースタイル
    9. 特定フィルターの適用
    10. 画像領域をこする
  22. 保存と書き出し
    1. Photoshop でのファイルの保存
    2. Photoshop でのファイルの書き出し
    3. サポートされているファイル形式
    4. グラフィック形式でのファイルの保存
    5. Photoshop と Illustrator 間でのデザインの移動
    6. ビデオとアニメーションの保存と書き出し
    7. PDF ファイルを保存
    8. Digimarc 著作権保護
  23. カラーマネジメント
    1. カラーマネジメントの設定
    2. 一貫した色の保持
    3. カラー設定
    4. ダブルトーン
    5. カラープロファイルの操作
    6. オンライン表示用ドキュメントのカラーマネジメント
    7. 印刷時におけるドキュメントのカラーマネジメント
    8. 読み込んだ画像のカラーマネジメント
    9. 色の校正
  24. Web、画面、アプリデザイン
    1. デザインに最適な Photoshop
    2. アートボード
    3. デバイスプレビュー
    4. レイヤーから CSS をコピー
    5. Web ページのスライス
    6. スライスの HTML オプション
    7. スライスのレイアウトの変更
    8. Web グラフィックの使用
    9. Web フォトギャラリーの作成
  25. ビデオとアニメーション
    1. Photoshop でのビデオの編集
    2. ビデオおよびアニメーションレイヤーの編集
    3. ビデオとアニメーションの概要
    4. ビデオとアニメーションのプレビュー
    5. ビデオレイヤーのフレームのペイント
    6. ビデオファイルと画像シーケンスの読み込み
    7. フレームアニメーションの作成
    8. Creative Cloud 3D アニメーション(プレビュー)
    9. タイムラインアニメーションの作成
    10. ビデオ用の画像の作成
  26. プリント
    1. 3D オブジェクトのプリント
    2. Photoshop を使用したプリント
    3. カラーマネジメントを使用したプリント
    4. コンタクトシートと PDF プレゼンテーション
    5. ピクチャパッケージレイアウトでの写真のプリント
    6. スポットカラーのプリント
    7. 業務用プリンターでの画像のプリント
    8. Photoshop からのカラー印刷の改善
    9. 印刷問題のトラブルシューティング | Photoshop
  27. 自動化
    1. アクションの作成
    2. データ駆動型グラフィックの作成
    3. スクリプト
    4. ファイルのバッチ処理
    5. アクションの再生と管理
    6. 条件付きアクションの追加
    7. アクションおよびアクションパネルについて
    8. アクションへのツールの記録
    9. アクションへの条件付きモード変更の追加
    10. プラグインとスクリプト用の Photoshop UI ツールキット
  28. トラブルシューティング
    1. 解決済みの問題 
    2. 既知の問題
    3. Photoshop のパフォーマンスの最適化
    4. トラブルシューティング/初級編
    5. クラッシュまたはフリーズのトラブルシューティング
    6. プログラムエラーのトラブルシューティング
    7. 「仮想記憶ディスクの空き容量不足」エラーのトラブルシューティング
    8. GPU およびグラフィックドライバーの問題のトラブルシューティング
    9. 見つからないツールを検索
    10. Photoshop の 機能 | 廃止された 3D 機能に関するよくある質問
Photoshop アートボード
同一カンバス上の異なるデバイス向けアートボード

Web デザイナーや UX デザイナーの方は、複数デバイス向けに Web サイトやアプリをデザインする機会がますます増えていることでしょう。アートボードは、さまざまなデバイスやスクリーン用にデザインをレイアウトできる無限のカンバスが用意され、デザインプロセスを効率的に実行できます。アートボードを作成するときは、幅広いプリセットサイズから選択したり、独自のカスタムアートボードサイズを定義したりできます。

通常、1 つのスクリーンサイズ向けにデザインするときでも、アートボードは役に立ちます。例えば、Web サイトをデザインしながら、アートボードを使って、さまざまなページのデザインを並べて開き、状況に応じて表示できます。 

注意:

アートボードは RGB カラーモードおよび高度 GPU 描画モードに最適化されています。

では、アートボードとは何でしょうか。

アートボードは、特殊なタイプのレイヤーグループと考えることができます。アートボードは、含まれた要素の内容を境界にクリップします。アートボードの要素の階層は、レイヤーおよびレイヤーグループとともにレイヤーパネルに表示されます。アートボードには、レイヤーおよびレイヤーグループを含めることができますが、他のアートボードを含めることはできません。

アートボードは、視覚的にドキュメント内の個々のカンバスとして機能します。アートボード内に含まれていないドキュメントのレイヤーは、レイヤーパネルの最上部でグループ化され、アートボードでクリップされていない状態のままとなります。

Adobe Photoshop logo

まずは無料で試してみる
世界中で利用されている画像編集ツールを試そう

アートボードの環境設定

アートボードの外観をカスタマイズするには、環境設定/インターフェイス/アピアランス/アートボードを選択します。アートボードマットカラーを選択するオプション、およびアートボード境界線の表示と非表示を切り替えるオプションがあります。 

Photoshop アートボードの環境設定

アートボードドキュメントの作成

  1. Photoshop で、ファイル/新規を選択します。
  2. 新規ダイアログボックスで、ドキュメントの名前を指定します。たとえば、iPhone website などを指定します。
  3. ドキュメントの種類ポップアップメニューからアートボードを選択します。
  4. 35 種類以上のアートボードサイズプリセットの中からいずれかを選択します。
Photoshop アートボードのサイズ
アートボードサイズプリセットの豊富な選択肢

  1. アートボードにデザイン要素を追加していきます。アートボードには、スマートオブジェクト、レイヤー、レイヤーグループなどを追加できます。

既存のドキュメントをアートボードドキュメントに変換する

標準の Photoshop ドキュメントの場合、すばやくアートボードドキュメントに変換できます。

  1. ドキュメントで 1 つ以上のレイヤーグループまたはレイヤーを選択します。
  2. 選択を右クリックし、レイヤーからのアートボードまたはグループからのアートボードを選択します。

アートボードを現在のドキュメントに追加する

  1. ツールパネルで アイコンをクリックし、アートボードツールを選択します。
  1. カンバスにアートボードを描画します。
  2. 必要に応じてアートボードのサイズを変更します。ツールオプションバーのサイズポップアップメニューからプリセットサイズを選択します。または、アートボードをカスタムサイズのままにしておくこともできます。
Photoshop アートボードのサイズ変更
アートボードのサイズ変更

  1. アートボードを好きな名前に変更できます。次のいずれかの操作を行います。
    1. アートボードを選択した状態で、レイヤー/アートボードの名前を変更を選択します。
    2. アートボードの新しい名前を入力し、Return キーを押します。
  2. アートボードにデザイン要素を追加していきます。アートボードには、スマートオブジェクト、レイヤー、レイヤーグループなどを追加できます。

新規アートボードをドキュメントに手早く追加する

現在ドキュメントにあるアートボードの横に表示されるプラス(+)アイコンをクリックすると、ドキュメントにアートボードを追加できます。これらのプラス(+)アイコンは、カンバスにアートボードを追加できる位置で表示されます。アートボードをその内容と共に複製するには、Option/Alt キーを押しながらプラス(+)アイコンをクリックします。 

  1. アートボードを選択します。 
  2. アートボードの横のプラス(+)アイコンをクリックします。アートボードがプラス(+)アイコンの方向でドキュメントに追加されます。
Photoshop プラスアイコンを使用してアートボードを追加
プラスアイコンを使用してアートボードを追加する

注意:

Option+Alt キーを押してプラス(+)アイコンをクリックすると、現在選択されているアートボードがその内容と共に複製されます。新規アートボードが、クリックしたプラス(+)アイコンの方向に追加されます。

アートボードを使用する

アートボード背景の設定

アートボードの属性パネル(ウィンドウ/属性)の「アートボード背景色」フィールドに目的の値を設定します。アートボード背景には、「透明」を設定することもできます。

アートボード背景の設定

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

要素を 1 つのアートボードからカンバス上の別のアートボードにドラッグするだけです。アートボード間で要素を移動すると、Photoshop ではアートボードの左上にある定規の原点を基準にして相対的に同じ場所に配置されます。

アートボードに要素を追加したり、移動したりすると、新しい要素はそのアートボードのレイヤーパネルの Z 列最上部に移動します。

また、いずれのアートボードにも含まれないレイヤー/要素を既存のアートボードとグループ化することもできます。カンバス上の要素を目的のアートボードにドラッグするだけです。または、レイヤーパネルの目的のアートボードに移動します。

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

アートボードを含むドキュメントでレイヤーまたはレイヤーグループを複製すると、コピーしたレイヤーを配置するアートボードを選択できます。

レイヤーの複製:コピーしたレイヤーを配置するアートボードを選択

移動

アートボードまたは移動ツールを選択した状態で、アートボードのラベルをクリックして選択します。次に、カンバス上の目的の場所に移動します。

サイズ変更

アートボードまたは移動ツールを選択した状態で、アートボードのラベルをクリックして選択します。次に、アートボードの新しいプリセットサイズをツールオプションバーから選択します。

アートボードをカスタムサイズに変更したい場合は、ハンドルを使用すれば簡単に境界線をサイズ変更できます。

グリッド

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

ガイド

アートボードが選択された状態で、ガイドを定規からカンバスにドラッグします。ドラッグしたガイドはアートボードとともに移動するようになります。割り当て済みガイドのあるアートボードを複製して、複製したアートボードに同じガイドを割り当てることもできます。別の方法として、表示/新規ガイドレイアウトを選択して、必要なアートボードを対象にすることもできます。ガイドオプションを設定するには、表示/表示・非表示を選択します。

Photoshop 新規ガイドレイアウトの作成
(左)新規ガイドレイアウト | (右)ガイド表示オプション

アートボードプロパティを調べる

アートボードを選択し、ウィンドウ/属性を選択して、重要なプロパティをすぐに調べます。また、属性パネル内からアートボードのサイズを変更することもできます。

アートボードのプロパティは、アートボードを選択したとき、ツールオプションバーにも表示されます。 

Photoshop アートボードの属性パネル
アートボードの属性パネル

アートボード名の表示

アートボード名の表示と非表示を切り替えるには、表示/表示・非表示/アートボード名を選択します。アートボード名は、アートボードの幅で自動的に切り取られます。

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

レイヤーパネルで、検索ポップアップメニューからアートボードを選択します。アートボードまたはアートボード内のレイヤーを選択します。これでレイヤーパネルビューには、選択されたアートボードだけが表示されます。フルレイヤーパネルビューに戻るには、すべてのレイヤーの選択を解除するか、アートボード外で任意の対象を選択します。

アートボードの内外への自動ネストを防ぐ

イラストレーションのロックを、アートボードに割り当てて、アートボードの内外への自動ネストを無効にするか、アートボード内の特定のレイヤーに割り当てて、そのレイヤーの自動ネストを無効にします。通常の自動ネスト動作に戻すには、アートボードまたはレイヤーから自動ネストロックを削除します。

Photoshop アートボードの内外への自動ネストを防止

アートボードの位置をロック

アートボードを選択して、位置のロックを割り当てます。これで、アートボードがカンバス上のその位置に固定されますが、要素の追加、アートボード内への移動、削除は通常どおりに行えます。 

Photoshop 位置のロック

名前の変更

レイヤーパネルのアートボード名をダブルクリックし、新しい名前を入力します。または、レイヤー/アートボードの名前の変更コマンドを使用します。

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

アートボードを構成要素にすばやくディザ合成できます。アートボードを選択した状態で、レイヤー/アートボードのグループ解除を選択します。アートボードがディザ合成され、その構成要素はレイヤーパネルの 1 つ上のレベルにすべて移動されます。ドキュメントに最後に残ったアートボードをディザ合成またはグループ解除すると、ドキュメントはアートボードなしのドキュメントになります。

アートボードを書き出す

アートボードを画像アセットとして書き出す

アートボードをレイヤーパネルから直接 JPEG、GIF、または PNG 画像アセットとして書き出すことができます。

詳しくは、アートボード、レイヤーなどの書き出しを参照してください。

アートボードを PDF として書き出す

アートボードを PDF ドキュメントとして書き出せます。次の手順に従います。

  1. Photoshop で、ファイル/書き出し/アートボードから PDF を選択します。
  2. アートボードから PDF ダイアログで、次の操作を行います。
    • 生成した PDF ドキュメントの保存先を選択します。
    • 生成した PDF ドキュメントのファイル名プレフィックスを指定します。Campaign_insurance などです。
    • アートボードの内容だけを書き出すか、アートボードが重なっている領域の内容も書き出すかを指定します。
    • すべてのアートボードを書き出すか、現在選択されているもののみを書き出すかを指定します。
    • アートボードと共に、アートボードの背景を書き出すかどうかも指定します。
    • 現在のドキュメント内のすべてのアートボードに対して、1 つの PDF を生成するか、アートボードごとに 1 つの PDF ドキュメントを生成するかを指定します。複数の PDF ドキュメントを生成することを選択した場合、そのすべてのドキュメントに、以前指定したファイル名プレフィックスが付加されます。
    • 書き出した PDF ドキュメントのエンコーディング(ZIP または JPEG)を指定します。JPEG を指定した場合は、品質設定(0~12)も指定します。
    • 書き出した PDF ドキュメントに International Color Consortium(ICC)プロファイルを含めるかどうかを指定します。ICC プロファイルは、カラー入力または出力デバイスを特徴付けるデータで構成されています。
    • 書き出されたアートボードと共に、アートボードの名前も書き出すかどうかを指定します。この設定の選択時に、カスタムフォント、フォントサイズ、フォントの色、カンバス拡張カラーを指定できます。
  3. 「実行」をクリックします。Photoshop によって、PDF ドキュメントが生成されます。

アートボードをファイルとして書き出す

アートボードは、別のファイルとして書き出すことができます。次の手順に従います。

  1. Photoshop で、ファイル/書き出し/アートボードからファイルを選択します。
  2. アートボードからファイルダイアログで、次の操作を行います。
    • 生成したファイルの保存先を選択します。
    • ファイル名プレフィックスを指定します。
    • アートボードコンテンツのみを書き出すか、重なる領域も含めるかを指定します。
    • すべてのアートボードを書き出すか、現在選択されているもののみを書き出すかを指定します。
    • アートボードと共に、アートボードの背景を書き出すかどうかも指定します。
    • 書き出すファイル形式を選択します。書き出すファイル形式は、BMP、JPEG、PDF、PSD、Targa、TIFF、PNG-8、PNG-24 から選択できます。
    • 選択したファイル形式の書き出しオプションを指定します。
      • 書き出されたアートボードと共に、アートボードの名前も書き出すかどうかを指定します。この設定の選択時に、カスタムフォント、フォントサイズ、フォントの色、カンバス拡張カラーを指定できます。
  3. 「実行」をクリックします。Photoshop で、アートボードは選択した形式のファイルとして書き出されます。

FAQ

いいえ。アートボードのネストは現在サポートされていません。

アートボードは、特殊なタイプのレイヤーグループと考えることができます。アートボードは、レイヤーおよびレイヤーグループのように Photoshop のレイヤーパネルにリストされます。

はい。レイヤーからのアートボード機能を使用します。


ヘルプをすばやく簡単に入手

新規ユーザーの場合

Adobe MAX 2025

Adobe MAX Japan
クリエイターの祭典

2025 年 2 月 13 日
東京ビッグサイト