終了

PDFの書き出しについて

New Here ,
May 10, 2018 May 10, 2018

リンクをクリップボードにコピー

コピー完了

Webデザイン業務で使用しているものです。

クライアントの要望により、XDで作成したワイヤーフレーム/ラフデザインをPDFで書き出し、共有することがあります。

そこで、PDFファイルがやたらと重くなり、ダウンサンプルも行えないという現象が起こります。

再現方法は以下のとおりです。

1. XD上で長方形を作成し、その中に画像(jpg等)をドラッグアンドドロップして配置。

2. 書き出し→PDF形式で書き出し。

3. Acrobat DCでPDFを最適化。

4. 配置した画像がダウンサンプルされない。

思いつく原因としては、

XD上で長方形の中に画像をドラッグアンドドロップした時点でレイヤーパネルを見ると、

画像としてではなく、矩形として長方形と一体化しているため、PDFで書き出した際にも画像として認識されていない。

というものです。

こちらの問題について、解決策はあるのかご教示頂けますと幸いです。

下記の方法については不都合が出るため除外とさせていただきます。

・矩形ツールを使用しない

・配置する画像自体を低解像度に落としてから配置

・Acrobatで「ツール」→「PDFを最適化」→「スキャンしたページを最適化」

XDの性質上、PDFの書き出しに適していないことは承知ですが、業務上PDFを求められることはまだまだあります。

仕様ということであれば機能要望として考えてみます。

よろしくお願いいたします。

表示

3.3K

翻訳

翻訳

レポート

レポート
コミュニティガイドライン
他のユーザーへの思いやりを持ち、敬意を払いましょう。コンテンツの出典を明記し、投稿する前に内容が重複していないか検索してください。 さらに詳しく
community guidelines
積極的な参加者 ,
May 10, 2018 May 10, 2018

リンクをクリップボードにコピー

コピー完了

今回の問題の原因が、画像として認識されてないことだというご自身の推論を元に回答します。

画像の配置方法を変えてみるのが一番先に試す方法ではないでしょうか。

このような作業だと楽だと思います。

  1. アートボード上の何もないところに問題の画像を置く(多いすぎる場合はここでラフにサイズ調整をおこなってください)
  2. 画像の上に実際表示したいサイズの長方形を描く
  3. 長方形と画像を選択して水平方向・垂直方向ともに中央に揃える
  4. そのままシェイプでマスク(Cmd/Ctrl + Shift + M)でマスクをかける
  5. 位置を正しい場所に置く
  6. マスクをかけた画像をダブルクリックして編集状態にし、長方形にドロップしたときと同じ見た目になるように、Option/Altキーを押しながら画像のサイズを調整する

マスクは用途に合わないという場合、シェイプにドロップと似た効果になるがXD上でレイヤー構造ありになる方法も紹介します。

  1. アートボード上の何もないところに問題の画像を置く(多いすぎる場合はここでラフにサイズ調整をおこなってください)
  2. 画像の上に実際表示したいサイズの長方形のシェイプを描く
  3. 画像と長方形を選択して、bool合成の交差を取る

あとから検索などで見る方のために補足を。

XDの場合通常スクリーン用なので

だいたい使用する3倍程度(面積にすると9倍)までの高さ・幅を持つ画像までが妥当なサイズだと思います。

ただ、スマホで撮影したものでも軽く越えてしまうこともありますし、

デザインをする場合にはあまり問題になることはありません。※ファイルの移動や保存にちょっとだけ時間がかかることはあるかも

逆に等倍ですと、現在のWebデザインには物足りない解像度の書き出しになりやすいのでXDで画像書き出しをする場合にはヤメたほうが良いです。

投票

翻訳

翻訳

レポート

レポート
コミュニティガイドライン
他のユーザーへの思いやりを持ち、敬意を払いましょう。コンテンツの出典を明記し、投稿する前に内容が重複していないか検索してください。 さらに詳しく
community guidelines
New Here ,
May 10, 2018 May 10, 2018

リンクをクリップボードにコピー

コピー完了

早速のご回答ありがとうございます!

「マスク」「合成の交差」試してみましたが、結果は長方形へのドロップと変わらずダウンサンプルできませんでした。

そもそも私の推測が外れていたようです…申し訳ありません

ご丁寧にありがとうございました。

これの方法があると知れただけでも大変勉強になります。

投票

翻訳

翻訳

レポート

レポート
コミュニティガイドライン
他のユーザーへの思いやりを持ち、敬意を払いましょう。コンテンツの出典を明記し、投稿する前に内容が重複していないか検索してください。 さらに詳しく
community guidelines
積極的な参加者 ,
May 11, 2018 May 11, 2018

リンクをクリップボードにコピー

コピー完了

追加で調べてみたのですが、私が紹介した方法のうち前者はマスクなので、Acrobatではもともとダウンサンプルできないそうです。

Adobe Acrobat  Pro * PDF の最適化のオプション

     注意: マスクされた画像および 16 x 16 ピクセルより小さい画像はダウンサンプルされません。

そこでマスクが怪しいということでXDで「単に写真を配置して収まるように縮小しただけ」のものをPDFとして出力してIllustratorで開いてみました。

クリッピングマスクがかかっていますので、マスクされた画像に当たりそうです。

投票

翻訳

翻訳

レポート

レポート
コミュニティガイドライン
他のユーザーへの思いやりを持ち、敬意を払いましょう。コンテンツの出典を明記し、投稿する前に内容が重複していないか検索してください。 さらに詳しく
community guidelines
New Here ,
May 13, 2018 May 13, 2018

リンクをクリップボードにコピー

コピー完了

最新

お調べ頂きありがとうございます。

そのページは私も拝見しましたが、あまり腑に落ちないんですよね…。

基本的にマスクされた画像もダウンサンプルできますし。

サンプルであげて頂いた、XDでそのまま配置→クリッピングマスク状態でもダウンサンプル可能です。

[5/14 11:51追記]

すみません、私の勘違いだったようで、そのまま配置の場合もダウンサンプルされていませんでした。

配置か書き出しかわかりませんが、XDの仕様のせいのはずなので、改善されるまでは諦めることにします。

お手間を取らせてしまい申し訳ありません。

ありがとうございました!

投票

翻訳

翻訳

レポート

レポート
コミュニティガイドライン
他のユーザーへの思いやりを持ち、敬意を払いましょう。コンテンツの出典を明記し、投稿する前に内容が重複していないか検索してください。 さらに詳しく
community guidelines