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

Illustrator

再配色を使って色を変えてみよう

使用ソフト: Illustrator CS5 (CCでも可能)  

皆さんこんにちわ。今回はIllustratorでオブジェクトの再配色の方法を教えます。複数の色を一度に変更できるのでオススメの機能です。

再配色とは

複数の色を使っているイラストの一部分の色を変更したり全部の色を変えたい時にこの方法を知っていると効率よくできますよ。では、手順を見ていきましょう。

操作方法

まずは配色をする素材を用意しましょう。今回はこのイラストを使います。

もみじのイラスト

紅葉イラストをアクティブにした状態でメニューバーのカラフルな円形状のパネルをクリックしてください。

メニューバーの色相環の画像

するとこのような画面が出ますね。これはこのイラストに使われている色の配分が全て表示されているのです。ここから変更したい色を選んで編集することができます。試しに赤枠の部分を赤にしてみましょう。

やり方は、パネルの中の「指定」をアクティブの状態にして「新規」のカラーパネルをダブルクリックするとスウォッチ画面が表示されるので、変えたい色を選択することができます。また、「新規」のカラーパネルの右側の逆三角形をクリックすると色調を維持したまま色を変更するなど、色々調整することができます。

再配色の画面

カラービッカーの画面

葉っぱの部分が赤色に変化しましたね。このまま全ての葉っぱを変えてみましょう。

葉っぱの一部分が赤色に変わった画像

全ての葉っぱが赤色に変わりましたね。ついでに背景も変えちゃいましょう。

葉っぱの色が全て赤色に変わった画像

どうですか?一気に秋模様になりましたね。

背景がオレンジ色になった画像

今回は各色を一つ一つ選んではダブルクリックして変えていますが、一気に色を変える方法があります。

まず、同じようにメニューバーの再配色パネルをクリックしたら赤枠の「編集」をクリックしてください。このような画面が出てきますね。

再配色の画面

再配色のホイール画面

これは、選択されているイラストの色の配分が表示されているのです。カーソルを丸い部分に重ねると、十字マークに変化するので変更したい色の領域に持っていけばその色に変わります。

ホイールを動かした画面

また、赤枠の「ハーモニーカラーのリンク」にチェックを入れると、連動するため、全体の雰囲気を変えたい時に凄くオススメです。

ハーモニーリンクを示した画像

ハーモニーリンクを使用した画像

このように色の再配色を使うことでデザインの幅がぐっと広がると思いますのでぜひ使ってみてください。では、また次回にお会いしましょう。お疲れ様でした。

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

関連記事

  1. Illustrator

    巻三つ折り用ガイドの作り方

    ガイドはオブジェクトや文字などを配置する時に目安になる目安線のことです…

  2. オブジェクトを切る消す

    Illustrator

    オブジェクトを「切る」「消す」ツール

    Illustratorには様々なツールがありますよね?その中で今回…

  3. Illustrator

    ワープを使って球体に模様をつける

    ワープイラストレーターの「ワープ」とは、オブジェクトの見た目を変形…

  4. クリスタルを埋め込んだ文字を作ろう

    Illustrator

    クリスタルを埋め込んだ文字を作ろう~part1~

    Illustratorでクリスタルを埋め込んだ作ってみましょう!今…

  5. Illustrator

    破線・点線の作り方

    簡単な操作で様々な形状の破線や点線を描写できるイラストレーターの機能を…

  6. Illustrator

    楕円形ツールで作るリアルな雲の作り方

    楕円形ツールで楕円を重ねて、パスファインダーで合体すれば、漫画のような…

Language

CodeCamp

最近の記事

  1. 意外と知らない歯車の作り方
  2. アルミの質感を作ろう
  3. 寸法線の作りかた
  4. 印鑑風
  5. ホラー風の文字を作ろう
  1. アコーディオン風の素材を作ろう

    Illustrator

    立体感のあるアコーディオン素材を作ろう
  2. Illustrator

    How to Warp Text with Envelope Distort
  3. 意外と知らない歯車の作り方

    Illustrator

    意外と知らない?Illustratorで歯車を作ろう
  4. Photoshop

    好きな色に変える! 色相・彩度の使い方
  5. Photoshop

    ゴールドの作り方 レイヤーはたった2枚!
PAGE TOP