この記事を読むのに必要な時間は約 38 分です。
デザイン業界への就職を考えられている学生さん向けにポートフォリオの作り方を順を追って解説します。
当記事は私が学生時代に作成したポートフォリオを例に解説いたします。
ゲーム業界やデザイン業界、WEB業界等のポートフォリオ作りに役立てていただければ幸いです。
この記事の目次
ポートフォリオとは自身の作品を1冊のファイルにまとめた作品集のことです。
コチラの記事でも触れている個所ですが、A4のポートフォリオのざっくりした作り方を解説します。
あくまで私が行っていた作り方なので参考程度にしてください。
表紙、プロフィール、目次、立体作品、イラスト作品…という風に掲載する内容をラフで描きます。
私の場合は仕上がりサイズと同じA4コピー用紙で作っていました。
詳しくはコチラ。
いきなりイラレで作業をするよりも、構成をある程度手書きで作成してからイラレで作業する方が効率が良いです。ただ人によって好みが分かれるので、STEP.3とSTEP.4は合体しても構わないかと思われます。
詳しくはコチラ。
ファイルに収めて出来上がったポートフォリオをじっくり眺めてみましょう。
色んな人に見せて感想を聞くのも良いです。
出力して改めて自身のポートフォリオを見ると改善点が色々と見えてきます。
詳しくはコチラ。
ポートフォリオの作り方を詳しく解説していきます。
まずイラレやフォトショを使ってポートフォリオを作る前の下準備をします。
何となくイラレで作り始めるよりも、予め下ごしらえをしてから作業を始める方が効率的に進められます。
まだ導入されていない方はAdobe公式サイトから導入しておきましょう。
自身の作品を全て集める
テーマ・コンセプトを立てる
自身が作りたいポートフォリオのテーマ・コンセプトを決めます。
これがポートフォリオの芯の部分になります。
コンセプトが決まると自ずとやるべきことが見つかるでしょう。
「コンセプトのつくりかた 「つくる」を考える方法」はWii開発のコンセプトデザインについてまとめられた本です。
コンセプトデザインについて分かりやすく解説されて面白いですよ。
全体の構成を考える
表紙、プロフィール、目次、作品ページ詳細…全体の構成を考えた後に個々のページに載せる内容を考えます。
（私の場合は）いきなりデータを作り始めるよりも、A4コピー用紙等で構成の下書き（ワイヤーフレーム）を作っておくと全体のイメージが掴みやすいので効率的に進められます。
左図のようにA4コピー用紙に折り目を付けてA6サイズの矩形に各ページの概要を記載、A4実寸サイズに詳細を記載したものを作成すると良いです。
- 紙とペンでワイヤーフレームを作ってから作成する
- デジタル上でワイヤーフレームを作ってから作成する
- いきなりイラレで作り始める
コレという決まりは無いので自身が進めやすい方法で進めてください。
なお、ワイヤーフレーム制作に特化したAdobe Xdを活用する方法もオススメですよ。
XdはWebやアプリ、UI等のプロトタイプを制作する上で非常に便利なツールです。
私はサイトのワイヤーフレームを作る際に愛用しています。
表紙(1p)、プロフィール(1p)、目次(1p)、作品ページ（お気に入りから順に掲載、大作はラフやメイキング等も載せる）、デッサン(基礎画力)、裏表紙といった15p～20pのものがあります。
一つの指標にしてみても良いかと思います。
下準備が完了したらイラレ、フォトショを使って本格的にポートフォリオ作りを始めます。
規格について
AIに配置する画像は予めAIと同じフォルダにまとめておきましょう。
イラストレーター、フォトショップでよく使いそうな機能
ポートフォリオ作りの際にイラレ、フォトショでよく使いそうな基本的な機能です。
リンク先でツールの使い方を詳しく解説しておりますので参考にしてください。
デザインフォーマットを作成
構成を元にポートフォリオのデザインフォーマットを作成します。
フォントの種類やサイズ、見出しのデザインや余白のサイズ、キャプションの位置等のフォーマットを決めます。
前段階で作成したコンセプトを元に、掲載する作品が引き立つような世界観のフォーマットにしましょう。
ベースのデザインが完成したら表紙や目次、自己紹介ページ等を作成してきます。
印刷すると文字が大きく見える事は多々あるので、印刷チェックは重要です。
（フルカラーだと印刷コストが高くなるので、レイアウトチェックだけなら白黒出力がオススメ）
フォント選びは超大事
ポートフォリオのフォントは「ポートフォリオという作品の一部」です。
フォントを妥協すると妥協した分、ポートフォリオの品質が落ちてしまいます。
よく文字情報を入力した「だけ」のポートフォリオを見かけますが、作品自体の品質も落としかねないので非常に勿体ないです。
パソコンに入っているフォントから適当に選び、適当に入力して適当に配置してしまうと、せっかく良い作品なのに見栄えが悪くなる可能性があります。
フォントを大別すると
明朝体は繊細・和風・上品・高級・洗練といったイメージを与えます。
ゴシック体はポップ・力強い・アクティブといったイメージを与えます。
またウエイト（太さ）を変えるだけでも印象は変わります。
色々と文字の設定を変更し、自身のポートフォリオに合うフォントを探し出しましょう。
作品の世界観とフォントのイメージを合わせる
左図を見比べると、同じ内容ですが随分と印象が変わりますよね。
上品・和・繊細といったイメージの京都のコピーに太いゴシック体は不釣り合いです。
またポップで力強い印象の夏BBQに繊細な明朝体は不釣り合いです。
目的のイメージと書体のイメージがズレていると違和感が出ます。
自身の作品の世界観に適したフォント選びは大切なので妥協は止めておきましょう。
サイズ調整は必須
そのまま使うと「素人臭さ丸出し」のポートフォリオになるので要注意です。
デフォ値の12ptは見出しで使うなら良いかもしれませんが、本文で使うには少し大きすぎます。
また、画面上と印刷した紙では文字サイズの印象が違います。印刷すると思っている以上に「大きく」見えますよ。
文字が大きすぎると「ダサくて安っぽく」見えるし、小さすぎると「読みづらい」です。
何度か試し刷りをし、良い塩梅の文字サイズを探りましょう。
あと「行送り」や「文字間」も調整しておきましょう。
詰まり過ぎは読みづらいですし、空き過ぎても読みづらいです。
必ず「原寸で印刷」して確認しておきましょう。
レイアウトに一工夫
視線の動きを考慮する
完成作品を左上に、そして付随する作品や過程などをアルファベットのZの書き順のように配置すると、自然な視線の動きで作品を閲覧できます。
自信のある作品は大胆に見せる
力の入った自信作は見開きでダイナミックに見せる方法も良いでしょう。
全ページこじんまりとした似たようなレイアウトより、強弱を付けたレイアウトにすると見る側を飽きさせませんよ。
作品カテゴリを入れておくと分かりやすい
カテゴリはデザイン、アナログイラスト、デジタルイラスト、3DCG作品、立体作品、デッサン…といった分け方をしておくと良いでしょう。
※配置する場所はサンプル画像のように右上にこだわる必要はありません。
もちろん学生さんだけでなく、社会人の方も仕事をしながら生活を崩さず学習可能です。
独学に限界を感じている方、本気でプロを目指されている方にオススメのコンテンツですよ。
ちょっとした工夫で効率的に
ノンブルは不要
ポートフォリオは頻繁にページを差し替えるので、ノンブルを追加するとページ並び順の整合性が取れなくなります。
ノンブル一つの為に刷り直すのはお金と手間の無駄なので、最初からノンブルは外しておきましょう。
イラレのレイアウトに適した機能を使いこなす
Illustrator（イラストレーター）の [ スマートガイド ] や [ ポイントにスナップ ] を活用してレイアウトを効率化してみましょう。イラレの画面上部にある [ 表示 ] 内に上記機能は入っています。
また [ 整列・分布 ] の機能もレイアウトを素早く綺麗に行うに強力な機能です。
使い方はコチラで解説しています。
先に述べたクリップスタジオペイントでもデザイン・レイアウトは可能です。
しかしデザイン・レイアウト作業はIllustratorやPhotoshopの方が圧倒的に向いています。
まだ使われていない方は今回を機に導入しておきましょう。
学生や教職員の方は断トツで学割コンプリートプランがお得、アプリ1本の料金で全て使い放題！
知ってる？プロポーショナルメトリクス
文字を入力するとカタカナや平仮名は漢字と比べて文字間が開きがちです。
カーニングやトラッキングで文字間を調整するのは結構面倒ですよね。
Illustrator（イラストレーター）やPhotoshop（フォトショップ）には「プロポーショナルメトリクス」なる便利機能が存在します。カタカナや平仮名でも「自動的に良い感じで文字間を調整」してくれる機能です。
プロポーショナルメトリクスを上手く活用すると文字入力の時間を短縮できますよ。
[ OpenTypeパネル ] → [ プロポーショナルメトリクス ]
から設定できます。
[ 文字パネルの右上にある小さいボタン ] → [ OpenType ] → [ プロポーショナルメトリクス ]
から設定できます。
※プロポーショナルメトリクスが使えるフォント、使えないフォントがあるので気を付けてください。
素材を有効活用しよう
フォント、アイコン、写真、イラスト等、ロイヤリティフリーの素材が多々あります。
そんな素材を有効的に使うのもアリですよ。
特にAdobeStock（アドビストック）の品質と量はハンパありません。
Adobeのサービスなので各アプリで編集可能なテンプレートが超大量に配布されています。
AdobeStock（アドビストック）についてコチラで詳しく解説しております。
「1から10まで全部自分でやる」って方も使う使わないは置いておき、見るだけでも参考になります。
生データを見ながら「なるほどね、こういう作り方してるのか…」ってのを研究するのは大切ですよ。
テンプレダウンロード後はテキストと画像を差し替えるだけ、高品質なポートフォリオが超短時間で作れるポートフォリオ制作のチートアイテムですね。
ニーアオートマタのUI風ポートフォリオテンプレート
ニーアオートマタのUIをモチーフにしたポートフォリオのテンプレートを紹介しています。
興味のある方は是非ご覧ください。
【Illustrator】ニーアオートマタのUI風ポートフォリオ用テーマ【AI】
データ上でポートフォリオが完成したらマットフォトペーパーや写真用紙で印刷し、ファイリングします。
印刷してファイリングしたポートフォリオとデータ上のポートフォリオでは、見た目の印象が違います。
事前に何度か出力・調整をしていると誤差が少ないのですが、もしこの段階で初出力ならソコソコの調整が必要です。先に解説したように、制作段階である程度できたらモノクロで出力し、バランスを確かめて調整しておくと良いでしょう。
カラーで出力すると印刷コストが高くなるので、レイアウトチェックだけなら白黒で十分です。
印刷
なお家庭用プリンターでの印刷を前提とした作りなので、プリンターの設定に「フチなし印刷」のチェックを入れておきます。
トンボを作成してA3以上のプリンタで出力を想定されている方は「フチなし印刷」にチェックは入れず、「等倍」で出力してください。
※フチなし印刷をすると用紙の端にインク汚れが付く場合があるので、たまにノズルのクリーニングをしてください。
100枚入りのマットフォトペーパーを複数購入しておきましょう。
ノーブランドの紙は発色が良くないのでキャノン純正用紙をオススメします。
ファイリングして完成
データが完成したら印刷してファイリングします。
一旦これでポートフォリオの完成です。おつかれさまでした。
下記は私が学生時代に作成したポートフォリオです。
イラスト専攻なのにモリモリを使ってフィギュアを作っていました。
ファイルはケチらず、ある程度しっかりした作りのファイルにしておきましょう。
就活が始まると複数のファイルを作る事になるのでまとめ買いしておく事をオススメします。
ファイルの素材を変えてみるのもアリかも
普通のクリアファイルではなく、別の素材のファイルに代えてみるのも一つの手です。
例えば機械やSFっぽい世界観がメインの作品集だと無機質・メタル感を強調するためにアルミ合金のファイルを使ったり、絵本調なら布素材を使ってみるのもアリかもしれません。
表紙にロゴのシールを貼ってみたり、単なるファイル以外の表現方法を考えてみるのも面白いですよ。
使い捨てで無い高いファイル、一点モノ装丁のポートフォリオを送る際は、事前にポートフォリオが返却されるか確認しておく事をオススメします。
時間を少し置いて改めて自身のポートフォリオをよく見てみると、作品制作レベルの向上に伴い改善したい箇所が色々と見えてくるはずです。
自分で「ここ微妙だなぁ～」と思う個所は、他人も同じことを思う可能性があります。
そういった個所を潰してより隙の無いポートフォリオにアップデートします。
行き詰ったらいっそドラスティックにコンセプトから考え直すのも良いかもしれません。
破壊は新たな創造を生み出す可能性があります。
過去に作ったバージョンと比較して「作った感」を視覚化
自身で作成したポートフォリオを見比べて「少しずつ成長してるかも！」という感覚を視覚化するとポートフォリオ作りのモチベーション維持に繋がります。
作り切ったポートフォリオは「ポートフォリオver1.0」として保存しておき、コピペして「ポートフォリオver1.1」のように更新・管理すると成長の過程が残せます。
久しぶりに見ると「あ～、こんなん作ったなぁ～」という気持ちになりますよ。
上図は私の学生時代初期～後期の作品集を比較したものです。
目に見えた状態で良くなっている事が分かると、やる気が維持しやすいです。
時間があるときに少しずつ手をかけてあげると作品集の品質は徐々に向上していきます。
作り切ったら終わりではなく、ちょいちょい手を入れてあげてください。
なお人によりますが、学校の課題で作ったものは「作らされました感」が全面的に出やすい気がします。
品質の高い課題の作品は良いのですが、微妙な学校課題は徐々に減らしていきましょう。
まずは0を1に、そして地道に作り続けて人に見せて改善を積み重ねていく事がポートフォリオの品質向上の鍵です。
作品は絞る
掲載する作品は厳選しましょう。
自身が作成した作品を全て掲載するのもアリだとは思うのですが、微妙だったりポートフォリオの世界観にそぐわない作品は除外して、より密度の高い作品集にする方がベターです。
なおポートフォリオを作りはじめたばかりの方は作品が少ないかと思われます。
初めての方は作品を厳選せず、まずは質に関わらず最後まで作り切ることを目標としてください。
一度ポートフォリオを作り切って「さぁテコ入れしていこう」という方は、徐々に作品を厳選しましょう。
ポートフォリオは一度作って「ハイおしまい」というものではありません。
より良いものにしたい場合は「PDCAサイクル」を上手く回す必要があります。
- PLAN(どんなポートフォリオにするか計画を立てる)
- DO(ポートフォリオ作りを実行)
- CHECK(作成したポートフォリオを客観的に評価＆他者に見てもらう)
- ACTION(ポートフォリオをより良くするための改善点を考え、最初のPLANに繋げる)
上記のようにPDCAサイクルを回すことで徐々にポートフォリオのクオリティは上がっていきます。
ナカナカ大変ですが、自身の作品をより魅力的に伝える為のポートフォリオを作るためにはそれなりに時間を割く必要があります。
また作ったポートフォリオを誰かに見せて感想を聞いてみると、自分では気づかない指摘を受けて改善の手助けになるかもしれません。
他人に自身の作品集を見せるのは少し恥ずかしいですよね。
しかし積極的に他者に見せるのもクオリティアップの一手ですよ。
以上、ポートフォリオの作り方でした。
あくまで作り方の一例ですが、ポートフォリオ制作の手助けになれば幸いです。
基本的には作っては手直し、作っては手直しの繰り返しです。
地味な作業ですが、積み重ねると見える形となって反映されるはずです。
品質の高いポートフォリオができると必然的に就職活動が有利になります。
ポートフォリオが完成した方は「惜しいポートフォリオの例と改善例」で自身の作品集が当てはまらないかチェックしてみてください。
ではまた！
貴方に最適な
就職・転職エージェントを診断
所要時間10秒！
数クリックで貴方に必要なエージェントを診断します！
リクナビやen転職等には無い業界特化型エージェントを厳選！
併用する事で収入UP、好条件の可能性が格段に高まります。
目指している業種・雇用形態はどれですか？
目指す業界は何ですか？
クリエイティブ系特化、マーケティングも含む総合型、どちらが希望ですか？
貴方にオススメのエージェントはWebist（ウェビスト）です。
Webist（ウェビスト）は完全無料で使えるWeb業界に特化した転職エージェントです。Web関連の取り扱い求人数はトップクラス！
ちなみに私はWebistを前職で利用し、年収が80万円程アップしました。条件交渉に長けたエージェントが調整してくれるので高確率で年収アップが可能！
貴方にオススメのエージェントはマスメディアンです。
マスメディアンは、マーケティング・クリエイティブ職種に強みを持つ無料で利用できる転職エージェンです。有名な宣伝会議のグループ会社として、宣伝会議の人脈や情報ネットワークを駆使し、転職希望者を支援！
クリエイティブ系だけでなく、マーケティング分野にも強いエージェントはマスメディアンだけです。
貴方にオススメのエージェントはTech Stars Agentです。
ゲーム業界の就職・転職に必須のTech Stars Agentは、10年後を見据えたキャリアを想定した転職活動が特徴です。せっかく転職してもすぐに離職しては無意味ですよね。
ゲーム業界に精通したキャリアカウンセラーと最適な企業を選定し、長く続けられる最良の職場を見つけられます。
貴方にオススメのエージェントはマイナビクリエイターです。
マイナビクリエイターが取り扱っているクリエイティブ系求人情報の数が業界トップレベル！
さらにマイナビクリエイターを代表するサービスがMATCHBOXという名のポートフォリオ制作サービスです。作品画像とテキストを準備するだけで、Webと紙媒体のポートフォリオが作れます！
クリエイターなら必ず登録しておきたいエージェントの一つです。
どの条件が貴方に当てはまりますか？
貴方にオススメのエージェントはレバテックキャリアです。
エンジニアの転職エージェントのド定番、レバテックキャリアです。取り扱っている求人数が非常に多く、内定率が高いのが特徴です。
マッチングの精度が高く、離職率が低いので長く働ける職場と出会える確率が格段に高まります。
貴方にオススメのエージェントは転職ドラフトです。
無料で利用できる転職ドラフトは年収UP率93.8% / 平均年収UP額126万円と圧倒的な年収UP率を誇るイベント型のエンジニア向け
転職サービスです。有象無象の中から厳選した企業のみ掲載！コピペや一括スカウトは一切無く、本気のスカウトのみ届きます。
好条件だけあって応募者は未経験不可！IT/Web系のエンジニアであり、実務経験が1年以上または同等の実力が必要となります。
貴方にオススメのエージェントはレバテックルーキーです。
レバテックルーキーはITエンジニアを目指す学生に必須の無料で使えるエージェントです。大手だけでなく、厳選ベンチャー企業や多くの優良非公開求人など、リクナビをはじめとした総合エージェントには無い求人が大量に存在します。就活アドバイザーが親身になって対応してくれるので、初めての就活も安心して行えます。
もちろん各種添削、ポートフォリオサポートなど、就活ツールの研鑽を手助けしてくれるので内定率が格段に向上しますよ。
貴方にオススメのエージェントはIT求人ナビです。
IT求人ナビは通常の転職活動としてのエージェントとしてだけでなく、将来的にフリーランスとして独立を考えられている方にオススメできる無料エージェントです。
初めての独立で何から始めたらよいか分からない、そういった方の支援をゼロから行ってくれます。
福利厚生は重視しますか？
貴方にオススメのエージェントはMidworks（ミッドワークス）です。
Midworksは無料で利用できるエージェントですが、豊富な案件と「フリーランス」と「正社員」の良いとこ取りをした働き方を実現する手厚い保障が特徴です。
給与保障制度（審査あり）、交通費支給（月3万）、キャリアアップの為の勉強代費（月1万）等、通常のフリーランスではあり得ない手厚い保証が多々あります。
また還元率80％超え＆クライアント単価公開でクリアな契約、エンジニア特化キャリアコンサルタントならではの長期的な人生の充実を見据えた総合的なアドバイス、フォローなど、条件面やキャリアプラン形成の面でも好条件のエージェントです。
求めている職種は何ですか？
貴方にオススメのエージェントはPe-BANKです。
無料で利用ができるPe-BANKは、フリーランスエンジニア向けサービスの中でも歴史が長く、登録者の年齢層が比較的高く、安定感のあるサポートが特徴です。
類似サービスは複数ありますが、ユーザーに寄り添った手厚いサービスという面では圧倒的な強みを持っています。フリーランスに対して不安を抱いているユーザーにとっては特におすすめのサービスです。
貴方にオススメのエージェントはレバテッククリエイターです。
無料で利用ができるレバテッククリエイターはWeb・ゲーム系を中心とした案件・求人情報を提案しています。
Web・ゲーム業界の技術に精通した専門のコーディネーターが、案件への参画前から参画後まで、そして提案やキャリアに関する相談など手厚いサポートを提供しています。
人材担当、企業担当の他に、フォロー専門の担当がいるので案件参画中のフォローも充実！
また契約の途切れの不安を解消するよう、徹底した早期の契約更新確認が行われています。長く案件に従事するならレバテッククリエイターは非常に強いです！
貴方にオススメのエージェントはテックビズフリーランスです。
無料で利用できるテックビズフリーランスは、新卒で約3年以上実績のあるミドル層にとって最強のエージェントです。
フリーランスの立場に寄り添った提案はもちろん、深夜や土日を問わず対応してくれます。
結果として案件決定率は驚異の90％超、継続率90％超！
しかも日々の記帳代行だけでなく、超面倒な確定申告まで全てテックビズフリーランスの税理士が無料サポートしてくれます！
必ず登録しておきたいフリーランスエージェントの1つです。
貴方にオススメのエージェントはクラウドテックです。
高単価リモート案件を求めるのであればクラウドテックは必須です。利用はもちろん無料！
フル稼働ではなく、週3日、4日など、稼働日数の調整も可能！
また、支払いも業界最短クラス！
当月末締め、翌月15日支払なのは嬉しいですね。
貴方にオススメのエージェントはjoinです。
「ITエンジニアとしての経験を積んできたけれど、これから先フリーランスになろうか迷っている...」、「フリーランスに挑戦したいけれど、自分の力だけで踏み出すには不安がある...」
そういった方にまず最初に利用していただきたいエージェントがjoin（ジョイン）です。
エンジニアに特化していますが、デザイナーやディレクター、スキル・業種ともに幅広い案件があります
案件への参画前、参画中、参画後、全てのフェーズで手厚いフォローがあるので、フリーランス初心者の方でも安心です。
もちろん案件の事だけでなく、個人事業主としての第一歩である開業届や、確定申告等のサポート等、多角的にフリーランスエンジニアを支援します。
貴方にオススメのエージェントはリモートビズです。
無料で利用できるリモートビズはリモート案件のみ取り扱っています。また時短、副業等、個人に合わせた仕事のスタイルが可能！
そしてリモートビズの案件はほとんど全てが直案件。毎月の収入が不安定、不安という方も定期的で高額な収入先の確保が可能ですので、安心して働くことが可能です。
高単価な高待遇案件ばかりなので、利用者には実務経験3年以上のスキルが求められます。
貴方にオススメのエージェントはBizseekです。
Bizseekは無料で使えるランサーズやクラウドワークスといったサービスと同種です。
何が違うか、それは「手数料」。クラウドワークスだと案件の20%が手数料として引かれますが、Bizseekは半分の10%、非常に良心的です。
高単価案件も数多く存在するので、低い手数料を考慮すると単価が格段に上がりますよ！
デザイナーの就職・活動に必要なポートフォリオに迷った際に参考にしてください。
現役デザイナーが教えるIllustrator、Photoshop、ポートフォリオ講座の目次です。
デザイン未経験からプロを目指しましょう！
