ホームページは自分のお城　ポルカドット

　

サービス一覧

ギャラリー

ブログ

Illustratorで、虹色のグラデーションを作る

—

by

ぽるか
in

ようこそ、50代からも、さらに人生楽しむこはくのブログ、略してこはブロへ♪


このブログは自分のサイトの宣伝や学習の記録、そして昭和世代のわたしが令和時代もますます楽しむための趣味の１つとして書いています(*^^)v

さあ、今日何しよう？

Adobe Illustratorで、虹の色で7色を使ってグラデーションをかけたいです。色の指定を設定してもらえませんか？

はい、できますよ 🌈
Adobe Illustratorで虹の7色グラデーションを作るための、そのまま使える色指定を用意しました。

↓文字への色付けがうまく出来ず、長方形にグラデーションをかけて
「虹色グラデーション」という文字でクリッピングマスク作成しました

🌈 虹7色の基本配色（おすすめ）

RGB（Web・画面向け／使いやすい）

Illustratorで一番扱いやすい設定です。

色RGBカラーコード
赤25500#FF0000
橙2551650#FFA500
黄2552550#FFFF00
緑01280#008000
青00255#0000FF
藍750130#4B0082
紫13843226#8A2BE2

🎨 Illustratorでの設定手順

  1. グラデーションパネルを開く
    ウィンドウ → グラデーション
  2. グラデーションタイプ
    • 線形（横や縦の虹）
    • 円形（丸い虹）
  3. スウォッチを7個追加
    • グラデーションバーをクリックして7色分作る
  4. 左から順に色を設定 赤 → 橙 → 黄 → 緑 → 青 → 藍 → 紫
  5. 位置の目安（％） 0% / 16% / 33% / 50% / 66% / 83% / 100%

🖨 印刷向け（CMYK）が必要な場合

印刷用でしたらCMYKでも用意できます。
👉 **「画面用 or 印刷用どちらですか？」**と教えてください。

✨ もっと自然にしたい場合

  • 彩度を少し下げる
  • 緑をやや明るめにする
  • 藍を省いて6色にする（デザイン向け）

こういったデザイン調整用の配色も作れますよ。

必要でしたら
**「ポップ」「淡い」「和風」「リアルな虹」**など、雰囲気を教えてください！

ありがとう。もう一つ教えて下さい。文字が7文字あるとして、その文字に対して左から右に一文字ずつグラデーションをかけることはできますか？　たとえば、『あいうえお』という文字列があって、『あ』は赤、『い』が橙というように。

はい、できます！
Illustratorではやり方がいくつかありますが、一文字ずつ確実に色を分けたい場合の方法を中心に説明しますね。

✅ 方法①【一番確実】文字をアウトライン化して色を分ける

手順

  1. 文字を入力 あいうえお
  2. 文字を選択
    • 選択ツール（黒矢印）
  3. アウトライン化
    • メニュー
      書式 → アウトラインを作成
  4. 文字を1文字ずつ分離
    • 右クリック → グループ解除
      （複数回必要な場合あり）
  5. それぞれに色を指定
    • あ → 赤
    • い → 橙
    • う → 黄
    • え → 緑
    • お → 青
      （7文字なら虹7色）

👉 この方法は

  • 色ズレしない
  • 印刷でも安心
  • 一文字ずつ完全に制御できる
    というメリットがあります。

↓文字をアウトライン化して作ったものです

🌈 方法②【編集可能】文字にグラデーションを適用する方法

※こちらは文字編集を残したい場合

手順

  1. 文字を選択
  2. グラデーションを適用
  3. グラデーションパネルで
    虹7色（赤→橙→黄→緑→青→藍→紫）を設定
  4. 文字ツール（T）で文字を選択
  5. **グラデーションツール（G）**で
    左端の文字から右端の文字までドラッグ

⚠ 注意

  • 文字幅に応じて色が滑らかにつながる
  • 「1文字＝1色」にはならない場合あり

🎯 「1文字＝1色」にしたいなら？

👉 方法①（アウトライン化）一択です。

💡 補足テクニック（便利）

▶ 7文字ぴったり自動で色分けしたい場合

  1. アウトライン化後、7文字を横に並べる
  2. オブジェクト → ブレンド → 作成
  3. ブレンドオプション → ステップ数：6
  4. 最初を赤、最後を紫にすると中間が自動生成

（※微調整が必要な場合あり）

まとめ

目的おすすめ
1文字ずつ色固定アウトライン化
編集を残したい文字グラデーション
自動で虹配色ブレンド

  • 縦書き
  • 文字サイズがバラバラ
  • ロゴ用途
  • アウトライン化せずに厳密に色分けしたい

ほかにも条件があれば、それに合わせた最適な方法も説明できますよ 👍

LINEスタンプを作ってみました～♪

自分のサイトの宣伝です♪