はじめてのIllustrator CS6

グラデーションを使う

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

ぜひご覧ください。

無料で視聴する すべての加入プランを見る
または
図形に指定できる色は、単色の塗りだけではありません。様々なグラデーションを指定することもできます。ここでは、CS6での新機能である「線に対するグラデーション指定」も含め、方法を見ていきましょう。
講師:
10:06

字幕

Illustrator で図形に指定できる色は単色の塗りだけではありません。様々なグラデーションを指定する事もできます。ここでは、CS6 での新機能である「線に対するグラデーション指定」も含め方法を見ていきましょう。では、このサンプルファイルに入っている男の子の髪の毛をグラデーションで塗ってみたいと思います。まずは、グラデーションパネルを開きます。パネルのアイコン群の内、丁度中央辺りにあるこの「グラデーション」のアイコンこちらをクリックして開きます。そして、この「グラデーション」という名前の所をつまんで引っ張り出しておきましょう。使わないものは閉じておきます。一番簡単なのは2 色のグラデーションを指定することです。さっそくやってみましょう。まずは「選択ツール」でこの髪の毛この髪の毛の図形を選択します。今は単色の茶色が指定されています。この状態で、この「グラデーション」パネルのこの左上の部分、こちらをクリックします。まずはこれで、デフォルトの白から黒へのグラデーションが指定されました。グラデーションの色を変えるにはこの「グラデーション」パネルの下にあるこの「グラデーションスライダー」の一番下にあるこの四角い部分こちらをダブルクリックします。 そして、恐らく一番最初は「グレースケール」になっていますので右上のプルダウンメニューから今お使いのカラーモードに変更します。サンプルは CMYK で色を指定していますのでCMYK を選択します。そして、ここから色を指定します。CMYK のスライダーを動かしても結構ですし下部のスペクトルの部分から色を拾っても構いません。お好きなものを拾います。そして、一度「グラデーション」パネルの何もない部分をクリックします。次に、右側の黒い色こちらの指定も変えてみます。この黒い四角形をダブルクリックします。これも「グレースケール」の色指定になっていますのでCMYK に変更してからお好きな色を拾って下さい。もう一度「グラデーション」パネルの何もない部分をクリックして一度解除します。基本的に 2 色でのグラデーションの作り方はこの通りです。そして、このグラデーションには2 種類あります。この「種類」と言う部分を見て下さい。このプルダウンメニューに「線形」と書いてあります。これは「グラデーションが線上に一方向に変化していくよ」と言う意味です。これを変更する事もできます。この「線形」のプルダウンメニューを開いて「円形」を選んでみて下さい。 「円形」を選ぶとグラデーションのかかる方法が中央から外側に向かって変わります。この様に、円形のグラデーションと線形のグラデーションを変更する事ができます。また、このグラデーションの色を位置を変える事もできます。一度、指定されたグラデーションを選んで「グラデーション」パネルの上から 3 個目にある「反転グラデーション」こちらをクリックしてみましょう。そうしますと、色の開始の部分と終了の部分が入れ替わっている事が分かります。では、ここでは一度「線形」に戻してからグラデーションの色を増やす練習をしてみましょう。このまま「グラデーション」パネルを使ってもいいのですが「グラデーションツール」を使ってみます。ツールパネルの右列の下から 5 つ目にある「グラデーションツール...」を選びます。こちらを選ぶと、この今グラデーションが指定されている図形に対してこのバーの様なものが出てきました。これは「グラデーションスライダー」と言ってこの「グラデーション」パネルのこの部分と対応しています。このグラデーションスライダーを使って例えばドラッグし直すとグラデーションのかかる方向を変える事ができます。これは、短くドラッグすると色の変化が急激になって長くドラッグすると色の変化が緩やかになります。 好みの長さにしておきましょう。そして、このスライダーの脇にある五角形の印。これは先ほど「グラデーション」パネルの方で色の変更に使用した部分と同じ意味を持っています。色を足すには、このスライダーの好きな部分で一度クリックをします。その部分にグラデーションの分岐点この五角形の印が足されますのでここをダブルクリックして開きます。そして、お好きな色を拾ってもう一度、何もない所をクリックするとこの様に色を増やすことができます。これは何色でも増やすことが可能です。もう一色増やしてみましょう。緑と黄色の間を一度クリックします。五角形の印が出てきた所でダブルクリックして好きな色を拾って、何もない所をクリックして選択を解除します。また、一度入れたグラデーションの色を抜き去りたい時、消したい時は簡単です。この五角形の印を掴んで外側に向けて引っ張るだけです。この様にすると、作った色を取る事ができます。さて、ここでは塗りに対してグラデーションを指定してきましたがCS6 からの新機能である「グラデーションを線に指定できる」と言うのを試してみましょう。アートボードをもう 1 つ用意してあります。左下の「アートボードナビゲーション」からもう 1 つのアートボードに移動します。 今度は男の子のイラストが眼鏡をかけた状態になっています。選択ツールでこの眼鏡を掴んでみると線に色が指定してあって塗りはない状態線が 20 pt の太さになっている円がここに載っています。この今、黒くなっている部分にグラデーション指定してみましょう。では、「スウォッチ」を使って、あらかじめ「スウォッチ」の中に登録されているグラデーションを指定してみたいと思います。「スウォッチ」のライブラリから「グラデーション」「カラーコンビネーション」を選んでみます。この様に、あらかじめ華やかなグラデーションが準備されていますので線のパネルを手前に出した後でお好きなものを 1 つクリックします。この様に、簡単に線に対してグラデーションがかかりました。もう片方も同じようにやってみましょう。今度は違うグラデーションを指定してみます。あらかじめ 7 色の色が入っているグラデーションです。線に対するグラデーションは更に2 つオプションを選ぶ事ができます。この眼鏡の部分を拡大して見てみましょう。今、このグラデーションは左から右に向かってかかっています。最初に指定した方も同様です。左から右に向かってかかっています。このグラデーションがかかる方向をあと 2 種類選ぶ事ができます。 左側の輪っかを選んで「グラデーション」パネルを選んでみましょう。「線」という項目に3 つアイコンが付いています。今は、一番左側のデフォルト状態「線にグラデーションを適用」になっています。これを、真ん中のアイコンを押してみましょう。「パスに沿ってグラデーションを適用」になります。グラデーションのかかる方向が変わりました。この円弧に沿ってグラデーションが変化している事が分かります。では、右側の方の、この丸にもう 1 つ別のオプションを指定してみましょう。こちらには、この線の項目の内一番右のアイコン「パスに交差してグラデーションを適用」こちらを押してみます。これを押すと、この円弧のパスに対して直角に垂直方向にグラデーションが中から外に向かって変わっている事が分かります。ここまで、CS6 から搭載された線へのグラデーションも含め様々なグラデーション指定の方法を試してきました。よりカラフルでクオリティの高いグラフィック作成にお役立て下さい。

はじめてのIllustrator CS6

このコースではIllustratorをまったく触ったことのない初心者の皆様でも迷うことのないように、基本的な操作からひとつひとつ丁寧に解説していきます。画面各部の名前や操作方法から始まり、ドキュメントの作成、図形の描画、色の変更など基礎的なことを網羅しています。

6時間55分 (48 ビデオ)
現在、カスタマーレビューはありません…
 
ソフトウェア・トピック
Illustrator Illustrator CS6
価格: 3,990
発売日:2014年01月14日

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

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

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