Adobe Illustratorでテキストをハイライトする方法

  • これを共有
Cathy Daniels

文字にハイライトを入れるということは、注目点を与えるということですが、それ以外にも便利なことがあります。 例えば、背景が複雑な場合、それに合った読みやすい文字色を決めるのは難しいですが、ハイライトを入れることで解決できますよ。

また、テキストをハイライトすることで、多くのデザインでテキストをよりスタイリッシュに見せることができます。 私はテキストベースのポスターを作るとき、いつもテキストスタイルで遊び、ハイライトやシャドウを加えたり、テキストを歪ませたりするのが好きなんです。

Adobe Illustratorでは、Word文書での作業とは異なり、テキストの色を強調するオプションはありません。 テキストを強調したい場合は、手動でハイライトを追加する必要があり、それを行うにはいくつかの異なる方法があります。

このチュートリアルでは、Adobe Illustratorでテキストをハイライトする3つの方法を紹介します。 アピアランスパネルで編集してテキストの背景色を追加する方法、オフセットパスを使用してハイライトテキスト効果を作成する方法、そして単にテキストの後ろに色の付いた長方形を追加する方法です。

まずは一番簡単な方法から。

注:このチュートリアルのスクリーンショットは、Adobe Illustrator CC 2022 Mac版から引用しています。 Windowsやその他のバージョンでは、異なる表示となる場合があります。

方法1:矩形でテキストをハイライトする

Adobe Illustratorでテキストをハイライトする最も手軽な方法です。 必要なのは、矩形を作成してテキストの後ろに配置することだけです。

例えば、この画像では、この背景では文字が読みにくいので、文字をハイライトして読みやすくするとよいでしょう。

ステップ1. テキストを右クリックし アレンジする > 前面に出す .

ステップ2. を選んでください。 長方形ツール (M) をクリックし、テキストボックスより少し大きめの矩形を作成します。

ステップ3. ハイライトカラーを選択し、矩形を塗りつぶす。

ヒント:マッチングに迷ったら、カラーガイドを見てみよう 😉。

ハイライトの色を変えたい場合は、矩形の色を変えるだけでよい。

この方法の欠点は、テキストとハイライトが分離していることです。 テキストとレクタングルをグループ化し、一緒に移動・拡大縮小できるようにすることをお勧めします。

方法2:文字色の背景を追加する

ハイライトテキストのスタイルがない場合でも、外観を編集することで作ることができます。

ステップ1. を開く 外観 オーバーヘッドメニューからパネル ウィンドウ > 外観 .

ステップ2. テキストを選択し 新規塗りつぶしの追加 ボタンをクリックします。

テキストのコピーが表示されるので、それをクリックして 塗りつぶし をクリックして、色を選択します。

塗りつぶしの色を紫に変更しました。

ステップ3. をクリックします。 新規エフェクトの追加 ( エフエックス ) ボタンを押します。

選ぶ シェイプに変換する > 長方形 .

ステップ4. を調整します。 エクストラハイト エクストラウェイト をクリックすると、ハイライトボックスの大きさに応じてダイアログボックスが表示されます。 よっしゃー タイプバウンディングボックスを参考にすることができます。

ステップ5. アピアランスパネルで「矩形塗りつぶしの文字」をクリックし、「タイプ」の下にドラッグします。

これで、選択した新しい塗りつぶし色でテキストが強調表示されるはずです。

ハイライト効果は矩形法と似ていますが、この方法の良いところは、テキストとハイライトが2つのオブジェクトではなく、1つのオブジェクトになっているので、自由に一緒に動かせることです。

方法3: ハイライトテキスト効果を作成する

この方法では、背景ではなく文字の中にハイライトを入れるというのはどうでしょう。 いいですね、以下の手順でやってみましょう。

ステップ1. テキストをアウトライン化し、オーバーヘッドメニューから 対象物 > コンパウンドパス > 作る またはキーボードショートカット コマンド / Ctrl + 8 .

ステップ2. 塗りつぶしの色を選択します。

ステップ3. 再度オーバーヘッドメニューに移動し 対象物 > パス > オフセットパス .

負の Offset 値を入力すると、オフセットパスが元のテキスト内に作成されます。

ステップ4. オフセットパスの色を選択し コマンド / Ctrl + 8 ここでは薄い青色を選択しました。

ステップ5. を保持します。 オプション / アルト キーを押しながらドラッグすると、新しいオフセットパスが複製され、元のパスから少し離れたところに移動します。

両方を選択し マイナスフロント から パスファインダー パネルに表示されます。 テキスト内にハイライトとして薄い青が表示されます。

より劇的なハイライト効果を得たい場合は、オフセットパスを複製する際に、元のパスから遠くに移動させ、オフセットパスの色も明るいものを選ぶとよいでしょう。

最後の言葉

矩形やオフセットパスを追加してテキストをハイライトする場合、テキストの移動とハイライト効果を一緒に行うためにオブジェクトをグループ化する必要があることに注意してください。 テキストをハイライトするためにオブジェクトをグループ化する必要がない唯一の方法は、アピアランスパネルから新しいフィルを追加することです。

Adobe Illustrator のエキスパート、Cathy Daniels です。私はこのソフトウェアをバージョン 2.0 から使用しており、2003 年からチュートリアルを作成しています。私のブログは、Illustrator を学びたい人にとって Web 上で最も人気のある場所の 1 つです。ブロガーとしての仕事に加えて、私は作家およびグラフィック デザイナーでもあります。