Illustratorで1文字だけにグラデーションを適用する、文字の一部のみを別のカラーにする方法

目次

Loading...

概要

このページではAdobe Illustratorで、文字をアウトライン化しないで、1文字だけにグラデーションを適用したい場合や、文字の一部だけにグラデーションを適用したい場合の手順を掲載しています。

SNSのXにて樋口泰行さん（@higuchidesign）がAdobe Illustratorで「1文字だけ文字色をグラデーションにする方法」を公開していましたので紹介します。

※樋口泰行さんに許可を得て掲載しています。

手順

※画面はIllustrator 2026（30.8.1）です。

文字オブジェクトを作成します。

文字オブジェクトを選択して、「パスファインダー」パネルのメニューから「複合シェイプを作成」を選択します。

文字オブジェクトの塗りにグラデーションを設定します。

塗りと線を「なし」に設定した長方形オブジェクトを作成します。

文字オブジェクトと長方形オブジェクトをグループ化します。

グループにグラデーションの塗りを追加します。

ここで追加するグラデーションは、長方形オブジェクトと重なる部分に適用するものです。最初に文字オブジェクトへ設定したグラデーションは、文字全体の基本色として残ります。

「アピアランス」パネルの塗りを選択して、「新規効果を追加」から「パスファインダー」→「交差」を選択します。

文字と長方形オブジェクトが重なっている部分だけに、グラデーションが適用されます。

そのほかのパターン

以下のように、長方形以外の図形を使用して、グラデーションを適用する範囲を変更することもできます。

パスの選択が難しい場合は

グループ内のオブジェクトを選択しづらい場合はは、「レイヤー」パネルでグループの階層を展開し、対象のオブジェクトを選択すると操作しやすくなります。

参考にした投稿

1文字だけ色変えたいけど文字属性だとグラデ使えないし…という場合の別方法です。文字を複合シェイプ化しておき（パスファインダー処理のため）文字に合わせ四角形を作成（塗り・線なし）グループ化とパスファインダーの合体を使う方法もありますね！長方形はどこでも置けます。#イラレ知恵袋 https://t.co/BWEvxFsaGs pic.twitter.com/lyuzeJJbLf

— 樋口泰行／イラレおじさん (@higuchidesign) November 13, 2024

どういう手順でこうなるのかよく分からないと思うので動画にしました。#イラレ知恵袋
①文字を複合シェイプ化
②文字全体をグラデで塗る
③塗りなしボックス作成
④文字とボックスをグループ化
⑤グループに新規塗り追加
⑥新規塗りを別の色で塗る
⑦パスファインダーの交差
⑧移動やフォント変えOK https://t.co/gWeZTn0Rfv pic.twitter.com/rmtkgdAobr

— 樋口泰行／イラレおじさん (@higuchidesign) August 31, 2026

グループ化とアピアランスの組み合わせを使うと楽しいのは、こういう表現を自分で動かしたりフォントを変えたりしながら、リアルタイムにイラレじゃないみたいな試行錯誤できるところなんです。#イラレ知恵袋 https://t.co/gWeZTn0Rfv pic.twitter.com/O7c3DtbfxU

— 樋口泰行／イラレおじさん (@higuchidesign) November 13, 2024

サンプルデータダウンロード

文字の一部分にグラデーションを適用したAdobe Illustratorのサンプルデータを用意しました。ぜひチェックしてみてください。

Adobe Illustrator 2026（30.8.1）で作成されています。