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

【クリスタ】つづるさんによる無機物を擬人化するイラストメイキング

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

つづるさんによる無機物を擬人化するイラストメイキング講座を紹介いたします。
信号機をモチーフにしたキャラクターデザインと作画テクニックを詳しく解説!

作者のご紹介

今回イラストメイキングを紹介してくれる方をご紹介します!
※作品の無断利用はご遠慮ください。

つづる さん
「描き込み、詰め込む」イラストが大得意です。
自分が書いたものを仕事につなげられる夢を叶える為に日々勉強中、見た方が魅力的だと感じられるイラストを目指しています。 成長と挑戦を繰り返しながら日々精進しております。宜しくお願い致します!

経歴(制作実績・受賞歴)

2022年
AMG 卒業進級展 キービジュアルコンペ 採用
デザ魂 着物・浴衣スタイルイラストコンペ 優秀賞
ノベルス文芸学科卒業記念作品集 表紙コンペ 採用
2021年
声優学科 秋季制作発表会 キービジュアルコンペ 採用
クロスプラススタジオ様公式マスコットキャラクター 佳作賞
資格
色彩検定2級
リテールマーケティング検定3級

イラストメイキング

つづるさんにメイキングの解説をしていただく作品です!


作品タイトル:信号機の墓場

捨てられた信号機をイメージし、擬人化してキャラクター化しました。全体的に暗いけどキャラクターがしっかり見えるよう意識して描いています。

信号機の墓場は実際にあり、使われなくなった信号機が置かれています。なのでキャラクターにサビがあったり、怪我をしていたりする要素も取り入れました。

使用ツール:CLIP STUDIO PAINT
制作時間:45時間
制作時期:2022年2月

@つづる

STEP.1
ラフを描く
作画はラフから仕上げまで、全てCLIP STUDIO PAINTを使用。
導入がまだの方はセルシス公式サイトから入手しましょう。

まずは構図を考え、ラフを描きます。
赤・黄・青の信号機を擬人化し、キャラクター化していきます。
STEP.2
線画を描く
ラフを元に線画を作成します。

クリスタのリアルGペンや、濃い水彩というペン先で作画
後から調整をする事も頭に入れてキャラ同士はもちろん、キャラ1人に対しても髪や服などレイヤー分けをしています。
塗りをする前に線画の書き込みを行います。
アウトラインを太くしたり素材によって線の太さを調整し、魅力的にするため描き込みます。
STEP.3
着色
信号機の擬人化キャラや足場の下塗りを行います。

キャラクターのパーツごとにレイヤー分けをし、ベースカラーを決めます。

キャラのベースカラーは影を入れるので、少し明るめに設定しました。サビなど染み付いているものはこの時点で着色します。
STEP.4
陰影の着色
新規レイヤーを追加し、ベースカラーにクリッピングして陰影の着色を行います。

塗りに使用するペンは主にエアブラシ(硬さの設定を100にしたもの)や濃い水彩、透明水彩などを使用します。

また乗算▷オーバーレイ▷ソフトライト(ハードライトまたはスクリーン)などを重ねて着色を行います。オーバーレイやソフトライトの使用をする事で着色の情報量を入れます。
STEP.5
背景を描き込む
背景を描き込みます。
遠景なので線画は描かず、直接塗りで描いていきます。

使われなくなった信号機で、何もすることが無くて座ってダラダラ会話しているような虚無感を背景に落とし込むようにしました。カラスなどを描き込み墓場感を増すようにしました。
人がほぼ完成してきたら、肌と髪をなじませたり、オーバーレイで肌の色を明るくして立体感を出したり、血色を良くします。
背景を入れる際にぼかしや彩度を低くして、背景に人が飲み込まれないように調整します。
FINISH
色味の調整やカラスや羽を加筆し、描きこんだら完成です。

最終的にはキャラクターと背景の差別化のためキャラを明るめに調整しました。細かい調整や、初めて描くもの、3人をぎゅっとまとめる構図を考えるなど、制作を楽しめた作品になりました。

信号機の墓場@つづる

@つづる

つづるさんの作品を紹介

つづるさんのポートフォリオや作品を紹介します。
全て妥協が無い仕上がり、非常に見ごたえのある作品ばかりです!

イラスト作品

つづるさん

一枚絵やキャラクターデザインの設定画などです。細部までオリジナリティと世界観を反映したデザインを描き込みました!

※クリックすると拡大します。

@つづる

PLUG – CHANGE(プラグチェンジ)

つづるさん

スマホゲームを想定してキャラクターやUI、ロゴをデザインしました。

タイトル画面

@つづる

あらすじ

時代は2050 年。

動物達の中には夢があり、その夢が形態の進化につながった動物たちがいた。
しかしその進化はやがてウイルスとして人間に影響を与えるようになる。

飼っていたペンギンの進化の影響で翼が生えてしまった主人公「黒森皇一」は、ウイルスの治療法、研究をするチームに入り影響を阻止するために動きだす。

ロゴデザイン

研究がテーマの一つなので近未来感を意識。
タイトル名は、変身につながるという意味です。

A の色がついた丸はウイルスをイメージ、変身の核はウイルスということを表現しています。また、近未来感を残すためシンプルな丸にしました。

登場キャラクター・相関図&メイン画面

@つづる

つづるさんのおまけプロフィール
長所・短所

メンタルをコントロールすること
優柔不断

制作時に意識している事

フィギュアにしたら「かっこいいか、かわいいか」を考えます。
装飾や、キャラクター性をしっかり取り入れ制作します。

制作時に譲れないこと

小さい部分でも力を入れること。
拡大して絵を見る事が好きなので相手に何回みても飽きさせないようにしっかり描き込みます。

尊敬している絵描き様

米山舞先生、堀越耕平先生、龍幸伸先生、さくしゃ2 先生、さいとうなおき先生、るろあ先生、siki 先生、くっか先生、あだちとか先生 etc…

好きな映像作品

ストレンジャーシングス、AKIRA、パプリカ etc…

好きな漫画

僕のヒーローアカデミア、青の祓魔師、不滅のあなたへ、ノラガミ、ダンダダン

好きなゲーム

ポケモンブラック2、クラッシュバンディクー、SKY

おわりに

つづるさん

幼少の頃から常に絵を描いていました。
絵を上手く描けなかった時の悔しさをやる気にして技術を磨くようにしてきました。

高校時に、バイト先でPOP制作を行った時の事です。
依頼をしてくださるマネージャーの要望を取り入れPOPと商品の雰囲気を合わせたり、見やすいレイアウトにしたり様々な工夫をしながら制作しました。

結果、お店の売上を上げることが出来た事も嬉しかったですがオーナーとマネージャーから頂いた「ありがとう」の一言に制作を行うやりがいを感じ、感極まりました。
この経験から絵を描くことを仕事に繋げたいと考え今に至ります。

専門学校入学後も有償依頼を受けさせて頂いた際に、依頼をしてくださった方に「クオリティ高くてマジびっくり」と言って頂いた事から、さらに技術を上げたいと思い日々精進しております。
依頼してくださる方や、アドバイスをくださる方々とのコミュニケーションも大切にし、心を掴んで離さない最高のクリエイターとして活躍できるよう今後も努力し続けます。

以上、つづるさんによるイラストメイキング講座でした。
どの作品も妥協が無い仕上がりで素晴らしい仕上がりです。

またイラスト作品だけでなく、ポートフォリををはじめとしたデザインワークも非常にハイクオリティで見ごたえ抜群!
もう既に独自の世界観を確立されており、今後の活躍がますます楽しみですね。


貴重なメイキングの紹介、ありがとうございました!

学生6名によるゲーム業界に特化したポートフォリオの作例を紹介

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

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