特殊効果・テクニック
初心者も簡単！サイバーイラストの描き方
サイバーイラストの魅力や特徴 サイバー感とは？ サイバー感とは、コンピュータやインターネットが作り出す仮想空間、テクノロジー、近未来を連想させる雰囲気や表現のことです。SFの世界観の中でも、機械と光、デジタルの情報が入りまじったイメージです。 サイバーらしく描きたいときに大切なのは、見た人が一目で未…
カテゴリーから選ぶ
キーワードから選ぶ
イラストを描くとき、線や形と同じくらい印象を左右するのが色です。同じ構図やポーズであっても、選ぶ色の組み合わせ次第で、かわいらしくも見えれば、力強くも、あるいは寂しげにも見えてきます。
この記事では、色を構成する3つの要素の基本から、まとまりのある配色を作るための考え方、色相ごとの組み合わせの例までを、なぜその色がその印象になるのかという理由とあわせて解説します。
色は、色相、彩度、明度という3つの要素の組み合わせでできています。この3つがそれぞれ何を表しているのかを知っておくと、なんとなく色を選ぶのではなく、狙った印象に向かって色を組み立てられるようになります。
色相とは、赤や青、黄色といった色そのものの種類のことです。光は波長によって見え方が変わり、その波長の違いを人間の目が色として感じ取っています。この色相を波長の順に円状に並べたものが色相環です。
色相環の中で正反対の位置にある色同士を補色と呼びます。人間の目には、ある色を見続けたときにその反対の色を感じ取ろうとする性質があり、これを同時対比といいます。補色同士を並べると、それぞれの色がこの性質によって一段と鮮やかに見えるため、お互いを引き立て合う効果が生まれます。
彩度とは、色の鮮やかさの度合いのことです。彩度が高い色は純粋な色味に近く、目に飛び込んでくるような強さを持つため、派手で元気な印象を作りたいときに向いています。反対に彩度が低い色は、灰色が混ざったような落ち着いた色味になり、渋さや古さを感じさせる表現に向いています。
黒、白、灰色には色味そのものがなく、彩度を持たないため無彩色と呼ばれます。それ以外の、色味を持つすべての色は有彩色です。
明度とは、色の明るさの度合いのことです。明度を上げていくと色はしだいに白へ近づき、下げていくと黒へ近づいていきます。
この明度の差をコントラストと呼びます。人間の目は明るさの差がはっきりしている場所ほど強く注目する性質を持っているため、コントラストが高い部分にはおのずと視線が集まります。逆にコントラストが低いと、輪郭がぼやけて柔らかい印象になります。イラストの中で見せたい場所には明度の差を大きくつけ、それ以外の場所は差を抑えるという使い分けが、視線を誘導するうえで重要になります。
色に迷ったときは、まず3色を選び、70%、25%、5%という比率で画面に配置してみます。この比率は多くのデザインで使われており、面積の差によって色同士に主従の関係が生まれるため、画面全体に自然なまとまりが出やすくなります。
面積がいちばん大きいベースカラーは、背景や土台となる色です。次に大きいメインカラーは、作品の主役を象徴する色になります。そしていちばん小さいアクセントカラーは、画面を引き締めるための差し色です。すべての色を同じ面積で使ってしまうと、どこが主役なのかが伝わりにくくなるため、色を決めるときはメインカラーから先に決め、そのあとベースカラー、最後にアクセントカラーという順番で選んでいくと、主役がはっきりとした配色になります。
色相環を使うと、色同士の関係を目で見て確認しながら組み合わせを選ぶことができます。
補色は、色相環で正反対にある色の組み合わせです。先に触れた同時対比の効果によってお互いを強く引き立て合うため、インパクトがあり、目を引く配色になります。
類似色は、色相環で隣り合う色の組み合わせです。隣り合う色は元になっている波長が近いため、色味の性質が似ています。そのため画面全体に安定感やまとまりが生まれやすくなります。
反対色は、色相環で正反対の色の両隣にある2色を選ぶ組み合わせです。補色ほど極端な差ではないため、メリハリを持たせながらも、補色よりやわらかく落ち着いた印象にまとめることができます。
トーンとは、明るさと鮮やかさを合わせた色の調子のことです。使う色の彩度と明度をだいたい同じ範囲でそろえると、色相が違っていても全体に統一感が生まれます。主役だけトーンを変えて浮き立たせるといった使い方も効果的です。
彩度の高い色同士を隣り合わせると、境界線で色がぶつかり合い、目がちらつくことがあります。これは色相環で離れた色同士が同時対比によってお互いを強調しすぎることで起こります。この境界に白や黒、灰色などの無彩色を細く挟むと、色同士がいったん区切られて視覚的な衝突が和らぎ、画面全体が引き締まります。
1色で塗りつぶした面は単調になりやすいですが、明度や彩度を少しずつ変化させるグラデーションを使うと、面の中に奥行きが生まれます。見せたい部分に向けて明るさを高めていくと、その場所に自然と視線が集まる効果も期待できます。
色数が多すぎると、目がどこを見ればいいか定まらず、画面全体がまとまりのない印象になります。まずは3色程度に絞り、先に紹介した「70:25:5の法則」を意識してみると、色同士の役割がはっきりします。
すべての色を彩度の高い状態で使うと、同時対比が画面のあちこちで起こり、チカチカとした落ち着かない印象になります。どれか1色だけ彩度や明度を下げて、目立たせたい色との差をつけると、全体のバランスが整います。ツールの色調補正機能を使いながら、少しずつ調整していくとよいでしょう。
同じ赤や青といった色相であっても、組み合わせる相手の色によって印象は大きく変わります。ここでは色相ごとに、代表的な組み合わせがなぜその印象になるのかを見ていきます。
赤色をシックにまとめたいときは、深い赤と、それよりもさらに明度を落とした暗い赤、そして黒を組み合わせます。同じ赤系統の中で明度だけを落としていくと、赤が本来持つ情熱的で強い印象が抑えられ、重みと落ち着きのある雰囲気になります。
反対に赤をカラフルに見せたいときは、赤、黄色、緑という色相環の上でおよそ等間隔に並ぶ3色を使います。この3色はどれか1つが際立って強くなることがなく、それぞれが対等に主張し合うため、にぎやかで色数の多い印象になります。
青色をフレッシュに見せたいときは、水色とオレンジという組み合わせが使われます。青とオレンジは色相環でほぼ正反対に位置する補色の関係にあり、同時対比によってお互いの鮮やかさが引き立ち合います。そこに白を挟むことで、セパレーションカラーの働きにより色同士の主張がぶつかりすぎず、爽やかさが保たれます。
落ち着いた印象にしたいときは、濃い青と青緑という類似色に、彩度を落とした生成り色を組み合わせます。色相の近い色同士でまとめることで、派手さを抑えた安定感のある配色になります。
黄色をダイナミックに見せたいときは、黄色と紺色、そして鮮やかなピンクを組み合わせます。黄色と紺色は色相環で離れた位置にあるため明度と彩度の差が大きく開き、そこに彩度の高いピンクが加わることで、強いコントラストが複数生まれて活発な印象になります。
さわやかに見せたいときは、黄色に淡い水色と灰色を合わせます。彩度を抑えた水色と、色味を持たない灰色をあいだに挟むことで、黄色の主張が和らぎ、すっきりとした軽やかな雰囲気にまとまります。
ほかの色では、茶色にオリーブがかった緑と淡いピンクを合わせると、彩度を抑えた暖色同士がなじみ合い、古い写真や染め物を思わせる古風な雰囲気になります。
紫色に薄い藤色とベージュがかった黄緑を合わせると、色相の近い色同士でまとまるため、主張の少ない穏やかな印象になります。
緑色は、濃い緑から黄緑、さらに明るい黄緑へと、同じ色相の中で明度を少しずつ上げていくと、木々の茂りから木漏れ日までを思わせる、自然で爽快な広がりが生まれます。
かわいらしく優しい印象にしたいときは、明度が高く彩度の低いパステルカラーが向いています。淡い色は光の反射が弱く、目に与える刺激が少ないため、穏やかな印象につながります。類似色でまとめると、色同士の主張が強くならず、統一感のある優しい雰囲気になります。
元気でポップな印象にしたいときは、彩度の高いビタミンカラーが効果的です。彩度の高い色は同時対比の働きが強く出るため、補色や反対色を組み合わせることで、メリハリのある賑やかな雰囲気が生まれます。
レトロで上品な印象にしたいときは、彩度をやや落としたくすみカラーが向いています。鮮やかさを抑えることで、目への刺激が弱まり、落ち着いた印象になります。
参考記事：初心者も簡単！レトロなイラストの描き方
ダークで神秘的な印象にしたいときは、彩度と明度をどちらも低く抑えた暗い色をベースに選びます。そこに一色だけ彩度の高い補色を差し込むと、暗い色との明度差が大きく開き、強いコントラストが生まれてメリハリのある印象になります。
色の持つ性質は、季節感の表現にも応用できます。春は明度が高く彩度の低いパステルカラーで、光の柔らかさを表現します。夏は彩度の高いビタミンカラーで、強い日差しの力強さを表現します。秋は彩度を落としたアースカラーで、深みのある落ち着いた空気を表現します。冬は彩度と明度をどちらも低く抑えた色で、澄んだ空気の凛とした印象を表現します。
アタムアカデミーのオンラインイラスト教室では、配色・色選びの基本を学ぶことができます。
色を構成する3つの要素の基本から、まとまりのある配色を作るための考え方、色相ごとの組み合わせの例まで、配色・色選びについて基本から応用まで講師とやりとりしながら練習できます。
記事一覧に戻る
アタムアカデミーでは、入塾前にオンラインイラスト教室の授業を体験できる無料体験レッスンを行っています。講師とビデオ通話をしながら授業を体験していきます。
オンライン無料体験レッスンはiPadに必要なソフトをインストールし、applepencilを使って授業を行っています。iPadをお持ちでない方は、紙とペンでの体験もできます。
課題や制作した作品は講師とチャットやメールでやりとりをすることで共有を行います。兄弟でのご参加、お友達同士のご参加もOK。
オンラインであっても、対面型の教室と同じように学ぶことができます。
インターネット・カメラ機能のある端末1台
タブレット&タッチペン
