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

【Illustrator】ポートフォリオ用テンプレートAIとレイアウトサンプル

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

Illustrator(イラストレーター)で使える、AI形式で作成した印刷用のポートフォリオ用テンプレートとレイアウトサンプルについてイラレ初心者の方に詳しく解説します。

デザイナーの就職活動や転職活動に必要な紙のポートフォリオを作成する際の手助けになれば幸いです。

ポートフォリオのレイアウトサンプルが入ったAIファイルをダウンロードできます。
良かったらご活用ください。

ポートフォリオの基本知識

そもそも「ポートフォリオって何?」という疑問をお持ちの方に概要と詳細について解説します。

ポートフォリオとは?

ポートフォリオの詳しい概要については下記記事で解説しております。

当記事では就活等で使う汎用的な「片面A4縦サイズ、見開きA3横サイズ」のポートフォリオを作る事を前提としています。(A4横サイズのポートフォリオテンプレートはコチラの記事で詳しく解説しています。)

なお、Illustratorで作り始める前に自身の作品すべてを集め、ポートフォリオ全体の構成を固めておきましょう。上記関連記事でポートフォリオの制作手順を詳しく紹介しております。

IllustratorとPhotoshopが必須
ポートフォリオ制作は最低限IllustratorとPhotoshopが必須です。(InDesignがあれば超快適!)
Adobe公式サイトから導入しておきましょう。
学生さんは最強にお得な学割コンプリートプランが断然オススメ!

トンボ(トリムマーク)は必要?

家庭用プリンター(A4サイズ)での印刷を想定している方は「トンボ無し」で作成してください。
A3以上のサイズで出力可能なプリンタでの印刷を想定されている方は「トンボあり」のレイアウト用紙を作成します。

トンボの設定についてコチラの記事で詳しく解説しております。

A4プリンターで印刷する場合

家庭用のA4プリンターで印刷する事を前提としたパターンです。
多くのご家庭にあるプリンターでサクッと印刷して作成、一番お手軽な方法です。

左図のような仕上りが、よくある紙面ポートフォリオの形式です。

A4縦サイズ(210mm x 297mm)に印刷したページをファイリングし、見開きでA3横サイズ(297mm x 420mm)となるポートフォリオですね。

家庭用のA4プリンターで出力できるので制作する際に特殊な環境は必要としません。

印刷業者に出力依頼するのが一番綺麗ですが、それなりに費用と時間が発生するので個人的には就活用ポートフォリオは家庭用プリンターで十分かと思います。

今時の家庭用プリンターなら十分キレイに印刷できますよ。

用紙サイズ

片面A4サイズ(210mm x 297mm)で印刷します。
ファイルを見開きにするとA3サイズ(420mm x 297mm)となります。

コチラの記事でAI形式で作られた高品質&商用利用可能なポートフォリオテンプレートを25点厳選して紹介しております。

トンボ

A4プリンター用にA4原寸サイズ(210mm x 297mm)で作成するのでトンボは不要です。印刷時は用紙の四隅に余白ができないようにフチなし印刷の設定で印刷を行う事をオススメします。

マージン(余白)

A4サイズの用紙より15mm程度の余白(マージン)を持たせると良い感じになります。余白が無いと全体的にギュウギュウで余裕のないイメージになってしまいます。

余白のサイズは15mmにこだわる必要は無いのでお好みでサイズを調整してください。

色モード

印刷を想定しているのでCMYKモードにして色調整をしておきます。
RGBモードのまま印刷すると色が変わってしまうので注意が必要です。

コチラの記事の「カラーモードはCMYKで」の項目でRGB、CMYKの印刷時の色の違いを掲載しております。
InDesign形式のポートフォリオテンプレート
一般的によく作られるA4縦サイズのポートフォリオが短時間で作れる高品質なテンプレートを紹介しています。併せてチェックされてみませんか?

テンプレートをダウンロード

当サイトで配布しているポートフォリオ用のテンプレートのレイアウトパターン、使用例、ダウンロードです。上手く紙面のポートフォリオ作りに活用いただけますと幸いです。

「こんなテンプレが欲しい」といったご意見・ご要望があれば是非コチラからお問い合わせください。
今後のテンプレ作りの参考にさせていただきます。

テンプレのレイアウトパターン

配布しているテンプレートのレイアウトパターンです。
計5パターン入れております。(随時追加予定です。)

タイトルや作品コメント等を掲載する作品情報エリア、作品掲載エリアのレイアウト例です。
1カラム、2カラム、3カラムで作品を掲載、またページによってページ全体に作品を載せたりして強弱を付けながら見せると面白くなります。

こちらは一例なので、自身で見せ方は色々と工夫してみてください。
なお背景いっぱいにデザインを入れている場合は「フチなし印刷」にチェックを入れて印刷することをオススメします。

テンプレを使ったレイアウト例

テンプレートに沿ってグレーの枠で画像をクリッピングマスクして文字を変更した例です。
配置や文字サイズ等はお好みでカスタマイズしてください。

A4テンプレートのダウンロード

作品本文ページのAIサンプルファイルは下記からダウンロードできます。
計5つのレイアウトパターン入れております。

fantiaでportfolio_templateをダウンロード
※テンプレートの再配布はご遠慮ください。

なお、閲覧にはIllustratorが必須なので事前にIllustrator公式サイトから導入しておきましょう。

レイヤーでレイアウトパターンを分けています
テンプレートのAIファイルを開くとレイヤー構成が左図のようになっています。

AIファイルをコピペして必要なレイアウトパターンを使用、アートボードツールを使って同AIファイル内に新たなアートボードを追加して使用、どの方法でも構いません。

ポートフォリオを作り始めたばかりの方にオススメ!
下記リンクで「ポートフォリオの作り方」や商用利用できるイラストレーター用の高品質なポートフォリオテンプレートを掲載しております。

A3テンプレートをダウンロード

よくある家庭用A4プリンターではなく、A3サイズまで印刷できる大きなプリンターを持っている方、またはキンコーズのような外部の印刷屋に出力をされたい方向けの方法です。

A4サイズより大きなサイズの用紙にA4サイズのトンボを作成してレイアウト用紙を作成します。
他にもA3用紙にA4のトンボを作成、B4用紙にA4のトンボを作成等があります。

様々なレイアウト用紙の作成方法はコチラの記事で紹介しておりますので参考にしてください。

A3ドキュメントにA4サイズのトンボを作成し、テンプレートを配置したAIファイルです。

A3以上のプリンターでの出力を予定されている方はこちらのテンプレートがオススメです。
テンプレートのレイアウトは先のA4サイズの内容と同じです。

印刷時はフチなし印刷ではなく、等倍サイズで出力してください。

fantiaでa3_portfolio_templateをダウンロード
PDFファイルの作り方
ポートフォリオをPDF形式に書き出し、デジタル版ポートフォリオを作る方法を詳しく解説しています。現在は印刷よりデータのポートフォリオ提出が主流なので要チェックですよ!

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

紙媒体や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

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

ダウンロードする

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

印刷業者に依頼して自費出版

予算がある方は印刷業者に依頼し、自費出版するパターンが有効的です。
イラストレーターの方は特にオススメの方法ですよ。

サイズはA4でも良いですし、B5サイズもアリです。
B5はよくある同人誌のサイズ、薄い本です。

イラストメインの方ならミニ画集として作成、普通のポートフォリオ制作よりテンションが上がって自然とクオリティが上がるでしょう。

なお、採用担当者側としてあまり見かけない形式なので「おぉっ」となる可能性が高いです。

ただ通常のポートフォリオと比較すると、それなりに予算が必要です。
費用より独自性や品質を重視、また就活だけでなくイベントでの配布を想定している方にオススメです。

企業探しも並行して進めよう
ポートフォリオの制作と同時に、就職希望の企業探しを始めましょう。
コチラの記事で私が転職の際に活用し、複数内定を獲得したクリエイティブ系に特化した転職エージェント5つを徹底解説!本気で内定を取りたい方に必須です。
リクナビやen転職等で掲載されていないクリエイティブ系の非公開求人が大量にあります。
フリーランス志望の方、収入を増やしたい方にオススメのエージェントはコチラで解説しています。

おわりに

以上、Illustratorで作成したAI形式のポートフォリオのテンプレートについてでした。

基本的に就活用のポートフォリオはA4家庭用プリンターでの出力で問題ありません。
ポートフォリオの内容を更新するたびに外部に印刷依頼すると、手間とお金が掛かって更新するのが億劫になってしまうかも。

「こだわりたい!」って方は外部印刷でも全然問題ありませんよ。
ガチンコ製本や飛び出す絵本風のポートフォリオ等、制作の手間は掛かりますがオリジナリティのある面白い作品に仕上がるでしょう。

レイアウトに慣れないうちは良い資料やテンプレートを参考にしながら真似て作成するのが一番良い勉強方法ですよ。


ではまた!

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、ポートフォリオ講座の目次です。
デザイン未経験からプロを目指しましょう!