【デザイン学生必見!】
ポートフォリオをゼロから作ろう!

【Illustrator】冊子形式のPDFポートフォリオに変換する方法

記事内にプロモーションを含む場合があります
Webデザイナー、UI/UXデザイナーの@sdesignlaboです。

Adobe Illustrator(イラストレーター)で冊子形式のPDFポートフォリオを作る方法を解説します。イラレでポートフォリオの個別ページをを書き出し、Adobe Acrobat(アクロバット)で結合し、PDF形式のポートフォリオを作る一連の流れをマスターできます。

デザイナー職の就活に必要不可欠なポートフォリオ制作の基礎が学習でるコンテンツです。

アドビブラックフライデーセール2025の価格や利用条件・裏技はコチラの記事で詳しく解説しています。

何が作れるの?

IllustratorとAcrobatを使ってPDFの冊子形式ポートフォリオが作成できます。デザイン職で就活する際にPDFの送付が求められます。そんな作品集をゼロから自作できますよ。
また、Illustratorだけで複数ページのPDFポートフォリオを作る方法も併せて解説いたします。

イラレでPDFのポートフォリオを作成

それではIllustratorを使ってPDF形式に書き出し、バラバラのPDFをAcrobatで結合して一つのPDF版ポートフォリオを作る方法を解説します。

Illustratorを導入しましょう
当記事の内容を実践するにはIllustratorが必須です。
未導入の方はAdobe公式サイトからダウンロードしておきましょう。(7日間の無料体験が可能)
11/14~11/28までアドビブラックフライデー価格で50%オフ!
アドビブラックフライデーセール2025の価格や利用条件・裏技はコチラの記事で解説しています。

イラレのデザインを書き出し

まずはIllustratorで作成したポートフォリオのデザインを書き出しましょう。

STEP.1
デザインを作成
Illustratorでポートフォリオをデザインします。表紙、目次、作品ページなど、各ページ毎に個別でAIファイルを作っている事が前提です。
STEP.2
PDFで書き出す
[ ファイル ] → [ 書き出し ] → [ 書き出し形式 ] をクリックします。
ファイルの種類をクリックするとJPEG、PNG、PSDなど様々な形式が選択できます。サンプルは扱いやすい [ Adobe PDF ] を選択しました。
STEP.3
PDFの書き出し設定
[ Adobe PDFを書き出し ] の設定画面が開きます。
[ 一般 ] → [ Adobe PDFプリセット ] → [ 高品質印刷 ]

[ PDFを書き出し ] をクリックして任意の場所に書き出します。
FINISH
全ページ書き出す
全ページを同じ方法で書き出し、フォルダにまとめておきます。
「01_詳細内容.pdf、02_詳細内容.pdf…」といった風に分かりやすい様にファイル名を管理しておくと良いでしょう。
編集されたくない場合は?
[ Adobe PDF ] は編集性を保ったまま書き出されます。不特定多数の人に見られる機会の多いポートフォリオに編集機能を持たせたくない方は [ JPEG ] や [ PNG ] 等の画像で書き出すと多少は編集性を阻害できます。

※ [ ファイル ] → [ 書き出し ] → [ スクリーン用に書き出し ] を使うのがオススメですよ。

Adobe Acrobatで結合

Adobe Acrobatを使ってバラバラのページを結合し、一つのPDFにまとめましょう。

STEP.1
Adobe Acrobatを開く
Adobe Acrobat(アクロバット)を開きます。未導入の方はAdobe公式サイトから入手しておきましょう。
※無料のAcrobat ReaderはPDF閲覧ソフトなので編集はできません。

Acrobat画面上部の [ 作成 ] タブをクリックします。
STEP.2
ファイルを結合する
左メニュー内から [ 複数のファイル ] をクリックし、[ ファイルを結合 ] を選択し、[ 次へ ] をクリックしましょう
STEP.3
ファイルを追加
[ ファイルを追加 ] をクリックし、先に保存したポートフォリオのファイルを選択しましょう。

※複数ファイルが一気に追加できます。
画面上部の [ オプション ] をクリックするとファイルサイズやその他オプションが設定できます。必要に応じて設定して下さい。

最後に画面右上の [ 結合 ] をクリックするとPDF形式のポートフォリオが完成です。
FINISH
結合して保存
結合されたPDFが表示されます。

[ Ctrl + S ] (Mac: + S) で任意の場所に [ PDFとして保存 ] しておきましょう。
ページ順やページの追加・削除
コチラの記事でPDF形式のポートフォリオのページ順やページを追加・削除する方法を解説しています。Acrobatの活用術を併せてチェックされてみませんか?
InDesignが最も簡単
ポートフォリオを作るのはInDesign(インデザイン)が最も適しています。ページ物を作るのに特化したソフトなので、デザインとページ構成の管理が同時にできます。また、インデザならAcrobatを使わず、ページが結合されたポートフォリオPDFが一発で書き出し可能。
コチラの記事でポートフォリオテンプレートを使ってデザインから書き出しまで一連の流れを解説しています。

アートボードの活用でAcrobat要らず

Illustratorを使った場合、1つのAIファイル内に複数のアートボードを設定する事でAcrobatを使わず複数ページのPDFを作成する事ができます。ページ数や画質、デザインによってファイルが重くなる可能性がありますが、一回の書き出しでPDFポートフォリオの作成が可能です。

STEP.1
アートボードを設定
新規ドキュメントを作成後、[ アートボードツール ] で複数のアートボードを設定します。

サンプルはIllustrator用ポートフォリオテンプレートの [ Photography Magazine Template ] を活用しました。あとは画像と文字を差し替えるだけですよ。
STEP.2
書き出す
[ ファイル ] → [ 書き出し ] → [ 書き出し形式 ] をクリックします。
[ Adobe PDF ] を選択しました。

Adobe PDFを書き出し ] の設定画面が開きます。
[ 一般 ] → [ Adobe PDFプリセット ] → [ 高品質印刷 ]

[ PDFを書き出し ] をクリックして任意の場所に書き出します。
FINISH
PDF版ポートフォリオの完成
PDF版のポートフォリオが完成しました。
Illustratorだけで完結できるので、イラレを使ったポートフォリオ制作をされたい方はこの方法がオススメです。
イラストレーターのアートボードパネルでページの入れ替え、追加・削除などの管理ができるのでAcrobatは不要です。(イラレ画面上部の [ ウィンドウ ] → [ アートボード ] で表示可。)

ファイルが重たくて使いにくい場合はアートボードではなく、1ページで1つのAIファイルで管理し、Acrobatを使って結合、ページ順の変更やページの挿入・削除を行いましょう。

高品質なポートフォリオテンプレート

紙媒体やPDF形式で作成したポートフォリオの品質を手っ取り早く高めるには、高品質なテンプレートの活用が最も効率的かつ効果的です。

商用利用可能で高品質テンプレートばかり厳選!
今まで意識しなかった多くの「気づき」に出会えますよ。

※なお、ポートフォリオ制作はInDesign(インデザイン)を使うのが最も効率的です。
コチラでインデザ初心者の方向けにポートフォリオテンプレートの使い方を詳しく解説しております。

#01 Pink Portfolio Layout

ピンク系のキレイ目カワイイ風ポートフォリオ用テンプレートです。InDesign形式なので文字と画像の差し替えが超楽!
2時間あればポートフォリオが作れます。
編集にはInDesignが必須、未導入の方はInDesign公式サイトから入手しておきましょう。

ダウンロードする

#02 Portfolio Layout with Gray Accents

モノトーン系でどんな作風にも合うポートフォリオ用テンプレートです。イラスト、写真、建築、Web、グッズ…テンプレ選びに迷ったらコレがオススメ!
A4に印刷したポートフォリオ、PDF形式、どちらも短時間で作成可能です。

ダウンロードする

#03 Portfolio Layout with Yellow Accents

黄色が鮮やかでキレイなポートフォリオテンプレートです。
爽やかな画風のイラストにもピッタリ!
クセが無く、ベースデザインとして非常に扱いやすいテンプレートの一つです。

ダウンロードする

#04 Portfolio Template in Pale Green and Mint

収録されているレイアウトパターンが非常に豊富なポートフォリオ用テンプレートです。
作品を大きく見せる、制作過程を見せる、複数見せる、横長作品を画面内に綺麗に収める等、どんなパターンにも当てはめる事が可能ですよ。

ダウンロードする

#05 Minimalist Portfolio Layout

ポートフォリオの表紙には必ずメインビジュアルを入れないとダメか?そんな事はありません。
単色に文字だけで構成した表紙も素敵です。
ページ中身のレイアウトパターンも豊富、あえて表紙をシンプルにする手法もアリですよ。

ダウンロードする

紹介しきれなかったポートフォリオテンプレートや素材
上記のテンプレートはほんの一部。
下記リンクで多数の高品質なポートフォリオテンプレートを紹介しています!

おわりに

以上、Illustrator(イラストレーター)でデザインしたポートフォリオのページを書き出し、Adobe Acrobatで一つのPDFに結合する方法でした。書き出しと設定方法、そして結合方法はポートフォリオ制作に必要不可欠な知識です。

InDesignならAcrobatを使わず、デザインから書き出しまで一つのアプリで完結させられます。ポートフォリオの様なページ物のデザインならインデザインが最強に適しているので活用の検討をされてみるのもアリですよ。インデザの使い方はコチラの記事で詳しく解説しています。

ではまた!

 
InDesignは活用されていますか?
Illustratorだけでなく、InDesign(インデザイン)も活用されているでしょうか?
ポートフォリオ制作はイラレよりInDesignの方が効率的に作成できます。
まだInDesignを導入されていない方はAdobe公式サイトから入手できます。
高品質で商用利用可能なポートフォリオテンプレート46選はコチラ
Illustratorの操作方法

イラレ基本操作

【導入編】ゼロから始めるIllustrator
Adobe Creative Cloudの料金プランやオススメプランを徹底解説
イラレでよく使う機能15選 for 初心者
イラレ全ショートカット一覧
Illustratorとは・DTPの基礎知識
操作画面、新規作成と保存、各種ファイル形式
オブジェクトの作成と選択、構造
イラレの塗りと線について
イラレのカラーモードについて
RGBからCMYKへ変換する方法
整列と分布について徹底解説
オブジェクト重ね順について徹底解説
数値入力によるオブジェクトの作成と操作
レイヤーの概念と操作を分かりやすく徹底解説
オブジェクトの色々なコピペ方法
ペンツールの基本操作とパスの編集
文字ツールの基本的な使い方
文字を装飾する・アピアランスの設定
文字で画像をマスクする
グラデーションツールを極める
メッシュツール・グラデーションメッシュの使い方
ブラシツール・塗りブラシツールの使い方と違い
消しゴムツール・はさみツール・ナイフの使い方
パスファインダーの機能全てを徹底解説
ブレンドツールを使ったオブジェクト作成
回転ツールと回転コピーの使い方
リフレクトツールの使い方
クリッピングマスクの使い方を徹底解説
トンボ(トリムマーク)の設定と塗り足し
ライブトレースを徹底解説
ライブペイントを徹底解説
編集しやすい角丸長方形の作り方
アートボードツールの使い方
パペットワープツールの使い方
リシェイプツールの使い方
線幅ツールを使いこなそう
ワープツールをはじめとした線幅ツールの派生ツール
スライスツールを使った超効率的な画像の書き出し
拡大・縮小ツールの使い方とテクニック
シアーツールの使い方と応用例
自由変形ツールの使い方

バナーやデザイン関連

【就活生向け】ポートフォリオ用テンプレート
サイズ違いのバナー広告を効率的に作る方法
名刺サイズのレイアウト用紙の作成&ガイドの有効的な活用法
オリジナル名刺をデザインして入稿用データを作ろう!
入稿用AIデータの作成方法と注意点について
【AI】ニーアオートマタのUI風ポートフォリオ用テーマ
【AI】ニーアオートマタのUI風エミールの名刺

絵作り

変形を使って水玉模様(ドット柄)や精密なパターン柄を作る方法
ペンツールを使ったトレースのテクニック①
ペンツールを使ったトレースのテクニック②
アピアランスを使った線の設定・線のデザイン
汎用性抜群な略地図の作り方
【鬼滅の刃】炭治郎の耳飾りをイラレで作る方法for初心者
レース柄やレースリボンブラシの作り方を徹底解説
ラフな手描き風の線にする方法
ブレンドと変形効果を使った螺旋状のドット模様の作り方
大阪の謎「連絡まつ村」のシールを作ってみよう【AI配布中】
マーブル模様の作り方を徹底解説forイラレ初心者
ハーフトーン(網点)の作り方と応用
集中線(スピード線)の作り方を徹底解説

アイコン・ロゴ制作

歯車や花、本など色々な図形を作る方法
【全2回】ラノベ風ロゴの作り方【サンプルAI有り】
ファビコンの作り方をデザインパターン別に徹底解説
アイソメトリック文字の作り方【3D・押し出し・ベベル】
リアルなネオンサインの作り方を徹底解説
レトロな雰囲気のロゴを作る方法
高品質な金(ゴールド)表現の作り方
長い影(ロングシャドウ)の作り方2選
デボス加工風カットアウトの作り方
燃えさかる炎をまとった文字の作り方
刺繍(ステッチ)表現の作り方
黒板に描かれたチョーク文字やイラストを再現する方法
真っ二つにスライスされたオブジェクトを作る方法
色ずれをイラレで再現する方法
1980年代レトロフューチャー風ロゴの作り方
レトロゲームのドットテキストを簡単に作る方法

追加機能・その他機能

アナログ画材風の無料ブラシ36選
ブラシ素材の登録方法
スウォッチの登録方法や使い方を徹底解説
グラフィックスタイルの追加・編集方法
ツールバーを編集する方法
スポイトツールでアピアランスをコピーする方法と注意点
別のAIファイルをAI内に配置・編集する方法
ブラックのアピアランスを正しく設定
「最近使用したもの」を非表示にする方法
遠近グリッドを消す方法と基本的な使い方

ゼロイラの目次一覧
SCROLL
目次一覧
ゼロから始めるシリーズ

現役デザイナーが教えるIllustrator、Photoshop、ポートフォリオ講座の目次です。
デザイン未経験からプロを目指しましょう!