本文へ移動

イラレで文字の一部の色を変える方法|Illustratorで1文字ずつカラフルにする手順

IllustratorWEBデザイン執筆: mameblog 編集部
当メディアは、Webデザインスクール「illume」を運営する株式会社design meが運営しています。記事内のリンクには広告が含まれる場合があります。

文字の一部だけ色を変える方法をご紹介します。

まめ

3分あれば余裕でできちゃう◎

文字を目立たせることができるので、ロゴ制作にも使える小技です。

それでは、Illustratorで文字の一部の色を変える方法をどうぞ!

\ Illustrator使うならチェックしておきたい /

まめ

Adobeの操作も学べて、おトクに使える方法を紹介してます◎

INDEX目次

    出来上がりのイメージ

    イラレ初心者さんも簡単にできますよ◎

    Illustratorで文字の一部の色を変える方法

    STEP
    Illustratorのアートボードに文字を配置

    文字とフォントが確定してから次に進んでください(アウトライン化するので途中変更ができません)

    STEP
    文字を選択→書式→アウトライン化

    文字を選択した状態で、書式→アウトラインを作成をクリックします。

    STEP
    文字を選択→オブジェクト→グループ解除
    STEP
    色を変えたいところをナイフツールで切り離す→色を変える

    ↑「字」は「うかんむり」だけ色を変えようとしても、見えないところで繋がっています。

    ナイフツールで切り離す必要があります!

    ナイフツールはaltキーを押しながら使うと直線が引けます!

    こんな方法もある!

    選択→オブジェクト→複合パスを解除→色を変更

    複合パスを解除すると、一部色を変えられますが、文字の隙間が埋まってしまいます。

    埋まってしまったところの色を背景色に変更すれば問題ありませんが、今回はナイフツールで対応したいと思います💡

    STEP
    完成

    文字の一部の色を変えたデザイン紹介

    文字の一部の色を変えたデザインは多く、バナーにも使われる手法です。

    https://ensmay.themedia.jp/posts/14256077
    https://pin.it/LsL548vjR

    文字の色を変えることで

    イメージカラーを強調することができますね♩

    Illustratorは本や独学でも学べますが、「作品を添削してほしい」「ポートフォリオまで整えたい」と感じたら、Webデザインスクールの比較記事で質問・添削サポートの違いを見ておくと安心です。

    文字全体の色を変えたいときは

    ここまでは「文字の一部だけ」色を変える方法でした。文字全体の色をまとめて変えたいだけなら、アウトライン化は必要ありません。

    1. 選択ツール(V)でテキストを選択する
    2. ツールバーの「塗り」をダブルクリック、またはカラーパネル・スウォッチパネルから色を選ぶ

    文字ツール(T)で一部だけドラッグ選択してから色を変える方法もありますが、この場合は文字ごとの色分けになります。ナイフツールで切った断面から色を分けたい(1文字の途中で色を変えたい)ときだけ、上のアウトライン化の手順が必要です。

    色が変わらないときは、テキストではなくグループやアピアランスが選択されている場合があります。オブジェクト→アピアランスを分割、またはグループ解除してから選び直してみてください。

    文字の後ろに色を敷きたいとき

    文字の色ではなく背景に色を敷きたい場合は、長方形ツール(M)で文字の後ろに図形を描き、右クリック→重ね順→背面へ、で文字の下に回します。文字と背景をいっしょに動かしたいときは、両方選択してグループ化(⌘+G)しておくと扱いやすくなります。

    イラレをもっと使えるようになる!オススメの本

    イラレのスゴ技|イラレ職人コロさん

    アドビことはじめ(Adobe公式講座)で講師もされている

    コロさんのイラレ初心者〜中級者向けの本です。

    まめ

    私自身、イラレはこれで学びました!

    操作を学ぶというより

    イラスト・素材を作りながら効率的な使い方を学べます。

    \ 目次はこんな感じ /

    Amazonは数ページ試し読みできるので、よかったら見てみてください^^

    イラレのスゴ技 表紙
    もっとイラレのスゴ技 表紙

    まとめ

    今日はIllustratorで文字の一部の色を変える方法をご紹介しました。

    Illustratorで文字の一部の色を変えるSTEP5
    • Illustratorに文字を配置
    • 文字を選択→書式→アウトラインを作成
    • 文字を選択→オブジェクト→グループ解除
    • 色を変えたいところをナイフツールで切り離す→色を変える
    • 完成

    ナイフツールを使えば好きなところで区切ることが可能です◎

    今回ご紹介した方法で「できない!」「わかりにくい」などございましたら、お気軽にコメントください🌸

    記事を修正させていただきます!

    \ Illustrator使うならチェックしておきたい /

    まめ

    Adobeの操作も学べて、おトクに使える方法を紹介してます◎

    Illustrator操作の次に「作品に仕上げる練習」をしたい方へ

    Illustratorの操作に慣れてきたら、次はバナーやLPのパーツなど、実際の制作物に落とし込む練習をしていくのがおすすめです。

    操作方法を覚えるだけでなく、配色・余白・文字の見せ方を組み合わせて「人に見せられる作品」にしていくことで、ポートフォリオにもつながりやすくなります。

    もし「操作は分かってきたけど、何を作れば仕事につながるのか分からない」と感じている場合は、先に自分が目指しやすい仕事タイプを整理してみてください。

    ※「デザイナータイプ別診断」は、当メディアを運営する株式会社design meが提供するWebデザインスクール illume のサービスです。

    スクール選びまで考えている方は、未経験向けWebデザインスクール比較で、添削・案件獲得サポート・学び方の違いもチェックできます。

    PR デザイン〜案件獲得まで「ここで完結」

    Illustrator操作に慣れたら、バナー練習にも挑戦したい方はこちら

    関連する学習コンテンツ

    記事の前提になる基礎は、無料の学習コンテンツで順番に学べます。

    学習コンテンツの目次を見る →

    関連記事

    前後の記事

    目次

      \ スクールが気になったら、まずはLINEで /

      公式LINE登録で、3大特典をプレゼント

      無料相談(Zoom・30分)の予約もLINEから。勧誘なし・ブロックはいつでもOKです。

      FOR BUSINESS

      法人向け「AI×デザイン」研修

      生成AIを取り入れた制作ワークフローを、半日〜2日のカスタム研修でチームに導入。デザイナー以外の職種の方にも対応します。

      研修について相談する

      オンライン・対面どちらも可 / お見積り無料

      LINE登録で3大特典
      LINE登録で3大特典スクール詳細
      PR バナー
      公式LINEで無料相談 + ロードマップPDFプレゼント中 LINE友だち追加