今回はAdobe Illustrator CC 2019で縁取り文字を作成する方法をご紹介します。

  • 文字を重ねる方法
  • アピアランスを使用する方法
  • パスのオフセットを使用する方法

上記3つの方法です。

スポンサーリンク







文字を重ねる方法

まずは、昔ながらの方法で「文字を重ねる方法」から解説します。

テキストの線のカラー指定

テキストの線のカラーを指定します。

テキストオブジェクトを選択すると上部メニューの真下にテキストメニューが表示されます。

テキストメニュー

メニュの一番左のカラー指定が「塗り」のカラー指定

そのひとつ右のカラー指定が「線」のカラー指定です。

塗りと線

それでは実際にカラー指定をしてみます。

黄色い文字で「テキスト」と入力しました。

テキスト

線のカラーに赤を指定してみると、こんな感じに…

線のカラーを設定

おっ?縁取り文字っぽくなったぞ!

それでは線を太くしてみましょう。

線幅の調整

ウインドウの線を表示(表示されていない場合は上部メニュー「ウインドウ」>「線」をクリック)

ウィンドウ線

線幅を10ptにしてみます。

すると…

10pt

あらら?様子がおかしいぞ?

そうです。

Photoshopのレイヤースタイルの境界線は、外側、内側、両側を指定できますが、Illustratorの線はオブジェクトの両側に線幅を増やします。

このままでは、テキストの塗りがつぶれてしまいます。

縁取り文字の作り方

オブジェクトの両側に線幅を増やすことがわかったので、線のカラー指定だけを行っていては縁取り文字が作成できないことがわかりました。

手順を説明します。

縁取り文字作成の手順

①テキストを入力

②テキストオブジェクトをコピー

③テキストオブジェクトを背面に貼り付け

④背面のテキストオブジェクトの「線」のカラーを指定

⑤背面のテキストオブジェクトの「線幅」を調整

このように縁取り文字を作成します。

①の説明はカットします。

②テキストオブジェクトをコピーします。

コピーの方法は、テキストオブジェクトを選択した状態で、「Ctrl+C」をクリック。

これで完了です。

③テキストオブジェクトを背面に貼り付けます。

先ほどコピーしたテキストオブジェクトをテキストオブジェクトの真背面に貼り付けます。

背面に貼り付け方法は、「Ctrl+B」をクリック。

これで背面に貼り付けられます。

④⑤の線のカラー指定、線幅の指定方法説明もカットします。

手順を踏むとこのようになりました。

外側にだけ線が表示される

線を指定したオブジェクトの全面に塗りのみのテキストエフェクトがあるので、内側に広がった線は隠れている状態です。

このようにして縁取り文字を作成いたします。

しかしこのままでは角がかくばっています。

角がかくばっている状態だと、複雑な文字の場合、

このようになってしまいます。

複雑な文字

拡大すると…

棘のようなものが表示される

とげみたいなのが出来ます。

この状態を回避するには、線の角を丸みがかせることによってとげ状態を回避できます。

線ウインドウの「線の形状」:ラウンド結合を選んでください。

ラウンド

するとこのように縁取り文字が作成できます。

縁取り文字の完成

これで縁取り文字の完成です。

次のページは「アピアランスを使用する方法」について
1 2 3