Adobe認定トレーニングセンター

主にAdobeのソフト操作を紹介しています。DTPやWebの業務で役にたったことやツールのポイントなど参考になればと思います。 主観的なものもありますのでご了承ください!

Illustrator

オブジェクトの再配色を使って色に統一感を持たせよう!

使用ソフト: Illustrator CS5  

Illustratorでイラストを描いたのになんだか色の統一感がない…

今回はそんな時に役立つお助けツール、オブジェクトの再配色を使ってイラストのカラーを統一させる方法を紹介します。


調整する画像はこちら

全体的に色の統一感がなく、見ていて疲れてしまうような配色ですね。では早速色の調整していきましょう。

これより右側のメガホンを基準として、

右メガホン→メインカラー
左メガホン→アクセントカラー
背景→ベースカラー

と表記していきます。

1.カラーホイールで色を確認

変更したいオブジェクトを複数選択し、メニューバーから[編集]→[カラーを編集]→[オブジェクトの再配色]を選択します。

オブジェクトを再配色パネルの[編集]をクリックして、カラーホイール(色相環)を表示します。

変更したい各オブジェクトの色がカラーホイール(色相環)のどこに位置するのか見てみましょう。

2.補色を使ってオブジェクトを際立たせる

矢印が示すアクセントカラーから調節していきます。二つのメガホンを強調した配色にしたいので補色を使います。

補色とは

互いの色を最も強調する配色で、色相環では正反対の関係です。誘目性、視認性があるためロゴマークや商品パッケージなど日常の様々なところで見られます。

4.複数のカラーを同時に変更する

複数のカラーを同時に変えるには、色相環右下の[ハーモニーカラーをリンク]ボタンを押します。

アクセントカラーをメインカラーと同一直線上に移動させました。

3.背景色を調整する

次にベースカラーです。ベースカラーは色相環でメインカラーに近い色を選ぶと全体に統一感が出ます。

最終的な色相環がこちら

カラーサークル(色相環)上ではHSBのうちHとSにあたる色相と彩度が変更可能です。明度は青矢印が示すバーで変更しましょう。

今回、ベースカラーの明度は二つのメガホンのカラーを引き立たせるために少し下げました。

 

変更後の画像はこちら

変更前に比べて変更後の配色はメリハリがあってはっきりして見えますね。

4.最後に

オブジェクトの再配色機能を使えば沢山のカラーバリエーションを直感的に作って保存することも可能です。配色に困った時に使ってみてはいかがでしょうか。

  • このエントリーをはてなブックマークに追加
hulu dTV

関連記事

  1. 便利かも?チェック柄を作ろう

    Illustrator

    便利かも?チェック柄を作ろう

    「Illustratorでチェック柄を作りたいけど何かと面倒・・」…

  2. 印鑑風

    Illustrator

    使い方自由!!Illustratorで作るオリジナルスタンプ

    今回は様々な場面に使用できる簡単オリジナルスタンプについて解説します!…

  3. Illustrator

    パスのオフセットを理解する

    パスのオフセットとは選択したオブジェクトから指定した距離をずらした…

  4. 上付き文字や下付き文字を使おう

    Illustrator

    上付き文字や下付き文字を使おう

    文章を入力しているときに指数や序数の扱いに困ったことはありませんか?…

  5. 複合パス知識編

    Illustrator

    複合パスを掘り下げてみよう〜実践編〜

    複合パスについて掘り下げてみよう〜知識編〜につづき今回は【実践編】です…

  6. Illustrator

    【画像トレース】Photoshopのカットアウトでは満足できない人へ

    初めてPhotoshopのカットアウト機能を試した時は感動したものです…

人気の記事

CodeCamp
  1. Photoshop

    超簡単!?自然な移動と削除
  2. Illustrator

    図形ツールを使って、積み木感覚で簡単イラスト作成!
  3. InDesign

    身近な話題をインデザインで新聞にしてみよう(その③段落スタイル)
  4. 上付き文字や下付き文字を使おう

    Illustrator

    上付き文字や下付き文字を使おう
  5. Photoshop

    Creating duotone effect with Gradient Ma…
PAGE TOP