デザイン

イラストレーター(Illustrator)グラデーションの種類と使い方

Sponsored Links

フォトショップ「Photoshop」とイラストレーター(Illustrator)を使い初めてから30年近くなりますが、当初はシンプルでフィルターやドロップアウトなどもなくシンプルなソフトでした。

考えられないでしょうが、当時のフォトショップ・イラストレーターともに今のようにヒストリー機能がなく、コマンド+Z(当時はmac)で1回しか過去に戻れませんでしたので、何時間もかけて作った作品が一瞬でダメになってしまうこともありました。

さて、複雑になってきましたイラストレーターCSシリーズですが(現在の私のバージョンはCS5)、基本の使い方は昔と同じなので、難しく考えずに、「グラデーションの種類」「グラデーション色の変更」「グラデーションの方向」「文字のグラデーション」などグラデーションの使い方について簡単に解説していきたと思います。

グラデーションの種類と使い方

イラストレーターのグラデーションの種類には線形グラデーション・円形グラデーション・グラデーション透明があります。
イラレグラデーション1
まず、任意の形を選択して(図では長方形ツール)アートボード(作業スペース)に描きます。

イラレグラデーション2
左のツールボックスからグラデーションツールを選び、図形の中にクリック(始点)したままドラッグして離したところが終点になります。

今回白黒のグラデーションは右のグラデーションボックスの情報によるものです。この場合線形のグラデーションになります。

イラレグラデーション3
次に右側のグラデーションボックスで円形を選択すると円形グラデーションになります。立体感を持たせる時などに使えます。オブジェクトの形に応じて使い分けましょう。

イラレグラデーション透明2
透明のグラデーションの作り方は右のグラデーションボックスのバーの中の透明にしたい色をダブルクリックすると、透明度が変えられるボックスが出てきますのでここで数値を変えてやります。

イラレグラデーション透明4
見えにくいので、色を増やして下地に別のオブジェクトを置いてみました。この三種類のグラデーションの種類になります。この組み合わせにより無数のレイアウト効果を作ることができますので、お使いください。

Sponsored Links

グラデーション色の変更

本題のグラデーション色の変更になります。最初からスウォッチなどにレインボー色とか入っている場合がありますが、自分でオリジナルのグラデーションを作ってみましょう。
イラレグラデーション6
まずはグラデーションの方向を変えます。Alt(Macではoption)を押しながら終点をドラッグすると自由に位置の変更ができます。

イラレグラデーション7
まず、色が変えたい図形を選択して「グラデーションボックス」の中から始点、終点と変えたい色をダブルクリックします。カラーボックスの中から色を選択して、更に好みの色を調整します。

イラレグラデーション8
始点、終点の両方の色を変えてみました。

イラレグラデーション9
「グラデーションボックス」のグラデーションスライダー(始点と終点間)をダブルクリックすると新しい色が選択できます。(カラーボックスからでもOK)

イラレグラデーション10
もう一つ色を増やしました。もちろん不要な色はグラデーションスライダーのペンを外にドラッグするか、近くにあるゴミ箱に捨てれば削除できます。

グラデ 保存1
カラーボックスの右上をクリック、スウォッチに保存します。このようにいくらでも色の追加と削除、透明度の調整などオリジナルグラデーションが作成でき、保存することもできます。

文字のグラデーション

グラデ-ションの応用編として文字のグラデ-ションをしてみましょう。タイトル文字などちょっと凝ったもので注目を集めてみましょう。

あまりやりすぎは返ってケバケバしくなるので注意が必要ですが、最初は気にせずに色々とチャレンジしてみましょう!
グラデ
まずフォントのアウトライン化が必要です。文字を選択してファイル、編集、オブジェクトの横の「書式」をプルダウンして、「アウトラインの作成」をします。

グラデ2
そのままグラデ-ションをかけると、それぞれにかかってしまうので、

グラデ3
一旦、オブジェクトの「複合パスの作成」にします。そうすると全体が一つのオブジェクトになり自然なグラデ-ションがかかります。

グラデ4

最後にいろんなパターンを作ってみましょう。コピーして重ね順を背面にやって、線を太らせてたり、影を付けたりしてみて下さい。

Sponsored Links

おわりに

いかがでしたか?使い方は意外と簡単なイラストレーターのグラデーションツールですが、Wordなんかのタイトル文字とは比べ物にならないプロ級のタイトル文字なんかも作ることができます。

もちろんオリジナルのロゴやマークにも活用できます。触って失敗を重ねたほど上手になっていきますので、とにかくグラデ-ションを触ってみてください。

イラストレーターには更に上級の描写ができる「グラデーションメッシュ」という機能もありますので、次回解説いたします。
グラデーションメッシュの使い方

最後に私のオリジナルのロゴを数点ご覧下さい。
オリジナル

関連記事
⇒ 「Photoshop」の使い方の基本中の基本!これであなたも脱初心者!

⇒ 「Photoshop」と「illustrator」の違い!初心者も納得!!

⇒ 実践!イラストレーター(Illustrator)の使い方:グラデーションメッシュのコツ

⇒ イラストレーター 画像の埋め込み方法(入稿時必須!)

⇒ イラストレーターの使い方「ベジェ曲線を描くコツ」

関連記事

  1. デザイン

    アクリル絵の具の落とし方、パレットやズボンに付いた絵の具を取る方法!

    絵の具を大きく分けると乾いても水をつければ、何度でも使用できる「通常の…

  2. ハウツー・作り方

    DIY中に服についたペンキの落とし方

    DIYでペンキ塗装に夢中になり、服など他のものにペンキがついて困った経…

  3. ハウツー・作り方

    クラシックギター 初心者の練習曲と弾き方のコツ

    クラシックギターを始めてかれこれ4年近くなります。全くの初心者から始め…

  4. ハウツー・作り方

    疲れやすい原因は食事!?解消する裏技2つを体験レビュー

    50代の私管理人は来る日も来る日も、朝起きるのがとてもしんどく、疲れや…

  5. スピーチ

    ハウツー・作り方

    緊張しない方法|手の震えを止めるとっておきの対策

    管理人は50歳を過ぎていますが、この歳になっても「あがり症」に悩まされ…

  6. コグニサイズ

    ハウツー・作り方

    認知症予防体操【コグニサイズ】と【ゲームアプリ】がいい理由

    脳の細胞が壊れることなどが原因で日常生活に支障が出てしまう認知症。…

コメント

  1. この記事へのコメントはありません。

  1. この記事へのトラックバックはありません。

副業解禁に備えて趣味を仕事に生かす準備を!

水を飲むなら体のことを考えて【のむシリカ】

【東京練馬区】住宅リフォーム・住まいの困りごとなら

PAGE TOP
Translate »