配色が苦手な方必見!ダウンロード数アップに繋がる 色選びのセオリー

For Illustrator

配色が苦手な方必見!ダウンロード数アップに繋がる 色選びのセオリー

イラストの印象を左右する要素のうち、配色が占める割合がかなり大きいのをご存知ですか?せっかく上手にイラストが描けても、ま とまりのない色やテーマと関係ない配色のせいで台無しになってしまうことも・・・配色のセオリーを知れば、あなたのイラストはぐっ と印象が変わります。よりセンスのいいイラストに仕上げましょう!

明度・彩度・色相・トーンでそろえる

明度

「明度」とは色の明るさの度合いのことで、明度が高いと明るい印象に、明度が低いと暗い印象に近づきます。異なったカラーでも明度をそろえることで、統一感がでてまとまりを感じられます。

明度


彩度

「彩度」とは色の鮮やかさを指します。彩度が高いほど鮮やかで派手な印象となり、低いほど色がくすんで地味な印象となります。色の彩度が高いほど、強い印象になるのが一般的です。

彩度


色相

「色相」とは、赤・青・黄・緑などの色味を指します。この色相を円の形で表したものが色相環です。色相環上で隣接している色や、同一の色相で揃えるとまとまりやすくなります。最初に色相を意識することで、暖かい印象やクールな印象、高級感を表すカラーなど表現したいイメージカラーを選びやすくなります。

色相


トーン

「トーン」とは、上記の明度と彩度を組み合わせた考え方で、トーンを見たときに人に与える印象は深く関わってきます。元気、柔らか、 落ち着いた、華やか、クール、派手などの雰囲気を伝えることができます。

トーン

配色例を見てみよう

ゴーシャスなイメージ

紫系統を貴重としたカラーは、上品でゴージャスなイメージを演出することができます。またゴールドの装飾を取り入れることで贅沢なイメージを生み出しています。

ゴージャス


クール、爽やかなイメージ

ブルーは海や空など地球を連想させるイメージが浮かびます。青色を貴重とし寒色系のカラーを組み合わせることにより、爽快感・透明感・リラックス・涼しげな雰囲気を演出することができます。また、明るいブルーはクールダウンさせる効果を持っていますので、夏の王道カラーとしてぴったりですね。

クール・爽やかなイメージ


元気で楽しいイメージ

楽しい!元気!な印象を演出したいときは、ビタミンカラーのオレンジ・イエロー系統のカラーを含めると効果的です。また、鮮やかなトーンで統一することにより、はつらつとした快活な印象を与えることができます。

元気で楽しいイメージ


ナチュラル、安らぎのイメージ

ナチュラルで安らぎのあるイメージを演出したい時はグリーンを基調に配色してみましょう。緑色は、葉っぱや森林の自然のカラーでもあるので、癒しやリラクゼーション効果に繋がります。平和・安心・みずみずしさなどのイメージを表現することができます。

ナチュラル・安らぎのイメージ

便利なカラーツール

色の知識を勉強してもやはり一から色を探して組み合わせていくのはなかなか大変・・・短時間でさくっと配色を決めたい・・・という方もいらっしゃるのではないでしょうか。そんなときにはぜひカラーパレット系サイトをご利用ください!

Color Hunt
http://colorhunt.co/
4色で形成されたハイセンスなカラーチャートがずらっと並んでいます。それぞれのカラーにマウスオーバーするとその色のカラーコードが表示されます。カラーコードをコピーしてデザインすることが出来るのでとっても便利です。

Color Hunt


Color Hunter
http://www.colorhunter.com/
Color Hunterは、イラストや写真をアップロードするだけで自動的に5色のカラーパレットを作成してくれるツールです。イラストを 描く際に、なにかの写真を参考にすることがあると思います。こんな雰囲気を表現したい!という見本があっても、写真を見ただけではなかなかその色合いに近づけることが難しいと思いますが、このツールを使えばばっちりイメージ通りの配色を提案してくれます。

Color Hunter


CINEMA PALETTES
https://twitter.com/CINEMAPALETTES
映画のワンシーンから作られたカラーパレットが並んでいます。見本は「マレフィセント」になりますが、ほかにも「スターウォーズ」など名作がずらり!「ジブリ」や「アキラ」など日本のアニメ作品もあります。どの作品を見ても釣り合いの取れたカラーばかりで、見ているだけでも面白いですよ。こちらはツイッターアカウントになりますが、アイコンが「シャイニング」なのもぐっときます♪

CINEMA PALETTES


いかがでしたか?配色ひとつでイラストの印象はガラっと変わります!色の性質を考えながら、イラストのテーマと合致した配色で作成することでユーザー心理を動かし、あなたのイラストのダウンロード数がアップするかもしれませんよ!ぜひ参考にしてください♪

関連記事

  1. デザイナー募集

    For Affiliater

    ACワークスのデザイナーを募集!

    ACワークスでは、本日よりデザイナーを募集しております。当社は…

  2. イラストランキング

    For Downloader

    「イラストの描き方」動画解説

    イラストACへ、イラストを投稿するイラストレーターが、イラストの作成方…

  3. GIFアニメーション

    For Downloader

    簡単すぎる!PhotoshopでつくるGIFアニメーション

    最近ネット上でよく見かけるGIFアニメーション。GIFアニメーション…

  4. 広告

    For Illustrator

    広告を出す前に必ずお読みください。

    イラストACと写真ACの投稿者様向けの広告で、効果を出す方法についてお…

  5. イラストレーター登録

    For Illustrator

    イラストACへイラストを投稿しよう!【登録から投稿まで】

    イラストACへイラストを投稿してみたいけど、やり方が分からない・・・と…

  6. ダウンロード数アップ

    For Illustrator

    イラストACでダウンロード数を上げる方法

    イラストACのイラストレーター様向けの広告ができました!「トップページ…

Language

最近の記事

  1. 素材の利用禁止事項
  2. カメラマンランキング
  3. イラストランキング
  4. イラストランキング
  5. カメラマンランキング
  6. 【イラストAC】気をつけて!それ、投稿NGなんです
  7. プレゼント

ARCHIVES

  1. ハンモック

    For Downloader

    「夏休み」をテーマにした無料シルエット素材10選(商用利用可)
  2. 写真ACクリエイター登録

    For Photographer

    写真ACのクリエイターになろう!<基礎編>登録から投稿まで
  3. 甘川もこ

    For Downloader

    アスリートグラドル「甘川もこ」さんの写真素材を公開しました!
  4. じつは知らない!?イラストACの便利機能4点

    For Downloader

    じつは知らない!?イラストACの便利機能4点
  5. トーンカーブ

    For Photographer

    ダウンロード数アップに繋がる!写真のレタッチはトーンカーブを活用しよう
PAGE TOP