Illustratorで色編集完全ガイド

花のイラストのカラーバリエーションを作成する。

全333コースを10日間無料で

ぜひご覧ください。

無料で視聴する すべての加入プランを見る
または
オブジェクトが複数入り組んだ花のイラストのカラーバリエーションを増やします。
講師:
07:40

字幕

このレッスンではオブジェクトの 再配色を使って お花のイラストのカラーバリエーションを 作っていきます。 カンパニュラという AI データが プロジェクトファイルの中に入っていますので 参照してください。 オブジェクトの再配色では パターン、グラデーション、 グラデーションメッシュ それからシンボル内のカラーも 強引に変えてしまいます。 また描画モードや不透明度などが 設定されていても大丈夫です。 手作業でこれを変えていくのは グラデーションも入っていますし 非常に大変なんですけれども これをオブジェクトの再配色でやれば 楽に変えることができますね。 それでは元のデータはとっておいて バリエーションですので 元のデータはとっておきましょう。 黒矢印にして Mac だったら return キー Windows だったら enter キーを押すと こんな風に 移動ダイアログが出ますので 250 でコピーしますね。 こんな感じです。 もう少し離した方がいいですね。 これぐらいですかね。 ではこの状態で変える方を選択して ちょっと位置をずらしますね。 オブジェクトの再配色を選択します。 今カラーグループの方は じゃまなので畳んでおきますね。 こんな感じになってます。 まず葉っぱの色は変更せずに 花だけを変えたいので 葉っぱの4色は変更しない。 こんな風に真ん中の矢印をクリックして マイナス、ハイフン状態にしておきます。 これで変わらないですね。下の部分だけ。 お花のグラデーションで使われている 4色だけを変更します。 一度カラーを自動にしておきますね。 そうすると使わない部分、 変えない部分は下に行って 上だけの状態になります。 今こんな風に現在選択中のカラーですね。 オブジェクトのカラーをこんな風に 明度の状態でソートされています。 これが基準の色になっていますね。 この色を変えていきます。 オレンジ色にしましょう。 これぐらいでしょうか。 H の値が 32。 それから S は 100。 目いっぱい鮮やかに。 B の値は同じく 100 にしておきますか。 鮮やか、明るい感じですね。純色です。 今一部だけ変わっていますけれども この状態で同じ色相の 色調違いの色なので ちょうどいいのがあります。 モノクロマティックを使います。 こんな感じですね。 こんな風に色を変えることができました。 ちょうどモノクロマティックの場合 見えませんね、ここですね。 明度順にソートされているので そのまま使えますね。 こんな感じに色を変えることができました。 簡単ですね。 ただモノクロマティックの場合 色相がまるで同じ色の カラーバリエーションになるので 若干変化がないというか、ちょっと リアルではあるんですけれども ちょっと面白みがないかもしれないです。 なので例えばここで類似色を使ってみる。 そうすると今ちょっとここが順番が 明るさの順番が違ってます。 元の色と違ってますので グラデーションがおかしなことに なってしまうので ここはソートで明度の 暗から明に切り替えます。 そうすると並び順は同じになりますね。 ちょっと変わった感じの 印象になると思います。 こんな風に色相に幅がありますので 明るい部分はより黄色寄りに 暗い部分はより赤寄りに。 色の幅が、色相の幅ができますね。 モノクロマティックの場合は 同じ色相の単調な色違い。 明度違いになりますけれども、 類似色の場合は色に幅ができます。 ですのでもう一度ソートしますね。 暗から明。 なのでちょっと変わった雰囲気になります。 ただちょっとここ濁ってますので 少し戻しますね。こんな風に微調整します。 彩度と明度を目いっぱい明るくしてますね。 そうすると濁りが消えます。 同じように、 濁らせたくない色はこうして ちょっとずつ調節していきますね。 こうするとさっきの薄いオレンジとは ずいぶん印象が変わって 鮮やかなオレンジになりました。 じゃあこれで一回 OK しましょう。 ずいぶん印象が変わりますね。 こうやって使い回しをしていくと いいかもしれません。 実際に釣鐘草にこんな色は ないかもしれないので もし嘘を書いてはいけないイラストの場合は 写真などを見ながらじっくり 色を調節していくと いいんじゃないでしょうか。 ではもう1つ バリエーションを作ってみます。 同じやり方ですね。今度は 600 で。 ではこっち側を変えていきましょう。 やり方は全く同じです。特に違うやり方を というわけではないんですけども。 こんな風に葉っぱの色は 変えないようにしておきますね。 基準色を変えていきます。 青はどうでしょうか。 これぐらいの青にしますね。 基準色はこのままで 色を変えていきます。類似色。 そうすると不思議な感じになりますね。 だけどちょっと全体的に暗すぎるので 一応明度でソートしますけれども。 こっち側に来てますね、今。 今度は彩度の 彩度明度を調節していきます。 これぐらいの色だとちょうど鮮やかな 青い花の鮮やかな感じに なりますでしょうか。 これぐらいですかね。 今一番明るいここが水色すぎるので ここだけ調節しますね。 もう少し… 青に寄った色にすると こんな感じでしょうか。 こんな風にそれぞれの機能を使って まず今はハーモニールールを使って 大雑把に色を変えて、そこから今度は 編集の彩度明度を調整して そのあと最後の一色ですね。 合わない一色だけを微妙に色を微調整。 ということをしました。 こんな風に機能を複合的に使って 色を調節していくと いいんじゃないでしょうか。 使ってみないとどんな風に 変わるかっていうのは分からないところも あると思いますので、そこは慣れましょう。 このレッスンではオブジェクトの 再配色を使って 花のイラストのカラーバリエーションを 作る方法を解説しました。

Illustratorで色編集完全ガイド

WebデザインやDTP、UIやグラフィックデザイン、パッケージデザインやイラスト制作―Illustratorの色の機能を使いこなすための基本から応用まで、さまざまなテクニックを交えながら解説します。 色のもつイメージをうまく表現し、より伝わり、訴えかけてくるようなデザイン、よりクオリティの高いイラスト制作を行うためにツールを使いこなして色を極めましょう。

2時間09分 (28 ビデオ)
現在、カスタマーレビューはありません…
 
ソフトウェア・トピック
価格: 2,990
発売日:2014年09月18日

このコースは、「オンデマンド」でご利用可能であり、ダウンロードすることもオンラインで見ることもできます。

ダウンロードすると、オフラインでコースを使用し、豊富なインターフェースをフルに活用できます。複数のデバイスを使用したり、 一度に全コースをダウンロードしたくない場合は、アカントにログインして、ストリーミング・ビデオとしてコースのレッスンを視聴してください。

ビデオトレーニングをお楽しみいただけますように! お問い合わせは、cs-jp@lynda.com宛までご連絡ください。