タップできるもくじ
この記事の著者
CGブロガー
すいみん
Suimin
プロフィール
某美大の油絵科を卒業後、大手CG映像プロダクションに入社。
その後ゲーム業界に転職。
現在は技術系のCGデザイナーをしています。
書籍：Unity デザイナーズ・バイブル
プロフィール詳細はこちら
追記
新機能を使ってPSDに変換する方法をこちらの記事に書きました。
以下過去記事
AdobeXDで作成したデータをパーツ分けた状態で、フォトショップに持って行きたかったので試してみました。
実際にはXDにPSDの書き出し機能はないので、別ソフトをまたいでのコンバート方法になります。
AdobeXDでのエクスポート
サンプルデータを用意
- オプションボタン＞書き出し＞PDFでデータを出力します
イラストレーターでの読み込み
- 普通にPDFをインポートします（データ名つけてもすべて無くなっています…）
クリッピンググループの中に要素が入っています。
例えばこのままPSD書き出しすると、クリッピンググループは統合された状態で読み込まれます。
イラストレーターでのデータ整理と書き出し
ということで、データ整理します。
まずはクリッピングマスクを一括解除します
- Ctral+Aで全てを選択
- オブジェクト > クリッピングマスク > 解除でクリッピングマスクを一括解除
- あとは結合したい要素を選択してグループ化（終わったら選択しないようにロック）
- さらに単一のレイヤーが並んでる部分もPSD化すると結合される事があったので、要素一つでもすべてグループ化しておきます。
- 最後にファイル＞書き出し＞書き出し形式からPSD出力
フォトショップで読み込み
- 普通にデータを開きます。
イラレのデータ整理通りのレイヤー階層です。
※ちなみに文字データはもちろん画像化されてしまっています。
作成したデータをPSDデータに書き出す方法まとめ
結局UIパーツの作り込みは別ソフトになるので、AdobeXDにaiとかpsdで書き出しできる機能が欲しい。。。
Adobe Creative Cloudを一番安く購入する方法
＼Adobe Creative Cloudが学割（49.6%OFF!）で安い／
【Adobe Creative Cloud】最安！アドビ認定スクールから購入する方法（+講座付き）
すでに持っている方も1年分の追加可能
さらにAmazonギフト券でチャージしてAmazon Payで支払うともっとお得に！
Adobe XDに関する参考記事・ツール・書籍のまとめ
Adobe XDに関する記事を下記にまとめました。
Adobe XDのソフトウェア購入
【Adobe Creative Cloud】最安！アドビ認定スクールから購入する方法（+講座付き）
