【Illustrator】文字にグラデーション
![](https://www.beginavi.net/wp-content/uploads/2024/03/2386ca167b4879739afed2687acef3eb-640x360.webp)
グラデーションをかけると文字が黒くなってしまう
文字にグラデーションをかけようとして黒くなってしまったことはありませんか?
実はテキストは図形などと違いそのままグラデーションをかけてもうまくいきません。
今回は文字にグラデーションをかける方法を一緒に学んでいきましょう。
動画ではグラデーションパネルの使い方も解説しています。
グラデーションがよく分からない方はぜひご覧になってください。
テキスト全体にグラデーションをかける
1・テキストを入力したら塗りと線は一度『なし』にします。
![](https://www.beginavi.net/wp-content/uploads/2024/03/01-01-640x360.webp)
2・アピアランスパネルを出します。
3・新規塗りを追加しスウォッチからグラデーションを選択します。
![](https://www.beginavi.net/wp-content/uploads/2024/03/03-01-640x360.webp)
![](https://www.beginavi.net/wp-content/uploads/2024/03/04-01-640x360.webp)
4・グラデーションパネルでグラデーションの色を選択します。
![](https://www.beginavi.net/wp-content/uploads/2024/03/05-01-640x360.webp)
アピアランスパネルでグラデーションをかける方法なら、文字を打ち替えることもできます
![](https://www.beginavi.net/wp-content/uploads/2024/03/06-01-640x360.webp)
グラデーションパネル
グラデーションパネルは色を増やしたり、色を逆にしたり
![](https://www.beginavi.net/wp-content/uploads/2024/03/07-01-640x360.webp)
線形だけでなく円形グラデーションや好きなように色を配置できるフリーグラデーションもあります。
![](https://www.beginavi.net/wp-content/uploads/2024/03/08-01-640x360.webp)
スポイトツールで文字にグラデーションを適用
すでにグラデーションがかかっている文字や図形があればスポイトツールで簡単にグラデーションを適用することができます。
![](https://www.beginavi.net/wp-content/uploads/2024/03/11-01-640x360.webp)
スポイトツールでうまくできないときはスポイトツールをダブルクリックします。
スポイトツールオプションパネルのアピアランスにチェックが入っていないとグラデーションを適用することができません。
アピアランスにチェックを入れておきましょう。
![](https://www.beginavi.net/wp-content/uploads/2024/03/12-01-640x360.webp)
一文字ずつグラデーションをかける
次に一文字ずつグラデーションをかける方法を学びます。
1・テキストを入力したら『書式』から『アウトラインを作成』を選択します。
ショートカット
『Ctrl』+『Shift』+『O』
テキストがアウトライン化しました。
![](https://www.beginavi.net/wp-content/uploads/2024/03/09-01-640x360.webp)
2・グラデーションを選択します。
![](https://www.beginavi.net/wp-content/uploads/2024/03/10-01-640x360.webp)
全体にグラデーションをかけることもできますし
文字ひとつひとつに個別にグラデーションをかけることもできます。
![](https://www.beginavi.net/wp-content/uploads/2024/03/13-01-640x360.webp)
アウトラインをかけたテキストは打ち替えることができないので注意しましょう
アウトラインをかけたテキストは図形と同じようにグラデーションをかけることができます。
線にグラデーションをかける
グラデーションは『塗り』だけでなく線に適用することもできます。
アピアランスパネルで『新規線を追加します』
スウォッチパネルからグラデーションを選択します。
グラデーションパネルから好きな色を選択します。
![](https://www.beginavi.net/wp-content/uploads/2024/03/14-01-640x360.webp)
まとめ
・図形にグラデーションをかけるときとは少し違い文字にグラデーションをかけるときはアピアランスパネルから適用する。
・スポイトツールで簡単に文字にグラデーションを適用することができる