MENU
カテゴリー

【XD】PDFに書き出す方法を紹介!

【XD】PDFに書き出す方法を紹介!

takato(@n8takato)です!

XDでPDFに書き出す方法を知りたい

この記事は上記の課題に向けて作成しています。

web制作の現場ではXDで作成したデザインをPDFに書き出すことがあります。

XDでは簡単にPDFに書き出すことが出来ます。

この記事ではXDでPDFに書き出す方法を紹介します。

この記事を読むメリット

  • XDでPDFに書き出す方法がわかる

この記事を書いた人

この記事を書いた僕はこんな人です!

  • 都内制作会社でwebデザイナーとして勤務
  • webデザイナー3年目
  • web制作現場で学んだことを発信している人
目次

XDでPDFに書き出す方法

早速XDでPDFに書き出す方法を紹介します。

「全てのアートボード」と「一部のアートボード」で書き出し方が若干異なりますのでそれぞれ説明します。

すべてのアートボードの書き出し

すべてのアートボードをPDFに書き出す場合は下記の手順で行います。

  1. メニューバーから「ファイル」→「書き出し」を選択
  2. 「すべてのアートボード…」を選択
  3. フォーマットから「PDF」を選択

①メニューバーから「ファイル」→「書き出し」を選択

①メニューバーから「ファイル」→「書き出し」を選択します。
「ファイル」→「書き出し」を選択

②「すべてのアートボード…」を選択

②「すべてのアートボード...」を選択します。
「すべてのアートボード…」を選択

③フォーマットから「PDF」を選択

③フォーマットから「PDF」を選択します。
フォーマットから「PDF」を選択

すると全てのアートボードがPDFで書き出されます。

一部のアートボードの書き出し

一部のアートボードのみPDFに書き出す手順は下記の通りです。

  1. 書き出したいアートボードを選択
  2. メニューバーから「ファイル」→「書き出し」を選択
  3. 「選択したオブジェクト…」を選択
  4. フォーマットから「PDF」を選択

①書き出したいアートボードを選択

①書き出したいアートボードを選択します。
書き出したいアートボードを選択

②メニューバーから「ファイル」→「書き出し」を選択

②メニューバーから「ファイル」→「書き出し」を選択します。
「ファイル」→「書き出し」を選択

③「選択したオブジェクト…」を選択

③「選択したオブジェクト...」を選択します。
「選択したオブジェクト…」を選択

④フォーマットから「PDF」を選択

④フォーマットから「PDF」を選択します。
フォーマットから「PDF」を選択

選択したアートボードのみPDFで書き出されます。

XDでPDFに書き出す方法の説明は以上です。

XDでPDFに書き出す際の注意点

XDでPDFに書き出す際に注意点があります。

PDFに書き出す際の注意点

  • マスクした画像はPDF上で崩れてしまう

マスクした画像が崩れる

XDでマスクをかけた箇所はPDF上で崩れてしまいます。

Illustratorではこのような現象は起こりませんがXDだと起きてしまいます。

※この現象はおそらくXD側のエラーだと思います。使用するPCによっては綺麗に書き出せることもあります。

そのためマスクを使用した場合は注意が必要です。

マスクした場合の対処法

マスク機能を使用した場合の対処法を説明します。

マスクを使用した際の対処法

  • 一旦「JPG」で書き出しその後「PDF化」する

JPGなら崩れないため一旦JPGで書き出します。

①JPGで書き出す

アートボードを選択しJPGに書き出します。

「ファイル」→「書き出し」→「選択したオブジェクト…」→「JPG」で出来ます。

「ファイル」→「書き出し」→「選択したオブジェクト...」→「JPG」で書き出します。
JPGで書き出す

②書き出したJPGをPDF化する

続いて書き出したJPGを1つのPDFファイルにします。

I LOVE PDF」というツールを使用します。

「I LOVE PDF」というツールを使用します。
I LOVE PDF

①「JPEG PDF 変換」を選択

「JPEG PDF 変換」を選択します。
「JPEG PDF 変換」を選択

②JPG画像を選択

JPG画像を選択します。
JPG画像を選択

③「ひとつのPDFファイルにすべての画像を結合する」にチェックを入れる

「ひとつのPDFファイルにすべての画像を結合する」にチェックを入れます。
「ひとつのPDFファイルにすべての画像を結合する」にチェックを入れる

以上で1つのPDFファイルを作成出来ました。

この方法でマスク部分の崩れの影響を受けずにPDF化することが出来ます。

マスク機能を使っている際はこの方法でPDF化してください。

※ちなみにXDでマスクをかける方法については他の記事で説明しています。気になる方はこちらの記事を読んでみてください。

あわせて読みたい
【2022年版】XDでクリッピングマスクをする方法! XDでクリッピングマスクをかける方法を知りたい。 この記事は上記の課題に向けて作成しています。 XDはIllustrator同様にマスクをかけることが出来ます。 マスクをかけ...

XDでPDFを書き出す際は注意が必要

最後にまとめです。

XDでPDFを書き出す方法

  • 「ファイル」→「書き出し」→「すべてのアートボード」→「PDF」を選択
  • マスク機能を使用している場合は「JPGに書き出し」→「PDF化する」

XDでPDFに書き出すのは基本的に簡単です。

マスク機能を使っている場合はJPGに書き出してからPDF化してください。

XDに関する他の記事はこちら

あわせて読みたい
XDのスクロールグループ機能で各方向のスクロールを確認する方法! XDで各方向のスクロールを確認する方法を知りたい この記事は上記の課題に向けて作成しています。 XDにはスクロールグループという機能があります。 スクロールグループ...
あわせて読みたい
【簡単】AdobeXDでフローを解除する方法を紹介! XDでフローを解除する方法を知りたい この記事は上記の課題に向けて作成しています。 XDで作業していると不要になったフローを解除する場合があります。 XDでは簡単にフ...
あわせて読みたい
【2022年版】XDで動画を埋め込む方法を紹介! XDで動画を埋め込みたい この記事は上記の課題に向けて作成しています。 XDではデザイン上に動画を埋め込むことが出来ます。 共有することでデザイン上で動画の動きを確...
よかったらシェアしてね!
  • URLをコピーしました!
  • URLをコピーしました!
目次