XD への Photoshop ファイルの読み込み
- Adobe XD ユーザーガイド
- はじめに
- デザイン
- アートボード、ガイド、レイヤー
- シェイプ、オブジェクト、パス
- テキストとフォント
- コンポーネントとステート
- マスキングと効果
- レイアウト
- ビデオと Lottie アニメーション
- プロトタイプ
- 共有、書き出し、およびレビュー
- デザインシステム
- クラウドドキュメント
- 統合とプラグイン
- XD iOS 版および Android 版
- トラブルシューティング
- 既知の問題と修正された問題
- インストールと更新
- 起動時のクラッシュ
- クラウドドキュメントおよび Creative Cloud ライブラリ
- プロトタイプ作成、公開、レビュー
- 読み込み、書き出し、その他のアプリの操作
Adobe XD で既存の Photoshop のデザインを読み込んだり、開いたりする方法について説明します。
Adobe XD では、Photoshop でデザインを作成し、XD に取り込むことにより、いつでも Photoshop と連携できます。XD に Photoshop のファイルを取り込むには、次のような方法があります。
|
XD で Photoshop ファイルを開く |
|
|
XD から、ファイル/読み込みを選択します。Photoshop コンテンツを読み込むと、開いている XD ファイル内に配置されます。 |
ブラウザーからコンピューターの XD アイコンに Photoshop のアセットをドラッグするか、アセットを右クリックして開く/XD を選択します。新しい XD ドキュメントが作成されます。 |
読み込まれたファイルではアートボードおよびレイヤーが維持され、XD での編集、インタラクションの接続、プロトタイプまたはデザインスペックとしての共有を行うことができます。
XD 57 以降のバージョンでは、Photoshop から sRGB カラープロファイルのあるアセットを、sRGB カラープロファイルのある XD ドキュメントに読み込むか開くと、一貫したカラーが得られます。XD ドキュメントに管理されていないカラープロファイルがある場合は、カラープロファイルを sRGB に切り替えるよう促すメッセージが表示されます。
この機能を試す
読み込みワークフローをお試しいただくために、以下のサンプルファイルをダウンロードすることができます:
詳細情報
Photoshop XD のデザインの読み込みについて詳しくは、次のビデオを参照してください。
視聴時間:1 分
次のステップ
これで、Photoshop から XD にアセットを読み込むことができました。さらに一歩踏み込んで、Photoshop から XD にデザインをコピー&ペーストする方法についてご確認ください。
ご質問または共有するアイデアがある場合
ご質問または共有するアイデアがある場合は、Adobe XD コミュニティにぜひご参加ください。皆様からのご意見や作品をお待ちしております。