この見出しの演出、どっちが正解？見出し文字を魅力的に見せるセンスを磨こう

【手順1】文字を沿わせるパスを作成する

まず、好きな大きさ・形のパスを作成します。

「楕円形ツール」や「円弧ツール」で描ける図形のほか、「ペンツール」で描いた自由な形でもOKです。

【手順2】「文字ツール」でパス上をクリックする

次に、ツールバーで「文字ツール」に切り替え、作成したパスの上をクリックします。

クローズパス（円や四角形などの閉じた図形）で作成する場合は、option（Alt）キーを押しながらクリックしましょう。

【手順3】任意のテキストを入力する

そうすれば、クリックした位置から文字が入力できるようになります。

文字の開始・終了位置の調整

文字を入力した後に「選択ツール」に切り替えると、パス上に「ブラケット」と呼ばれる3本の縦線が表示されます。

左右のブラケットをドラッグすることで、文字の「開始位置」と「終了位置」を指定できます。

また、中央のブラケットをドラッグすると、パスの内側や外側に文字を反転させたり、位置を移動したりできます。

【手順1】テキストを入力する

まず、テキストオブジェクトを作成し、任意の文字を入力しましょう。

Escキーを押すといった方法で、文字編集を終了します。

【手順2】線・塗りのカラーを「なし」にする

次に「選択ツール」であらためてテキストオブジェクトを選択し、「カラー」パネルで線・塗りのカラーをどちらも「なし」に設定しましょう。

※画面上では文字が消えたように見えますが、問題ありません。

【手順3】「アピアランス」パネルで「新規塗りを追加」する

カラーが「なし」のテキストオブジェクトを選択した状態で、「アピアランス」パネルの下部にある「新規塗りを追加」をクリックします。

【手順4】追加された「塗り」にグラデーションを設定する

新たに追加された「塗り」の項目に、「グラデーション」パネルでグラデーションを設定すれば完成です。

「文字ツール」などで作成したテキストは、「プロパティ」パネルや「カラー」パネルで文字の色を変更できます。

しかし、先ほどもお伝えしたように、そのままではグラデーションを適用しても意図した見た目にはできません。

そこで今回は、文字の色をいったん「なし」に設定し、「アピアランス」パネルで新しく「塗り」を追加して、そこにグラデーションを設定するという工夫をしています。

テキストオブジェクトは文字属性とオブジェクト、二重構造のアピアランスを持っています。

上記の操作で行っているのは、デフォルトで設定されている文字属性を無効にして、新たにオブジェクト側にアピアランスを追加するという処理です。

オブジェクト側のアピアランスは編集の自由度が高く、グラデーションを使えるようになるだけでなく、線・塗りを複数に増やす、効果を追加するといった表現も可能になります。

この方法を使えば、リッチなグラデーションを保ったまま、フォントを変えたり文字を打ち替えたりといった修正がいつでも行えますので、ぜひ試してみてください。

【手順1】「塗り」を作成して重ね順を整える

テキストオブジェクトを選択し、「アピアランス」パネルで「新規塗りを追加」をクリックして「塗り」の項目を増やします。

文字本体が上、フチが下になるよう「塗り」の重ね順を整え、それぞれカラーを設定しましょう。

【手順2】「パスのオフセット」効果を適用する

「アピアランス」パネルでフチの「塗り」を選択し、「効果」メニューの「パス」＞「パスのオフセット」をクリックします。

「オフセット」に正の値を入力し、好きな太さのフチをつけましょう。

【手順3】「パスファインダー：分割」効果を適用する

引き続きフチの「塗り」を選択したまま、「効果」メニューの「パスファインダー」＞「分割」をクリックします。

適用後は「アピアランス」パネルで「分割」の項目をクリックしてダイアログを表示し、「分割およびアウトライン適用時に塗りのないアートワークを削除」をオフにしましょう。

【手順4】「パスファインダー：合体」効果を適用する

続いて、「効果」メニューの「パスファインダー」＞「合体」をクリックします。

【手順5】「アピアランス」パネルで順番を確認する

「アピアランス」パネルで、これらの効果がフチ用の「塗り」項目の中に正しく入っているか確認しましょう。

うまくできていない場合は、効果をかける項目や順番が誤っている可能性があります。

以下の画像のような状態になるよう、項目をドラッグして整えましょう。

このアピアランスは「パスのオフセット」効果でつけたフチを「分割」効果でバラバラにし、「合体」効果でひとまとめにしてすき間を潰すというしくみになっています。

「分割」効果のオプション「分割およびアウトライン適用時に塗りのないアートワークを削除」は必ずオフにしましょう。

オンの状態では処理に必要なオブジェクトが削除されるため、すき間が埋まらなくなってしまいます。