見出し画像

直しに強い「文字の一部に切り込みを入れる加工」

DTP Transit 別館

ここ数年、多用されている感がある「文字の一部に切り込みを入れる加工」ですが、王道のアプローチは次の手順です。

  1. テキストをアウトライン化する

  2. “切り込み”部分に長方形を描く

  3. パスファインダーで型抜き

しかし、次のようなリクエストが来たとき、基本的に全とっかえです。

  • 「ごめん！タイトルが変わった!!」

  • 「もう少し太めのウエイトに変更して」

  • 「切り込み部分を少し太め（細め）にしてみて」

直しに強いアプローチを考えてみます。

1. テキストはアウトラインしなくてもよい（かも）

現在のIllustratorには［グリフにスナップ］という機能があります。これはアウトライン化しなくてもアウトライン化したときのアンカーポイントにスナップできる機能です。

アンカーポイントだけでなく、仮想ボディの中心やベースラインにもスナップできますし、それぞれをON/OFFできます。

〈複合シェイプ〉にしておく

最後にパスファインダーで型抜きする事前準備として、〈複合シェイプ〉にしておきます。

テキストオブジェクトを複合シェイプにすることで
アウトライン化せずに図形として扱えるようになります。
（テキストのままだと、パスファインダーの結果が異なる）

2. “切り込み”部分は線＋線幅ツールで

次の手順でパスの片方だけに線幅が表示されるように変更します。

  1. 直線を描く

  2. ［線幅ツール］でアンカーポイントをダブルクリック

  3. ［線幅ポイントを編集］ダイアログボックスが開いたら、［側辺1］を線幅に、［側辺2］を「0」に設定

  4. 同様に、もうひとつのアンカーポイントも同様に設定

グラフィックスタイルに登録しておきます。

このスクショでは「突出線端」にしています。

切り込みしたい箇所にパスを描いていきます。

テキストを複製してアウトライン化し、そのパスを使うのもよいでしょう。
特に曲線部分。

逆方向に線幅を変更するには、［パスの方向反転］を使います。

3. パスファインダー（型抜き）を適用

テキストとパスを選択してグループ化、［パスファインダー（前面オブジェクトで型抜き）］効果を適用して完成です。

適用前の様子を確認するには、目のアイコンをクリックして効果を非表示にします。

4. 修正

切り込みの幅を修正したい場合には、一箇所を変更してグラフィックスタイルを更新します。

“直しに強い”をコンセプトに書いてきましたが、少しでも変更してしまうとグラフィックスタイルとのリンクが切れますので要注意。

よく見るまでもなく、「込」の切り込み部分には調整が必要です。

MojiDisassembler

Tawami toolsさんのスクリプト文字を分解するIllustratorスクリプト「MojiDisassembler」も重宝します。

魔法のようにテキストをパーツに分割してくれます。

追記

Egor Chistyakovさんが「新バージョンでは、オープンパスでも線の位置を変更できるようになるよ！」と教えてくださいました。待ち遠しい!!!


サンプルファイル


ここから先は

0字 / 1ファイル

¥ 100

定期マガジンを購読されるとサンプルファイルをダウンロードいただけます。 https://note.com/dtp_tranist/m/mebd7eab21ea5