※本ページは広告を含む場合があります。

Illustratorテクニック

【Illustrator】ブレンドツールを使って立体的なグラデーションを作る

今回は、Illustratorの「ブレンドツール」を使って、立体的なグラデーションを作る方法をご紹介します。

グラデーションツールを使ったグラデーションとは一味違った表現方法ができるので、ぜひ参考にしていただけたらと思います。

 

手順① ベースとなるオブジェクトを作る

【Illustrator】ブレンドツールを使って立体的なグラデーションを作る

今回は、こちらの文字に効果を加えていきたいと思います。

 

 

【Illustrator】ブレンドツールを使って立体的なグラデーションを作る

文字のアウトラインを取ります。(ショートカット:⌘+Shift+O)

文字をオブジェクト化したいので、必ずアウトライン処理をしてください。(文字以外の場合、この作業は不要です。)

 

 

【Illustrator】ブレンドツールを使って立体的なグラデーションを作る

続いて、個別変形(⌘+Shift+Option+D)をかけます。

「拡大・縮小」の水平方向・垂直方向をそれぞれ「85%」に設定します。
(数値は問いませんが、必ず同じ比率で縮小してください。)

オブジェクトを複製したいので、設定が完了したら個別変形の「コピー」ボタンをクリックして、ひと回り小さいオブジェクトを作成します。

 

 

手順② グラデーションにしたい色味を設定する

【Illustrator】ブレンドツールを使って立体的なグラデーションを作る

続いて、2つのオブジェクトに色をつけていきます。

こちらは最終的にグラデーションになるので、グラデーションにしたい色を指定します。

 

 

【Illustrator】ブレンドツールを使って立体的なグラデーションを作る

さらに、2つのオブジェクトを重ねます。

小さいオブジェクトの方を下に配置するようにしてください。



スポンサーリンク


 

 

手順③ ブレンドツールを適用する

【Illustrator】ブレンドツールを使って立体的なグラデーションを作る

2つのオブジェクトを選択した状態で、ツールバーのブレンドツールを選択します。

Illustrator画面をどこでもいいのでワンクリックすると、「ブレンドオプション」が設定できます。

設定値は以下の通りです。

ステップ数:60
方向:垂直方向

 

 

【Illustrator】ブレンドツールを使って立体的なグラデーションを作る

ブレンド効果を適用していきましょう。

(上の画像をご参照ください。)

まず最初に、ブレンド(グラデーション)をしたい始点のパスをクリックします。

 

 

【Illustrator】ブレンドツールを使って立体的なグラデーションを作る

始点をクリックしたら、ブレンド(グラデーション)を終了したい終点のパスをクリックします。

 

 

【Illustrator】ブレンドツールを使って立体的なグラデーションを作る

分かりにくいかと思うので、もう一度説明しますね。

上の画像の通り、始点と終点のパスをそれぞれ順番にクリックしてください。

 

 

【Illustrator】ブレンドツールを使って立体的なグラデーションを作る

すると、2つのオブジェクトがブレンドしあい、立体的に浮き上がるグラデーションのような仕上がりになります。

 

 

完 成!

【Illustrator】ブレンドツールを使って立体的なグラデーションを作る

完成しました!

文字が読みにくいので、少しだけ加工を加えます。

 

水色の同じオブジェクトを最前面に配置すると・・・

 

【Illustrator】ブレンドツールを使って立体的なグラデーションを作る

今度こそ完成です!

グラデーション効果で文字が飛び出したようなデザインに仕上がりました。

グラデーションの色味を変えるだけでも違った風合いも楽しめるので、ぜひみなさんも挑戦してみてくださいね!

 



 

Adobe CCを安くで買う裏技!

『デジハリ・オンラインスクール』受講で、
定価の約半額でAdobe CCを購入できる!

デジハリでAdobe CCが39,980円

 Adobe CCの1年間ライセンス
Illustrator・PhotoshopなどのAdobe動画教材

以上の内容がセットで、39,980円(税込)!

\今すぐ詳細をチェック/

デジハリ・オンライン公式

 
デジハリAdobe講座の口コミ評判とデザイナーの私が実際に使った体験談  

スポンサーリンク



最大70%割引になるWebデザインスクール厳選

Webデザインスクールの受講料金が70%も安くなる裏技を知りたい方はこちらの記事へ

記事本編はこちらから

   

グラフィック・Webデザイナー向けの転職サイト8選はコレ!

グラフィックデザイナー・Webデザイナー向けのおすすめ転職サイト・転職エージェントを比較しながら詳しく解説しています!

記事本編はこちらから

   

学び方〜仕事の探し方まで!未経験からデザイナーになるための完全ガイド

デザインまったくの未経験者が、プロのデザイナーになるまでのステップを詳しく丁寧に徹底解説しています。

記事本編はこちらから

   

長時間労働?人間関係?みんながデザイナーを辞めたくなる3つの理由

「デザイナー辞めたい!」一度は考えたことありませんか? そんなデザイナーの不平・不満を調査してみました。 デザイナーのみなさんならこの苦労を分かち合えるはずです!

記事本編はこちらから

   

Webデザインを安く勉強できるオンラインスクール厳選

Webデザインを勉強したい方に向けて、価格や授業内容を比較しながら、おすすめできるオンラインスクールをまとめてご紹介しています。

記事本編はこちらから

© 2024 デザイナーの道しるべ