この記事を読むのに必要な時間は約 30 分です。
デザイン業界への就職を考えられている学生さん向けにポートフォリオの作り方を順を追って解説します。
当記事は私が学生時代に作成したポートフォリオを例に解説いたします。
ゲーム業界やデザイン業界、WEB業界等のポートフォリオ作りに役立てていただければ幸いです。
この記事の目次
ポートフォリオとは自身の作品を1冊のファイルにまとめた作品集のことです。
詳しくは下記記事で解説しておりますので参考にしてください。
就活生必見！ポートフォリオって何？詳しく解説します。
こちらの記事でも触れている個所ですが、A4のポートフォリオのざっくりした作り方を解説します。
あくまで私が行っていた作り方なので参考程度にしてください。
表紙、プロフィール、目次、立体作品、イラスト作品…という風に掲載する内容をラフで描きます。
私の場合は仕上がりサイズと同じA4コピー用紙で作っていました。
詳しくはコチラ。
いきなりイラレで作業をするよりも、構成をある程度手書きで作成してからイラレで作業する方が効率が良いです。ただ人によって好みが分かれるので、STEP.3とSTEP.4は合体しても構わないかと思われます。
ある程度完成したら白黒で出力して全体のバランスを確認して調整する事をおすすめします。
（フルカラーだと印刷コストが高いので、レイアウトチェックだけなら白黒がオススメ）
詳しくはコチラ。
ファイルに収めて出来上がったポートフォリオをじっくり眺めてみましょう。
色んな人に見せて感想を聞くのも良いです。
出力して改めて自身のポートフォリオを見ると改善点が色々と見えてくるでしょう。
詳しくはコチラ。
一度作ったら終わりではなく、一度作り切ってからポートフォリオ作りは始まります。
詳しくはコチラ。
ポートフォリオの作り方を詳しく解説していきます。
まずイラレやフォトショを使ってポートフォリオを作る前の下準備をします。
何となくイラレで作り始めるよりも、予め下ごしらえをしてから作業を始める方が効率的に進められます。
自身の作品を全て集める
テーマ・コンセプトを立てる
自身が作りたいポートフォリオのテーマ・コンセプトを決めます。これがポートフォリオの芯の部分になります。
コンセプトが決まると自ずとやるべきことが見つかるでしょう。
下記はWii開発のコンセプトデザインについてまとめられた本です。
コンセプトデザインについて分かりやすく解説されて面白いですよ。
全体の構成を考える
（私の場合は）いきなりデータを作り始めるよりも、A4コピー用紙等で構成の下書き（ワイヤーフレーム）を作っておくと全体のイメージが掴みやすいので効率的に進められます。
左図のようにA4コピー用紙に折り目を付けてA6サイズの矩形に各ページの概要を記載、A4実寸サイズに詳細を記載したものを作成するのも良いかもしれません。
ワイヤーフレームを作ってから作成する、いきなりイラレで作り始める、自身が進めやすい方法で進めてください。ワイヤーフレーム制作に特化したXDを活用する方法もオススメですよ。
表紙(1p)、プロフィール(1p)、目次(1p)、作品ページ（お気に入りから順に掲載、大作はラフやメイキング等も載せる）、デッサン(基礎画力)、裏表紙
といった15p～20pのものがあります。一つの指標にしてみても良いかと思います。
下準備が完了したらイラレ、フォトショを使って本格的にポートフォリオ作りを始めます。
規格について
イラストレーター、フォトショップでよく使いそうな機能
ポートフォリオ作りの際にイラレ、フォトショでよく使いそうな基本的な機能です。
リンク先でツールの使い方を詳しく解説しておりますので参考にしてください。
デザインフォーマットを作成
構成を元にポートフォリオのデザインフォーマットを作成します。
フォントの種類やサイズ、見出しのデザインや余白のサイズ、キャプションの位置等のフォーマットを決めます。
前段階で作成したコンセプトを元に、掲載する作品が引き立つような世界観のフォーマットにしましょう。
ベースのデザインが完成したら表紙や目次、自己紹介ページ等を作成してきます。
フォント選びは超大事
ポートフォリオのフォントは「ポートフォリオという作品の一部」です。
フォントを妥協すると妥協した分、ポートフォリオの品質が落ちます。
よく文字情報を入力した「だけ」のポートフォリオを見かけますが、非常に勿体ないです。
パソコンに入っているフォントから適当に選び、適当に入力して適当に配置してしまうと、せっかく良い作品の見栄えが悪くなる可能性があります。
フォントを大別すると
明朝体は繊細・和風・上品・高級・洗練といったイメージを与えます。
ゴシック体はポップ・力強い・アクティブといったイメージを与えます。
またウエイト（太さ）を変えるだけでも印象は変わります。
色々変えて自身のポートフォリオに合うフォントを探し出しましょう。
作品の世界観とフォントのイメージを合わせる
左図を見比べると、同じ内容ですが随分と印象が変わりますよね。
上品・和・繊細といったイメージの京都のコピーに太いゴシック体は不釣り合いです。
またポップで力強い印象の夏BBQに繊細な明朝体は不釣り合いです。
目的のイメージと書体のイメージがズレていると違和感が出ます。自身の作品の世界観に適したフォント選びは大切です。
コチラでポートフォリオに使えるフリー＆商用可能なフォントを紹介しているのでご覧ください。
サイズ調整は必須
また、画面上と印刷した紙では文字サイズの印象が違います。印刷すると思っている以上に「大きく」見えます。
文字が大きすぎると「ダサくて安っぽく」見えるし、小さすぎると「読みづらい」です。何度か試し刷りをし、良い塩梅の文字サイズを探りましょう。
あと「行送り」や「文字間」も調整しておきましょう。詰まり過ぎは読みづらいですし、空き過ぎても読みづらいです。必ず「原寸で印刷」して確認しておきましょう。
レイアウトに一工夫
視線の動きを考慮する
完成作品を左上に、そして付随する作品や過程などをアルファベットのZの書き順のように配置すると、自然な視線の動きで作品を閲覧できます。
自信のある作品は大胆に見せる
全ページこじんまりとした似たようなレイアウトより、強弱を付けたレイアウトにすると見る側を飽きさせません。
作品カテゴリを入れておくと分かりやすい
カテゴリはデザイン、アナログイラスト、デジタルイラスト、3DCG作品、立体作品、デッサン…といった分け方をしておくと良いでしょう。
※配置する場所はサンプル画像のように右上にこだわる必要はありません。
ちょっとした工夫で効率的に
ノンブルは不要
ポートフォリオは頻繁にページを差し替えるので、ノンブルを追加するとページ並び順の整合性が取れなくなります。
ノンブル一つの為に刷り直すのはお金と手間の無駄なので、最初からノンブルは外しておきましょう。
イラレのレイアウトに適した機能を使いこなす
Illustrator（イラストレーター）の [ スマートガイド ] や [ ポイントにスナップ ] を活用してレイアウトを効率化してみましょう。イラレの画面上部にある [ 表示 ] 内に上記機能は入っています。
また [ 整列・分布 ] の機能もレイアウトを素早く綺麗に行うに強力な機能です。
使い方はコチラで解説しています。
先に述べたクリップスタジオペイントでもデザイン・レイアウトは可能です。
しかしデザイン・レイアウト作業はIllustratorやPhotoshopの方が圧倒的に向いています。
まだ使われていない方は今回を機に導入されてみてはいかがでしょうか？
Adobe公式サイトが最もお得です。
知ってる？プロポーショナルメトリクス
文字を入力するとカタカナや平仮名は漢字と比べて文字間が開きがちです。
カーニングやトラッキングで文字間を調整するのは結構面倒ですよね。
Illustrator（イラストレーター）やPhotoshop（フォトショップ）には「プロポーショナルメトリクス」なる便利機能が存在します。カタカナや平仮名でも「自動的に良い感じで文字間を調整」してくれる機能です。
プロポーショナルメトリクスを上手く活用すると文字入力の時間を短縮できますよ。
※プロポーショナルメトリクスが使えるフォント、使えないフォントがあるので気を付けてください。
印刷
制作段階である程度できたらモノクロで出力してバランスを確かめて調整しておくと良いでしょう。
カラーで出力すると印刷コストが高くなるので、レイアウトチェックだけなら白黒で十分です。
なお家庭用プリンターでの印刷を前提とした作りなので、プリンターの設定に「フチなし印刷」のチェックを入れておきます。
トンボを作成してA3以上のプリンタで出力を想定されている方は「フチなし印刷」にチェックは入れず、等倍で出力してください。
※フチなし印刷をすると用紙の端にインク汚れが付く場合があるのでノズルのクリーニングをしてください。
大量に印刷する事になるので、100枚入りのマットフォトペーパーをオススメします。
ファイリングして完成
データが完成したら印刷してファイリングします。
一旦これでポートフォリオの完成です。おつかれさまでした。
ファイルの素材を変えてみるのもアリかも
普通のクリアファイルではなく、別の素材のファイルに代えてみるのも一つの手です。
例えば機械やSFっぽい世界観がメインの作品集だと無機質・メタル感を強調するためにアルミ合金のファイルを使ってみるのもアリかもしれません。
表紙にロゴのシールを貼ったりしても面白いですよ。
なおコチラでも記載しておりますが、企業によってはポートフォリオが返却不可の所もあります。
使い捨てで無い高いファイル、一点モノ装丁のポートフォリオを送る際は事前に返却可能か確認しておく事をオススメします。
時間を少し置いて改めて自身のポートフォリオをよく見てみると、作品制作レベルの向上に伴い改善したい箇所が色々と見えてくるはずです。
自分で「ここ微妙だなぁ～」と思う個所は他人も同じことを思う可能性があります。
そういった個所を潰してより隙の無いポートフォリオにアップデートします。
行き詰ったらいっそドラスティックにコンセプトから考え直すのも良いかもしれません。
破壊は新たな創造を生み出す可能性があります。
過去に作ったバージョンと比較して「作った感」を視覚化
自身で作成したポートフォリオを見比べて「少しずつ成長してるかも！」という感覚を視覚化するとポートフォリオ作りのモチベーション維持に繋がります。
作り切ったポートフォリオは「ポートフォリオver1.0」として保存しておき、コピペして「ポートフォリオver1.1」のように更新・管理すると成長の過程が残せます。
久しぶりに見ると「あ～、こんなん作ったなぁ～」という気持ちになりますよ。
上図は私の学生時代初期～後期の作品集を比較したものです。
目に見えた状態で良くなっている事が分かるとやる気が維持しやすいです。
時間があるときに少しずつ手をかけてあげると作品集の品質は徐々に向上していきますので、ちょくちょく手を入れてあげてください。
なお人によりますが、学校の課題で作ったものは「作らされました感」が全面的に出やすい気がします。
品質の高い課題の作品は良いのですが、微妙な学校課題は徐々に減らしていきましょう。
作品は絞る
掲載する作品は厳選しましょう。
自身が作成した作品を全て掲載するのもアリだとは思うのですが、微妙だったりポートフォリオの世界観にそぐわない作品は除外して、より密度の高い作品集にする方がベターです。
なおポートフォリオを作りはじめたばかりの方は作品が少ないかと思われますので厳選せず、まずは質に関わらず最後まで作り切ることを目標としてください。
一度ポートフォリオを作り切って「さぁテコ入れしていこう」という方は徐々に作品を厳選していきましょう。
ポートフォリオは一度作って「ハイおしまい」というものではありません。
より良いものにしたい場合は「PDCAサイクル」を上手く回す必要があります。
- PLAN(どんなポートフォリオにするか計画を立てる)
- DO(ポートフォリオ作りを実行)
- CHECK(作成したポートフォリオを客観的に評価＆他者に見てもらう)
- ACTION(ポートフォリオをより良くするための改善点を考え、最初のPLANに繋げる)
上記のようにPDCAサイクルを回すことで徐々にポートフォリオのクオリティは上がっていきます。
ナカナカ大変ですが、自身の作品をより魅力的に伝える為のポートフォリオを作るためにはそれなりに時間を割く必要があります。
また作ったポートフォリオを誰かに見せて感想を聞いてみると、自分では気づかない指摘を受けて改善の手助けになるかもしれません。他人に自身の作品集を見せるのは少し恥ずかしいですが、積極的に他者に見せるのもクオリティアップの一手ですよ。
制作で行き詰った方はポートフォリオ作りの参考となる書籍がありますので参考にするのもアリです。
下記はオススメの書籍なので目を通されては如何でしょうか？
以上、ポートフォリオの作り方でした。
あくまで作り方の一例ですが、ポートフォリオ制作の手助けになれば幸いです。
基本的には作っては手直し、作っては手直しの繰り返しです。地味な作業ですが、積み重ねると見える形となって反映されるはずです。
品質の高いポートフォリオができると必然的に就職活動が有利になります。
ポートフォリオが完成した方は「惜しいポートフォリオの例と改善例」で自身の作品集が当てはまらないかチェックしてみてください。
【就活対策】惜しいポートフォリオの例と改善方法を解説
ではまた！
デザイナーの就職活動に必要なポートフォリオに迷った際に参考にしてください。
より素敵な作品作りや制作の効率化ができます。
IllutratorとPhotoshopの使い方をゼロから解説する「ゼロから始めるIllustrator」と「ゼロから始めるPhotoshop」の目次リンクです。
本業が教えるイラレとフォトショ講座の目次は下記からどうぞ。
ファンティア始めました。
無料でAIやPSDを公開しています。
