キャラクターデザインで色の選び方に悩んでいる人
![](https://i0.wp.com/unlimitedream.com/wp-content/uploads/2021/01/3E0C057C-AA2E-4AC9-B8B9-B8ED373E5B30.jpeg?resize=80%2C80&ssl=1)
キャラクターデザインをしているんだけど、色選びに悩んでいる・・・
無限にあるからどれを選んだらいいかわからないだよなあ
色選びの考え方や配色方法を知りたい
こんな悩みに回答します。
![](https://i0.wp.com/unlimitedream.com/wp-content/uploads/2022/10/752C1EBA-A33A-4D9E-A950-A45FD2133AA3.png?resize=80%2C80&ssl=1)
こんにちは、フォックスです!
ゲーム業界で元デザイナー、現在マネージャーとして働きながらブログ執筆をしています
今回は色の選び方について解説します。
私もブログや趣味でよくキャラクターを描いていますが、いつも色選びは悩んでいます。
そこで色選びについて改めて勉強したいと思いこの本を取りました。
イラストレーターのくるみつさんの『「キャラクター」のデザイン&描き方 カラフルポップで魅せるイラスト技巧』です。
この回では本書が教えてくれる、キャラクターデザインの配色の考え方と実際の配色方法を抜粋して紹介します。
この記事を読めば同じく色選びに悩んでいる方のヒントになると思います。ぜひ最後までお読みください!
![](https://i0.wp.com/unlimitedream.com/wp-content/uploads/2021/01/3E0C057C-AA2E-4AC9-B8B9-B8ED373E5B30.jpeg?resize=80%2C80&ssl=1)
今日も一緒にスキルアップしていこう!
配色の考え方
まず基本的な配色の考え方を解説します。
使う色を限定する
色は適当に選ばないでください。まずは使う色のトーンを決めると選びやすくなってオススメだと、著者は言っています。
色のトーンとは色の明度と彩度の近いものを集めたグループのことです。以下はその一例です。
![](https://i0.wp.com/unlimitedream.com/wp-content/uploads/2022/01/9355000C-DDD8-46BC-B7B5-7C61067C7B6A.jpeg?resize=880%2C448&ssl=1)
色を選ぶときはトーンのグループ内で選ぶことによって、イラスト全体の色味をまとめることができます。
トーンを決める→メインカラーを決める→サブカラーを決める・・・というふうに限定していくと迷いが減るとのことです。
ベース色とカゲ色の決め方
著者は、ベース色とカゲ色を塗れば最低限イラストは完成できると言っております。
ベース色とはメインカラー、サブカラー、無彩色のベースとなる色のことです。
下の図はベース色とカゲ色だけで塗ったイラストです。
![](https://i0.wp.com/unlimitedream.com/wp-content/uploads/2022/01/ED550115-8FAE-4B2F-AFC6-2B072A20DAFA.jpeg?resize=600%2C800&ssl=1)
![](https://i0.wp.com/unlimitedream.com/wp-content/uploads/2021/01/3E0C057C-AA2E-4AC9-B8B9-B8ED373E5B30.jpeg?resize=80%2C80&ssl=1)
カゲの色はどうやって選べばいいの?
![](https://i0.wp.com/unlimitedream.com/wp-content/uploads/2022/10/752C1EBA-A33A-4D9E-A950-A45FD2133AA3.png?resize=80%2C80&ssl=1)
著者のくるみつさんはカラーサークルから手動で選んでいるとのことです
下が選び方の例です。
![](https://i0.wp.com/unlimitedream.com/wp-content/uploads/2022/01/6D94C50B-47AB-41D5-A5CD-4F9129DD4197.jpeg?resize=880%2C965&ssl=1)
![](https://i0.wp.com/unlimitedream.com/wp-content/uploads/2020/08/nekot.gif?resize=80%2C80&ssl=1)
ベース色が左上にあったらカゲは右下、右上にあったら左下の色を選ぶのがコツかもしれないな
モチーフから配色を決める方法
![](https://i0.wp.com/unlimitedream.com/wp-content/uploads/2022/10/752C1EBA-A33A-4D9E-A950-A45FD2133AA3.png?resize=80%2C80&ssl=1)
ここからは、配色の具体的な方法を解説します
ひとつめは、モチーフから配色を決める方法です。
- モチーフからイメージをふくらませる
- メインカラーを考える
- 配色を考える
この方法はモチーフのイメージがあるため色を決めやすい特徴があります。
1.モチーフからイメージをふくらませる
例えば「冬」をテーマにしたキャラクターデザインをするとしたら、「冬」から連想するワードを考えます。
![](https://i0.wp.com/unlimitedream.com/wp-content/uploads/2022/01/8B388993-EF05-419F-A7C2-493DBC5212C3.jpeg?resize=637%2C796&ssl=1)
2. メインカラーを考える
続いてメインカラーをどういった色にするかを考えます。
![](https://i0.wp.com/unlimitedream.com/wp-content/uploads/2022/01/A81F1BAB-09E8-43BA-ADC8-FD609862DAAE.jpeg?resize=405%2C412&ssl=1)
完全な「白」よりは淡い青寄りにしました
3. 配色を考える
メインカラーを決めたら全体の配色とバランスを決めます。
メインカラーに次に多くの割合を占めるサブカラーとイラストのアクセントになるアクセントカラーを決めます。
![](https://i0.wp.com/unlimitedream.com/wp-content/uploads/2022/01/8AEB8E42-0E55-4D25-B46A-CBE023EC4CF5.jpeg?resize=880%2C1000&ssl=1)
使いたい色から決める方法
次に使いたい色から決める方法を紹介します。
- 使いたい色を選ぶ
- 色からイメージをふくらませる
- 配色を考える
好きな色を最初に選んで、それからキャラクターのイメージを含ませて配色を決めます。
1. 使いたい色を選ぶ
まず使いたい色を選びます。著者のくるみつさんは、はじめに2種類の色を決めることが多いそうです。
![](https://i0.wp.com/unlimitedream.com/wp-content/uploads/2022/01/F5491DFD-9642-4BDC-887B-0FCAE846DCA4.jpeg?resize=494%2C353&ssl=1)
2. 色からイメージをふくらませる
選んだ2色からイメージからキャラクターデザインをふらませます。
![](https://i0.wp.com/unlimitedream.com/wp-content/uploads/2022/01/313D9EB2-808E-4881-ADD3-4DD58306B9BB.jpeg?resize=853%2C1752&ssl=1)
今回選んだこの2色からはSFの印象を受けたのでSF世界をテーマにデザインを考えてみました。
3. 配色を考える
続いて配色とバランスを考えます。
![](https://i0.wp.com/unlimitedream.com/wp-content/uploads/2022/01/EF1C5C0E-99AC-43EF-88B4-1F694AE518FE.jpeg?resize=828%2C1024&ssl=1)
アクセントカラーは蛍光の青色を選び全体のバランスを考えます。
色の配置のコツ
色の配置のコツについて、くるみつさんは次のようなアドバイスをしています。
隣接する色の間にはコントラスト強い無彩色の白や黒を使うことでイラストが見やすくなる、といいます。
隣接する色が類似色になると境界があいまいになり、シルエットやメインカラーが引き立たなくなってしまうからだそうです。
以下に好例とイマイチな例を紹介します。
![](https://i0.wp.com/unlimitedream.com/wp-content/uploads/2022/01/3AF97E83-7425-482F-BDEA-B539838335A0.jpeg?resize=880%2C734&ssl=1)
- 隣接する類似色の間に無彩色(白や黒)を挟むと見やすい
- 類似色が隣接していると境界線があいまいになる
- メインカラーの隣にトーンの違う色を置くと親和性が取れない
- ③と同様に、メインカラーの隣にトーンの違う色を置くと、やはり親和性が取れない
類似色でまとめる方法
最後の3つめに、類似色でまとめる方法について紹介します。
あまり色数を使わず統一感を持たせることがきます。
類似色でまとめる方法
- メインカラー周辺の色をたくさん使う
- トーンをそろえる
- 無彩色を使う
- アクセントカラーは親和性が合えば自由
メインカラー周辺の色をたくさん使う
メインカラーを選ぶ際には、下の図のように類似色を選びます。
![](https://i0.wp.com/unlimitedream.com/wp-content/uploads/2022/01/21B81314-7ABD-4349-A24A-56EC98D021F0.jpeg?resize=880%2C878&ssl=1)
アクセントカラーについては、類似色でまとめる場合は親和性が合えば何色でもいいとのことです。
無彩色を使う時のポイント
無彩色の黒と白も使い方のポイントとしては、完全な無彩色にするよりも少しメインカラーを混ぜるとなじみやすいとのことです。
![](https://i0.wp.com/unlimitedream.com/wp-content/uploads/2022/01/7E0097F7-765D-4587-A183-1AAB733926E4.jpeg?resize=880%2C662&ssl=1)
色の選び方のまとめ
今回はキャラクターデザインの色選びの考え方について解説しました。
キャラクターデザインの色選びの考え方
- 色はトーングループを限定して選ぶことで迷いが減り、イラスト全体の色味がまとまる
- 色はモチーフから決める方法、使いたい色から決める方法、類似色で決める方法がある
- 色はメインカラーとサブカラー、アクセントカラーの配色バランスをとる
いかがだったでしょうか?
筆者は今回勉強してみて、改めて色選びの基準を決めること、配色のバランスを考えることが大事だということがわかりました。
![](https://i0.wp.com/unlimitedream.com/wp-content/uploads/2021/01/3E0C057C-AA2E-4AC9-B8B9-B8ED373E5B30.jpeg?resize=80%2C80&ssl=1)
今まで色を適当に選んでしまっていたけど、色の選び方や配色の考え方がすこしわかったよ
配色の考え方をもっと詳しく勉強したいと思った方は本書を手に取ってみてください。
![](https://i0.wp.com/m.media-amazon.com/images/I/51-ASOmq4ZL._SL160_.jpg?w=880&ssl=1)
「キャラクター」のデザイン&描き方 カラフルポップで魅せるイラスト技巧
今回は以上です。このブログはゲームのデザイナーを目指す初心者の方に役立つ情報を発信しています。参考になりましたらブックマークをお願いします。
![](https://i0.wp.com/unlimitedream.com/wp-content/uploads/2022/10/752C1EBA-A33A-4D9E-A950-A45FD2133AA3.png?resize=80%2C80&ssl=1)
引き続きスキルアップして行きましょう
フォックスでした!