Adobe XDでの書き出しについて

このQ&Aのポイント
  • アプリのデザインデータがAdobe XDデータで届きまして、データをpng形式で書き出したところ、1枚のアートボードが1枚のpngで出力されました。
  • アートボードには企業ロゴ、ボタン、入力ボックス(テキストフィールド)などがあり、個人的にロゴはロゴの画像で、ボタンはボタンの画像で書き出して欲しいのですが、できないのでしょうか?
  • WEB形式や他の形式でも書き出したのですが、全てアートボード1枚で出力されました。PhotoShopでもXDデータは開くことができなかったので、プログラマなどと連携する上でもとても使いにくく感じました。アートボードないの各パーツごとに画像を書き出す良い方法はないでしょうか?
回答を見る
  • ベストアンサー

Adobe XDでの書き出しについて

アプリのデザインデータがAdobe XDデータで届きまして データをpng形式で書き出したところ、1枚のアートボードが1枚のpngで出力されました。 アートボードには企業ロゴ、ボタン、入力ボックス(テキストフィールド)などがあり、 個人的にロゴはロゴの画像で、ボタンはボタンの画像で書き出して欲しいのですが、できないのでしょうか? WEB形式や他の形式でも書き出したのですが、全てアートボード1枚で出力されました。 PhotoShopでもXDデータは開くことができなかったので、プログラマなどと連携する上でもとても使いにくく感じました。 アートボードないの各パーツごとに画像を書き出す良い方法はないでしょうか?

質問者が選んだベストアンサー

  • ベストアンサー
  • kichi8000
  • ベストアンサー率41% (658/1581)
回答No.2

アートボードは選択しないで、レイヤーを選択で書き出しじゃないでしょうかね。 書き出しはSVGで。 http://sinap.jp/blog/2016/12/adobe-xd-export.html

ekekojr
質問者

お礼

回答ありがとうございます! 書き出したいものだけを選択して、書き出せばSVGでもPNGでもそれぞれのパーツごとに書き出すことができました。 とても参考になりました!ありがとうございます!

その他の回答 (1)

  • maiko0333
  • ベストアンサー率19% (840/4403)
回答No.1

それは無理ですわ。 プログラマ、SEの経験がありますが、 「それなら表題と内容を分けてほしい」とか、「1行ずつ書き出してくれ」 とかありますから。

ekekojr
質問者

お礼

回答ありがとうございます。ちょっと意味が分かりませんでした。 また、各パーツごとに書き出すことも出来ました。

関連するQ&A

  • adobe photoshop Alubmmini 3.0について

    先日旅行へ行き、帰ってきてからフリーソフトのadobe photoshop Alubmmini 3.0を使い、デジカメ(オリンパス XDカード)の画像をパソコンに取り込みました。約100枚ほどあり容量は64MB です。 取り込んだ後、「正常に取り込みました」というようなメッセージが出て、デジカメの画像を消去しますか?ときいてきたので、「はい」をクリックしました。すると当然XDカードのほうは完全に画像が消え、一枚も記録が残っていません。 一方、adobe photoshop Alubmmini 3.0で画像を見ようとするとモザイクがかかっような画像で、クリックすると「見つからないファイルを検索しています。」とでてプリントアウトはおろか、画像の移動すらできません。XDカードにはもう画像はないし途方にくれています。 私はパソコンには詳しくありませんが、素人なりに調べ、専門家にXDカードの復旧を依頼するしかないのかなを思っています。多少のお金はかかってもいいのでなんとか画像を取り戻したいです。 できそうなことがあれば教えてください。よろしくお願いします。

  • Adobe Photoshopで作成した画像が

    スキャナーから取り込んだ画像を、Adobe Photoshopで編集しファイルに保存しました。 その画像を今度は別のAdobe Photoshopが入っていないパソコンで開こうとしたら開けませんでした。 同じようにAdobe Photoshopを使用して取り込んだ画像を、以前は普通にビューアから見ることができたのですが・・。 保存形式か何かが間違っているのでしょうか?

  • PNG書き出し/ファイルサイズ調整のしかた

    ・photoshopCC最新版です。 ・web用の画像を5種類作っています。(アートボード5個) ・PNGとJPGで書き出ししたいのですが、ファイルサイズ(それぞれ)150KB以下の制限があります。 ファイル→書き出し→書き出し形式に進むと、JPGの場合右上の画質スライダで画質を調整しながらファイルサイズを変えることができるのですが、PNGを選択するとスライダがなくなりできません。PNGの場合どのようにファイルサイズを調整すれば良いでしょうか。

  • Adobe Photoshop に画像を取り込みたい!!

    デジカメで撮った画像を「Adobe Photoshop Album Mini 3.0」というもので見たいのですが、SDカードからうまく取り込めません。 SDカードを挿入すると、「Adobe Photoshop Album Mini 3.0‐Photo Downloader」という画面が表示されるので、画像を選択して「取り込み」ボタンを押すと、最後に「ODBC データソースが次のエラーを返しました:(内部エラー:データが見つかりません)」と表示されるのです。 どのようにしたら、取り込みできるようになるのでしょうか? うまく説明できないのですが、お願いします。

  • Fireworksで8bitの透過PNGの書出し

    Fireworksで、8bitの透過PNGの書き出しをしたいのですが、 透過させたくない白い部分まで透過してしまい、うまくいきません。 かなりのFireworks初心者で、きれいに書き出す方法をネットで調べてみたのですが、 分からず困っております。 作業詳細 ---------------- 最終的に欲しいデータ : Fireworks形式のPNG(8bit) 作業環境:Windows XP、Fireworks CS3、Photoshop CS3 作業手順: (1)Photoshopにて複数の画像を作成  ドロップシャドウなどを適用している透過画像もあるので、  「Webおよびデバイス用に保存」でPNG-24で書き出します。 (2)作成した画像をFireworksで、ある決まったテンプレート(PNG)にレイアウトします。 (3)書き出し設定  「最適化」WindowにてPNG 8 を選択。    (3)「書き出し」からスライスの書き出しを行います。 ---------------- すると、PNG32では問題なく書き出せるのですが、 PNG 8 の場合は、透過させたくない白い部分まで色が抜けて透過してしまいました。 試しにPNG24で書き出そうとしたところ、今度は透過させたい部分まで透過されなくなり、 スライスの範囲通りに四角い形になってしまいました。 PhotoshopのPNG8ではドロップシャドウの部分などがきれいに透過されないことと、 最終的にFireworkのテンプレートも必要なので、 Photoshopだけで作業は完結できません。 説明が下手で恐縮ですが、 8bitの透過PNG(Fireworks)の書き出し方をお教えいただけますでしょうか。 よろしくお願いいたします。

  • Illustratorの「WEBおよびデバイス用に保存」について

    IllustratorCS3でいろいろな種類(形状)のボタンやロゴを一枚のアートボードで作成しています。 『WEBおよびデバイス用に保存』を実行すると、全てのボタンやロゴがまとめてJPEGになってしまいます。 一つずつ別々にJPEG出力するには、別々のアートボードで作成しないと出来ないのでしょうか? 選択範囲のみ『WEBおよびデバイス用に保存』の様な事はできないでしょうか?

  • アドビ社の Photoshop について

     現在、アドビ社の Photoshop を2種類使用しています。一つはキャノンのフィルム専用スキャナ CanonScan FS4000US に付属の「Adobe Photoshop 5.0 Limited Edition」、もう一つはエプソンのフラッドベッドスキャナ GT-9800F に付属の「Adobe Photoshop Element 2.0」です。  最近気づいたのですが、同じアドビ社の Photoshop であるにもかかわらず、同じ画像データをモニタ表示させた時に、両者の間でかなり濃度や階調が異なります。色調も若干差があるようにも思います。設定等、両者ともデフォルトのままで行っているのですが、このようになってしまうのは何故なのでしょうか?  私は今までそうゆうことに気づかず、FS4000US と GT-9800F とで、それぞれに付属の Photoshop で濃度・階調・色調が最良になるように、画像を取り込んでいました。そうゆうネガスキャン画像が、両者それぞれに大量にあります。  取り込んだ画像を再現させる時には、どちらかの Photoshopで統一して鑑賞したりプリント出力等したいと思うのですが、これではいちいち取り込んだスキャナ毎に鑑賞するソフトを切り替えなければならず、非常にやっかいに思っています。  何とか両者の階調を揃えることは出来ないものでしょうか?  以上、お分かりになる方、宜しくお願い致します。

  • Adobe Photoshop CS3について

    Adobe Photoshop CS3について 複数の写真の画像サイズを800ピクセル×600ピクセルのjpg形式に一括処理したいのですが どうしたらいいのでしょうか 

  • Adobe Photoshop SC3 Extended での画像読み込みについて

    こんにちは。 Photoshop CS3 Extendedでの画像の読み込みで困っているので質問させて頂きました。 先日.bmp形式の画像を読み込もうとしたところ、 ダイアログ中の対応している拡張子の中に.bmpや.png等がなく、 読み込むことができませんでした。 同様に保存もできませんでした。 また、画像ファイルをドロップしてみても、 ”要求された操作を完了できません。 ドキュメントの種類が適切ではありません。” と表示されて、読み込むことができません。 Adobeのページで確認してみてたところ、 ちゃんと対応していると書かれているのですが、 何が原因でしょうか? アドバイスお願いします。 ちなみにOSはWindows Vistaを使っています。

  • Adobe Acrobatを買うべきかどうか

    今使っているDTPソフトはPDF形式で出力出来るのですが、 RGB形式での出力で、CMYK出力は出来ません。 RGB形式のPDFでデータ入稿すると、 印刷会社でCMYK出力に直すため、手数料がかかる事が分かりました。 データ入稿は文章が中心で、カラー部分は冊子の表紙だけなのですが、 印刷会社で変換の手数料がかかる事を考えると、 CMYK出力が可能なAdobe Acrobatを購入した方がいいのでしょうか。 CMYKに対応したフリーソフトも調べましたが見付かっていません。 (どなたかご存知でしたらぜひ教えて下さい) 今使っているソフトでPDFにして印刷会社で RGBからCMYKに直してもらうか、 Adobe Acrobatを購入してCMYK出力をしたPDFで入稿するか。 データ入稿は定期的にします。(月に1度) 長期的にみてどちらがいいかご教示をお願い致します。