MENU
  • デザインのこと
    • デザインのコツ
    • デザイン時短テク
    • デザインで起業・副業
  • 制作ツールのこと
    • Photoshop
    • Illustrator
    • WordPress
    • STUDIO
    • Excel
  • 暮らしのこと
デザイナーやデザイン初心者の方向け。仕事を楽しくスムーズにできるためのコツ
デザインアンドミー
  • デザインのこと
    • デザインのコツ
    • デザイン時短テク
    • デザインで起業・副業
  • 制作ツールのこと
    • Photoshop
    • Illustrator
    • WordPress
    • STUDIO
    • Excel
  • 暮らしのこと
デザインアンドミー
  • デザインのこと
    • デザインのコツ
    • デザイン時短テク
    • デザインで起業・副業
  • 制作ツールのこと
    • Photoshop
    • Illustrator
    • WordPress
    • STUDIO
    • Excel
  • 暮らしのこと
  1. ホーム
  2. 制作ツールのこと
  3. Illustrator
  4. 【illustrator】文字にグラデーションがかけられない時の解決法【アピアランスの使い方】

【illustrator】文字にグラデーションがかけられない時の解決法【アピアランスの使い方】

2025 1/09
PR
制作ツールのこと Illustrator デザイン時短テク
2025年1月9日

Illustrator(イラストレーター)で文字にグラデーションがかけられない、真っ黒のままになってしまうという場合の解決法をお伝えします。

この記事では、「アピアランス」を使う方法で文字にグラデーションを適用する方法を解説します。

「アピアランス」を使うと、テキストをアウトライン化せずにグラデーションがかけられます。後から文字の修正も出来るので便利です。

目次

文字にグラデーションがかけられない、真っ黒のままになってしまうとき

そんな時は「アピアランスパネル」を使用します。
文字に対して「塗り」を追加すると、その「塗り」に対してグラデーションを設定することができます。

アピアランスを使って文字にグラデーションをかける方法

STEP1.アピアランスパネルを開く

アピアランスパネルが表示されていない場合は、「ウインドウ」>「アピアランス」を選択して表示させます。

STEP2.文字を選択し、「塗り」を追加

グラデーションをかけたい文字を選択した状態で、「アピアランスパネル」を確認してみましょう。

Illustratorで文字にグラデーションがかけられない時

「テキスト」の階層をダブルクリック(もしくはテキストオブジェクトをダブルクリック)すると、「アピアランスパネル」の各階層が展開されて、今アピアランスがどうなっているか分かります。

Illustratorで文字にグラデーションがかけられない時

初期で設定されているアピアランスの、「文字」の階層の「塗り」にはグラデーションをかけることはできません。グラデーションを設定しても、反映されずテキストは真っ黒のままになります。

文字にグラデーションをかけるには、「テキスト」の階層に「塗り」を追加してそこにグラデーションを設定します。

方法は、「アピアランスパネル」の一番下にある「新規塗り」ボタン(塗りアイコン)をクリックして、「テキスト」の階層に塗りを追加します。

STEP3.追加した「塗り」をグラデーションに変更

追加した「塗り」のカラーを「グラデーション」に変更します。
ひとまずそのまま「アピアランスパネル」から、スウォッチにあるグラデーションをクリックして選んでみましょう。

これで文字にグラデーションをかけることができました。

不要になった「文字」の階層の「塗り」は削除(透明に)する

「テキスト」階層でグラデーションをかけたので、「文字」階層の「黒い塗り」は不要になります。
不要なアピアランスは削除(透明に)しておきます。

STEP4.グラデーションの色や角度などお好みに設定する。

文字にグラデーションを設定できたら、「グラデーションパネル」を使って、お好みのグラデーションに設定できます。

まとめ

「アピアランス」を利用することで、テキストをアウトライン化することなく、グラデーションを簡単に適用することができます。参考になれば幸いです。

制作ツールのこと Illustrator デザイン時短テク
Illustrator
  • URLをコピーしました!
  • Illustratorで写真を簡単にイラストにする方法

関連記事

  • イラストレーターで写真を簡単にイラストにする方法
    Illustratorで写真を簡単にイラストにする方法
    2024年12月4日
  • illustratorで写真の周りをぼかす方法
    【Illustrator】写真の周りをぼかす方法
    2024年11月20日
  • Photoshop ツールバーが消えたとき
    Photoshopのツールバーが消えたときの原因と再表示方法
    2024年11月18日
  • イラレの埋め込み画像を取り出す方法
    【Illustrator】画像の埋め込みを解除して画像ファイルを取り出す方法
    2024年8月28日
  • Photoshopで点線を作る方法
    【Photoshop】ペンツールで簡単に点線を描く方法
    2024年7月16日
  • Excelで見やすい表を作るコツ
    Excelの表を見やすくするコツ【デザイナーが教えます】
    2024年6月24日
  • illustratorで単位を簡単に変更する方法
    Illustratorの単位をmm(ミリ)からpx(ピクセル)に変更する方法
    2024年6月19日
  • 画像の余白はカットしてデータを軽くしよう!という話
    2024年5月28日
人気記事
  • Excelで見やすい表を作るコツ
    Excelの表を見やすくするコツ【デザイナーが教えます】
    2024年6月24日
  • illustratorで写真の周りをぼかす方法
    【Illustrator】写真の周りをぼかす方法
    2024年11月20日
  • イラストレーターで写真を簡単にイラストにする方法
    Illustratorで写真を簡単にイラストにする方法
    2024年12月4日
  • Illustratorタブの使い方
    【Illustrator】飲食店のメニューを作るなら覚えておきたいタブの使い方
    2022年5月6日
  • イラレの埋め込み画像を取り出す方法
    【Illustrator】画像の埋め込みを解除して画像ファイルを取り出す方法
    2024年8月28日
新着記事
  • 【illustrator】文字にグラデーションがかけられない時の解決法【アピアランスの使い方】
  • イラストレーターで写真を簡単にイラストにする方法
    Illustratorで写真を簡単にイラストにする方法
  • illustratorで写真の周りをぼかす方法
    【Illustrator】写真の周りをぼかす方法
  • Photoshop ツールバーが消えたとき
    Photoshopのツールバーが消えたときの原因と再表示方法
  • SWELLアフィリエイトの始め方
    SWELLアフィリエイトの始め方【サイドバナーへの貼り方も解説】
カテゴリー
  • Excel
  • Illustrator
  • Photoshop
  • STUDIO
  • SWELL
  • WordPress
  • デザイナーになるには
  • デザインで起業・副業
  • デザインのコツ
  • デザイン時短テク
  • ブログ運営
  • 制作ツールのこと
  • 暮らしのこと
アーカイブ
  • 2025年1月
  • 2024年12月
  • 2024年11月
  • 2024年8月
  • 2024年7月
  • 2024年6月
  • 2024年5月
  • 2024年2月
  • 2022年5月
  • 2022年4月
  • 2022年3月
  • 2022年2月
  • Home
  • About me
  • プライバシーポリシー
  • お問い合わせ
  • にほんブログ村

© Design&Me デザイナーやデザイン初心者の方向け。仕事を楽しくスムーズにできるためのコツ。

目次