Photoshop からのアセットのコピー＆ペースト

最終更新日 : 2023年6月6日

Photoshop からアセットをコピー&ペーストして XD で編集する方法について説明します。

編集が必要なレイヤーまたはアイコンなどのラスタライズ画像を読み込む最も簡単な方法は、コピー&ペーストを使用することです。 Photoshop からビットマップまたは SVG としてコピーすることもできます。

Photoshop からのビットマップコンテンツのコピー＆ペースト	Photoshop からの SVG のコピー＆ペースト

Photoshop では、現在のレイヤーのコンテンツを選択するには、編集／コピーを選択します	Photoshop で SVG のシェイプまたはベクターレイヤーを右クリックし、「SVG をコピー」をクリックして、XD にペーストします

XD での画像またはビットマップの編集

XD から画像またはビットマップを変更する場合、 Photoshop および XD を使用して Photoshop のアセットを変更し、XD でリアルタイムで更新できます。

Photoshop で編集：画像をダブルクリックして選択します。画像を右クリックして、「Photoshop で編集」を選択します。 画像は、統合されたビットマップ画像として自動的に XD に送信され、Photoshop で行った変更がすぐに XD に反映されます。

XD 57では、アドビはXDのカラーマネジメント機能を向上させました。埋め込まれた sRGB カラープロファイルを持つ画像を XD から Photoshop に送信し、編集を保存すると、更新された画像は Photoshop と同じ色で XD に表示されます。

コピー&ペースト：XD で画像の一部または全体を選択して、Photoshop のカンバスにペーストできます。 Photoshop で変更を加えた場合は、再度 XD にコピー & ペーストすることもできます。

XD 57 以降のバージョンでは、Photoshop から sRGB カラープロファイルのあるアセットを、sRGB カラープロファイルのある XD ドキュメントにコピーすると、一貫したカラーが得られます。 XD ドキュメントに管理されていないカラープロファイルがある場合は、カラープロファイルを sRGB に切り替えるよう促すメッセージが表示されます。

詳細情報

「画面デザインが洗練されるほど、デザインワークフローの向上のために新しいツールが必要になります。 XDはPhotoshopの完璧なコンパニオンアプリで、ワークフローの高速化に役立ちます" — Howard Pinsky、XDのSRエバンジェリストPhotoshopとXDの連携機能については、こちらの動画をご覧ください。

視聴時間：1 分。

また、ご自身でお試しいただくために、サンプルファイルをダウンロードできます。

サンプルファイル