Illustratorグラデーション文字を作成しよう
![](https://nonbiri-puni.com/wp-content/uploads/2019/10/88c510e49fa365926ab22ce085886231-1024x768.png)
今回はIllustratorで文字をグラデーションに編集する方法を
ご紹介します。
二通りご紹介するので、自身に合った方法で作成してみてください♪
所要時間 2分
難易度 ★☆☆
Illustratorでグラデーション文字にする方法の二通り
グラデーションをかける方法も様々です。
1…文字をアウトライン化してからグラデーションをかける方法
2…アピアランスを編集しグラデーションをかける方法
※2は後から文字内容を変更することができます。
今回はこの文字を編集していきます。
![](https://nonbiri-puni.com/wp-content/uploads/2019/10/aba1dd9afd994bc383f5259806be7bb4-11.png)
1.文字のアウトライン化をしてからグラデーションをかける
①文字を選択した状態で、書式→アウトラインを作成を選びます。
![](https://nonbiri-puni.com/wp-content/uploads/2019/10/6ac2397867767a902ce2217f0a58282f-11.png)
アウトライン化されると、文字の縁が青くなります。
![](https://nonbiri-puni.com/wp-content/uploads/2019/10/f6f77a1616e27fc34eb1a81aa7dc6262-12.png)
②この状態で黄色四角で囲ったグラデーションマークをクリックします。
はじめは、グレースケール(モノクロ)になっています。
グレースケールを編集していくので、グラデーション機能のウィンドウを表示します。
![](https://nonbiri-puni.com/wp-content/uploads/2019/10/ed80de20dfec1bd144442f3c2532b6bb-8.png)
③黄色四角で囲った部分をダブルクリックし
グレースケールからRGBに変更します。
![](https://nonbiri-puni.com/wp-content/uploads/2019/10/4d2898cc519c4468d541cbcfe0072ef6-8.png)
RGBにチェックをいれることで、色味が表示されますので
好きな色味を選択してください。
![](https://nonbiri-puni.com/wp-content/uploads/2019/10/6929b940e4802cf13960acbb172247c2-8.png)
④片方も同様です。
![](https://nonbiri-puni.com/wp-content/uploads/2019/10/b54091b9ea851f9c8810b52e50cbc14b-6.png)
グラデーションの種類も様々
黄色四角で囲った部分で
グラデーションの種類を変更することができます。
![](https://nonbiri-puni.com/wp-content/uploads/2019/10/3c68c2dd13bf243cb21461b7b3c1e119-5.png)
グラデーションの微調整をしよう
◆を左右に調節することで、グラデーションの加減を調節することができます。
図では、◆を右に動かし黄色部分の割合を多くしました。
![](https://nonbiri-puni.com/wp-content/uploads/2019/10/fdb9a13a19bc00b51756f9a36fb43c78-5.png)
2.アピアランスを編集する方法
①文字を選択した状態で、
ウインドウ→アピアランスを選びます。
![](https://nonbiri-puni.com/wp-content/uploads/2019/10/259291dbe5343002de28c9b801804035-2.png)
アピアランスが表示されました。
![](https://nonbiri-puni.com/wp-content/uploads/2019/10/d1a6415d647990fc6dce6a19a3f775d3-3.png)
②アピアランスのウィンドウ右上の三本線をクリック、
新規塗りを追加を選択します。
![](https://nonbiri-puni.com/wp-content/uploads/2019/10/f000dc61bd637aab9cfc6190ad5a8ab1-2.png)
③塗りの項目が追加されました。
黒の横にあるVのようなマークをクリックすると
色が選択できるので、赤四角で囲んだグラデーションを選択します。
![](https://nonbiri-puni.com/wp-content/uploads/2019/10/728b3e2aafbedb3b2006999f06b9d55f-2.png)
④1と同様に、グラデーションをお好みで編集してください。
![](https://nonbiri-puni.com/wp-content/uploads/2019/10/00d939914c3891af8449e4b91710a6b9-2.png)
グラデーションの角度も変更できます
グラデーション内の「グラデーションの編集」を選択すると、
細長い棒が表示されます。
赤色四角で囲った部分にカーソルを持っていくと、
回転可能の表示が出るので、好きな角度に回転させてみましょう。
![](https://nonbiri-puni.com/wp-content/uploads/2019/10/bb41cbbf8b2c2428265967b2ec85a6ee-1.png)
出来上がったのがこちらです。
![](https://nonbiri-puni.com/wp-content/uploads/2019/10/0df04af45bf336fbced8c63fc2ff5a4c-3.png)
グラデーションの仕方次第で様々な文字を作成することができます。
![](https://nonbiri-puni.com/wp-content/uploads/2019/10/d78e45760b5b2d0562d0953602b97ded.png)
グラデーションの色味を追加する方法
グラデーションの〇の並びにカーソルを持っていくと
「+」が表示されます。
「+」の表示のまま、クリックすると
グラデーションの色味を追加することができます。
![](https://nonbiri-puni.com/wp-content/uploads/2019/10/6f34f5b0f23446095c480949e107382b.png)
色味を追加することで、よりカラフルな表現ができます。
![](https://nonbiri-puni.com/wp-content/uploads/2019/10/a8e70eb469d7352dd1743f7eea5b071d.png)
出来上がったのがこちらです。
![](https://nonbiri-puni.com/wp-content/uploads/2019/10/e7b843a3f698cd924edd8d51a1acf727.png)
さいごに
いかがでしたでしょうか?
この方法で簡単に自分好みのグラデーション文字を作成することができます。
皆さんも自分で様々なグラデーションを作成してみてください!
デザインの幅が広がること間違いなしです♪
ディスカッション
コメント一覧
まだ、コメントがありません