マニュアル キャンセル

Photoshop での Illustrator アートワークの使用

  1. Illustrator ユーザーガイド
  2. Illustrator とは
    1. Illustrator の概要
      1. Illustrator の新機能
      2. よくある質問
      3. Illustrator の必要システム構成
      4. Apple Silicon での Illustrator の使用
    2. ワークスペース
      1. ワークスペースの基本
      2. Illustrator のもっと知るパネルで学習を高速化
      3. ドキュメントの作成
      4. ツールバー
      5. デフォルトのショートカットキー
      6. ショートカットキーのカスタマイズ
      7. アートボード入門
      8. アートボードの管理
      9. ワークスペースのカスタマイズ
      10. プロパティパネル
      11. 環境設定の指定
      12. タッチワークスペース
      13. Illustrator での Microsoft Surface Dial のサポート
      14. 編集の取り消しとデザインヒストリーの管理
      15. ビューを回転
      16. 定規、グリッド、ガイド
      17. Illustrator でのアクセシビリティ
      18. セーフモード
      19. アートワークの表示
      20. Illustrator での Touch Bar の使用
      21. ファイルとテンプレート
    3. Illustrator のツール
      1. ツール一覧
      2. 選択ツール
        1. 選択
        2. ダイレクト選択
        3. グループ選択
        4. 自動選択
        5. 投げ縄
        6. アートボード
      3. ナビゲートツール
        1. 手のひら
        2. ビューを回転
        3. ズーム
      4. ペイントツール
        1. グラデーション
        2. メッシュ
        3. シェイプ形成
      5. テキストツール
        1. 文字
        2. パス上文字
        3. 縦書き文字
      6. 描画ツール
        1. ペン
        2. アンカーポイントの追加
        3. アンカーポイントの削除
        4. アンカーポイント
        5. カーブ
        6. 直線セグメント
        7. 長方形
        8. 角丸長方形
        9. 楕円形ツール
        10. 多角形
        11. スター
        12. ペイントブラシ
        13. 塗りブラシ
        14. 鉛筆
        15. Shaper
        16. スライス
      7. 変更ツール
        1. 回転
        2. リフレクト
        3. 拡大/縮小
        4. シアー
        5. 自由変形
        6. スポイト
        7. ブレンド
        8. 消しゴム
        9. はさみ
        10. Dimension
    4. 生成 AI(中国本土ではご利用いただけません)
      1. テキストプロンプトを使用したシーン、被写体、アイコンの生成
      2. テキストプロンプトを使用したベクターパターンの生成
      3. テキストプロンプトを使用したベクターシェイプの塗りつぶしの生成
      4. テキストプロンプトを使用したアートワークの再配色
    5. クイックアクション
      1. レトロテキスト
      2. ネオン光彩テキスト
      3. 学校の古いテキスト
      4. アートワークを再配色
      5. スケッチをベクターに変換
  3. Illustrator web 版(Beta)
    1. Illustrator web 版(Beta)の概要
    2. Illustrator web 版(Beta)FAQ
    3. トラブルシューティングに関する FAQ
    4. Illustrator web 版(Beta)のキーボードショートカット
    5. web 上でのシェイプの作成と組み合わせ
    6. web 上でのテキストの追加と編集
    7. web 上でのカラーとグラデーションの適用
    8. web 上でのパスの描画と編集
    9. web 上でのクラウドドキュメントの操作
    10. web 上での編集への共同編集者の招待
  4. Illustrator iPad 版
    1. Illustrator iPad 版のご紹介
      1. Illustrator iPad 版の概要
      2. Illustrator iPad 版についてのよくある質問
      3. 必要システム構成 | Illustrator iPad 版
      4. Illustrator iPad 版で実行できる操作とできない操作
    2. ワークスペース
      1. Illustrator iPad 版のワークスペース
      2. タッチショートカットとジェスチャー
      3. Illustrator iPad 版のキーボードショートカット
      4. アプリ設定を管理
    3. ドキュメント
      1. Illustrator iPad 版でのドキュメントの操作
      2. Photoshop および Fresco ドキュメントの読み込み
    4. オブジェクトの選択と配置
      1. リピートオブジェクトの作成
      2. オブジェクトのブレンド
    5. 描画
      1. パスの描画と編集
      2. シェイプの描画と編集
    6. 文字
      1. テキスト編集とフォントの操作
      2. パス上のテキストデザインの作成
      3. カスタムフォントを追加
    7. 画像を操作
      1. ラスタライズ画像のベクター化
    8. カラー
      1. カラーとグラデーションの適用
  5. クラウドドキュメント
    1. 基礎知識
      1. Illustrator クラウドドキュメントの操作
      2. Illustrator クラウドドキュメントの共有と共同作業
      3. ドキュメントをレビュー用に共有
      4. Adobe Illustrator 用のクラウドストレージのアップグレード
      5. Illustrator クラウドドキュメント | よくある質問
    2. トラブルシューティング
      1. Illustrator クラウドドキュメントの作成または保存時のトラブルシューティング
      2. トラブルシューティング:Illustrator クラウドドキュメントで発生する問題
  6. コンテンツの追加と編集
    1. 描画と寸法記入
      1. 描画の基本
      2. パスの編集
      3. ピクセルパーフェクトなアートの描画
      4. ペンツール、曲線ツール、または鉛筆ツールを使用した描画
      5. 単純な線とシェイプの描画
      6. 長方形グリッドと同心円グリッドの描画
      7. フレアの描画と編集
      8. 画像トレース
      9. パスの単純化
      10. シンボルツールとシンボルセット
      11. パスセグメントの調整
      12. 5 つの簡単なステップで花をデザイン
      13. 遠近グリッドの作成と編集
      14. 遠近法グリッド上でのオブジェクトの描画と変更
      15. 繰り返し使用するためのシンボルとしてのオブジェクトの使用
      16. Web ワークフローのピクセル整合パスの描画
      17. 寸法を測定して入力
    2. 3D オブジェクトおよびマテリアル
      1. Illustrator の 3D 効果について
      2. 3D グラフィックの作成
      3. 3D オブジェクトへのアートワークのマッピング
      4. 3D テキストの作成
      5. 3D オブジェクトの作成
    3. カラー
      1. カラーについて
      2. カラーの選択
      3. スウォッチの使用と作成
      4. カラー調整
      5. Adobe Color テーマパネルの使用
      6. カラーグループ(カラーハーモニー)
      7. Color テーマパネル
      8. アートワークの再配色
    4. ペイント
      1. ペイントについて
      2. 塗りと線を使用したペイント
      3. ライブペイントグループ
      4. グラデーション
      5. ブラシ
      6. 透明と描画モード
      7. オブジェクトにストロークを適用する
      8. パターンの作成と編集
      9. メッシュ
      10. パターン
    5. オブジェクトの選択と配置
      1. オブジェクトの選択
      2. レイヤー
      3. オブジェクトのグループ化と分割・拡張
      4. オブジェクトの移動、整列、分布
      5. オブジェクトをグリフにスナップ
      6. オブジェクトを日本語のグリフにスナップ
      7. オブジェクトの重ね合わせ    
      8. オブジェクトのロック、非表示、および削除
      9. オブジェクトのコピーと複製
      10. オブジェクトの回転とリフレクト
      11. オブジェクトのクロスと重なり
      12. 写実的なアートのモックアップを作成
    6. オブジェクトのリシェイプ
      1. 画像の切り抜き
      2. オブジェクトの変形
      3. オブジェクトの組み合わせ
      4. オブジェクトのカット、分割、トリミング
      5. パペットワープ
      6. オブジェクトの拡大・縮小、傾斜、および変形
      7. オブジェクトのブレンド
      8. エンベロープを使用した変形
      9. 効果を使用したオブジェクトの変形
      10. Shaper ツールやシェイプ形成ツールを使ったシェイプの新規作成
      11. ライブコーナーの操作
      12. リシェイプワークフローの強化とタッチ操作のサポート
      13. クリッピングマスクの編集
      14. ライブシェイプ
      15. シェイプ形成ツールを使用したシェイプの作成
      16. オブジェクトを一括選択
    7. 文字
      1. テキストの追加とテキストオブジェクトの操作
      2. 箇条書きの作成
      3. テキストエリアの管理
      4. フォントとテキスト編集
      5. 画像内のテキストを編集可能なテキストに変換
      6. テキストへの基本的な書式の追加
      7. テキストへの詳細フォーマットの追加
      8. テキストの読み込みと書き出し
      9. 段落の書式設定
      10. 特殊文字
      11. パステキストの作成
      12. 文字スタイルと段落スタイル
      13. タブ
      14. 環境に無いフォントの検索(Typekit のワークフロー)
      15. アラビア語およびヘブライ語のテキスト
      16. フォント | FAQ とトラブルシューティングのヒント
      17. 3D テキスト効果を作成
      18. クリエイティブなタイポグラフィデザイン
      19. 文字の拡大・縮小と回転
      20. 行間と字間
      21. ハイフネーションと改行
      22. スペルチェックと言語の辞書
      23. 日本語の書式設定
      24. アジア言語スクリプト用コンポーザー
      25. ブレンドオブジェクトを使用したテキストデザインの作成
      26. 画像トレースを使用したテキストポスターの作成
    8. 特殊効果の作成
      1. 効果の操作
      2. グラフィックスタイル
      3. アピアランス属性
      4. スケッチとモザイクの作成
      5. ドロップシャドウ、光彩、ぼかし
      6. 効果のまとめ
    9. Web グラフィック
      1. Web グラフィック作成に対する最善の取り組み
      2. グラフ
      3. SVG
      4. スライスと画像マップ
  7. 読み込み、書き出し、保存
    1. インポート
      1. 複数ファイルの配置
      2. リンクされたファイルと埋め込みファイルの管理
      3. リンク情報
      4. 画像の埋め込み解除
      5. Photoshop からのアートワークの読み込み
      6. ビットマップ画像の読み込み
      7. Adobe PDF ファイルの読み込み
      8. EPS ファイル、DCS ファイルおよび AutoCAD ファイルの読み込み
    2. Illustrator の Creative Cloud ライブラリ 
      1. Illustrator の Creative Cloud ライブラリ
    3. 保存と書き出し
      1. アートワークの保存
      2. アートワークの書き出し
      3. Adobe PDF ファイルの作成
      4. Adobe PDF オプション
      5. Photoshop での Illustrator アートワークの使用
      6. アセットの収集と一括書き出し
      7. ファイルのパッケージ
      8. CSS の抽出 | Illustrator CC
      9. ドキュメント情報パネル
  8. プリント
    1. プリントの準備
      1. プリントするドキュメントの設定
      2. 用紙のサイズと方向の変更
      3. 切り抜きまたは整列用のトリムマークの指定
      4. 大きなカンバスサイズの使用
    2. プリント
      1. オーバープリント
      2. カラーマネジメントを使用したプリント
      3. PostScript によるプリント
      4. プリントプリセット
      5. トンボと裁ち落とし
      6. 透明が使用されているアートワークのプリントおよび保存
      7. トラッピング
      8. 色分解のプリント
      9. グラデーション、メッシュ、カラーブレンドのプリント
      10. 白のオーバープリント
  9. 自動処理
    1. 変数パネルを使用したデータ結合
    2. スクリプトによる自動処理
    3. アクションによる自動処理
  10. トラブルシューティング 
    1. 修正された問題
    2. 既知の問題
    3. クラッシュの問題
    4. クラッシュ後のファイルの回復
    5. ファイルの問題
    6. サポートされるファイル形式
    7. GPU デバイスドライバーの問題
    8. Wacom デバイスの問題
    9. DLL ファイルの問題
    10. メモリの問題
    11. 環境設定ファイルの問題
    12. フォントに関する問題
    13. プリンターの問題
    14. クラッシュレポートをアドビと共有
    15. Illustrator のパフォーマンスの改善

Illustrator と Photoshop の間でアートワークの読み込みと書き出しを行う方法を説明します。

Photoshop で編集するために Illustrator ファイルを読み込む、またはその逆を行うと、ベクターオブジェクトとビットマップオブジェクトの組み合わせを含むアートワークをデザインするときにエキサイティングな可能性が開かれます。読み込まれたアセットの編集機能と最終的な出力品質は、書き出しのプロパティによって異なります。

デザイン結果に適したワークフローを選択する方法をご紹介します。アートワークのサイズと品質を最適化するためのベストプラクティスを確認することもできます。

推奨される参照先

デザインのニーズに合ったワークフローを選択する前に、これらの概念をよく理解してください。

Illustrator と Photoshop 間でのアートワークの移動

Illustrator で Photoshop デザインを操作するのと同様に、アートワークの変更方法に応じて、Photoshop で Illustrator ファイルを使用する方法は複数あります。

Photoshop 内で Illustrator ファイルを操作するための最良の方法をご紹介します。

.PSD ファイルとして書き出す

PSD 形式を使用して、Illustrator ファイルを Photoshop に書き出して、レイヤー、解像度、およびカラープロファイルを保持できます。

.PSD ファイルを書き出すときに、Illustrator レイヤーはラスタライズされたレイヤーとして保持されます。一方、レイヤーグループとサブレイヤーはフォルダーとサブフォルダーに変換されます。Illustrator アートワークにサポートされていない Photoshop® Elementsカラーテーマブラシグラフィックテキストなど)が含まれている場合、Illustrator はアートワークの外観を保持します。

Illustrator アートワークを Photoshop に書き出すには、次の手順に従います。

  1. ファイル書き出し形式を選択し、Photoshop(.PSD)を選択します。

  2. 書き出しをクリックし、必要に応じてオプションを選択します。

アートワークを編集するには、塗りにオーバープリントまたは透明効果を適用していないことを確認し、次の設定を使用して書き出します。

  1. ファイル書き出し書き出し形式を選択します。

  2. レイヤーを 保持および編集機能を最大限に保持を選択します。

.PSD ファイルとして書き出します。


スマートオブジェクトとしてコピー&ペーストする

スマートオブジェクトを使用すると、ソースコンテンツの特性を維持したまま、Illustrator と Photoshop の間でアートワークを簡単に移動できます。これにより、アートワークを非破壊的な方法で編集できます。

スマートオブジェクトのサイズを変更すると、ドキュメントの解像度とサイズを上げるピクセルベースのレイヤーとは異なり、鮮明さが維持されます。

スマートオブジェクトを作成するには、次のいずれかのオプションを選択します。

  1. 以下の操作を行う場合は、Illustrator でコピーし、スマートオブジェクトオプションを選択します。

    • スマートレイヤーとして Photoshop に直接グラフィックをコピー&ペーストする
    • スマートオブジェクトレイヤーとして Photoshop に Illustrator ファイルをドラッグする
  2. 新規 Photoshop ドキュメントでスマートオブジェクトとして開く

スマートオブジェクトとしてペーストします。

レイヤーとしてコピー&ペーストする

Illustrator レイヤーを Photoshop にインポートして、視覚的および機能的な有効性とレイヤー構造を維持しながら作業を続けることができます。オブジェクトをテキストまたはシェイプレイヤーとしてペーストすると、独自のプロパティパネルが表示され、外観を編集してテキストまたはシェイプをそれぞれ修正できます。

Illustrator からコンテンツをコピーし、ダイアログボックスの「レイヤー」オプションを使用して Photoshop にペーストします。

この最新の更新されたワークフローで試用できるいくつかのコピー&ペースト機能を次に示します。

  • ベクトルシェイプとパスは、シェイプツールまたは Shaper ツールをシェイプレイヤーとパスレイヤーとして使用して作成されます。これらには、ペンツールまたは複合パスを使用して作成された線、長方形、角丸長方形、多角形、楕円、星、およびパスが含まれます。 
  • テキストレイヤーなどの文字ツールを使用して作成されたテキストオブジェクトには、ポイントテキスト、領域テキスト、およびパス上テキストを含めることができます。
  • ベクトルマスクとしてのクリッピングマスク。 
  • ピクセルレイヤー、記号、スマートオブジェクト、パターン、グラデーションメッシュ、グループ、変形レイヤー、ピクセルレイヤーとしての光源レイヤー。
レイヤーとしてペーストする
レイヤーとしてペーストします。

Illustrator で作成したポイントテキスト、領域テキスト、およびパス上テキストオブジェクトは、編集可能なライブテキストレイヤーとして Photoshop に取り込むことができます。Photoshop にペーストした後は、プロパティパネルを使用して、テキストレイヤーの様々なプロパティ(テキストカラー、サイズ、フォント、位置など)を編集できます。


埋め込みファイルまたはリンクファイルを Photoshop に配置する

ファイルサイズを大きくせずにデザイン要素を再利用したい場合は、リンクされたアートワークが最適です。ただし、ファイルを再リンクしない場合は、アートワークを埋め込むことができます。

Illustrator アートワークを Photoshop ドキュメントに配置するには、必要に応じて、ファイルリンクとして配置またはファイル埋め込みとして配置を選択します。

アートワークをリンクすると、Illustrator でソースファイルに加えた変更は Photoshop に反映されますが、ファイルをより小さな解像度で保存できます。

ファイルが埋め込まれている場合、それらはサイズの大きいドキュメントとして保存されます。

埋め込みファイルまたはリンクファイルを配置する

A. リンク  B. 埋め込み 

Illustrator アートワークを Photoshop に配置する方法、およびその逆の方法について詳しくは、この 25 秒のビデオをご覧ください。


最適なファイル管理のためのベストプラクティス

読み込まれたアセットの編集機能と最終的な出力品質は、アートワークの書き出し方法によって異なります。アートワークを Illustrator から Photoshop に移動するときは、アートワークのサイズと品質を最適化するようにしてください。

詳細

アートワークを Photoshop に移行し始めたので、さらに一歩進んで、ファイルのパッケージおよびアセットの収集方法を学びます。

次のステップ?

アートワークが信頼できる単一の情報源であることを確認し、他の Creative Cloud ソフトウェアで利用できるようにするにはそれを Creative Cloud ライブラリにコピーします

作品の共有

コミュニティで質問(英語)

ご質問がある場合や、共有するアイデアをお持ちの場合は、Adobe Illustrator コミュニティにご参加ください。皆様からのご意見や作品をお待ちしております。