ディセンダーと衝突しない中断された下線を実際に作成する


7

InDesignまたはIllustratorでかなり下線を引く(ディセンダーで中断される)実用的な方法を探しています。

テキスト下線との衝突に下線を引くべきかを参照してください

テキストに白いストローク適用して偽造しようとしましたが、下線に切り込む方法はあまりに醜く、使用できません。太い下線の付いた大きなテキストにも使用しようとしています。

下線ガードの失敗-白のストローク法

下線を削除するだけでgのような文字の周りはうまく中断されますが、pにはギャップが多すぎます

下線ガードの下線の失敗-手動による方法

これがまったく達成できる場合、それはあなたのウィザードの1人だけが考えることができるものでなければなりません。

ただし、これは本当にInDesignとIllustratorの機能である必要があります(ここにAdobeのウィッシュフォームリンクがあります)。CSS3のようにtext-decoration-skip: ink;、ブラウザのサポートが必要です。 2018年3月:サポートを取得しただけでなく、Chrome / Chromiumのデフォルトになりました。

回答:


6

ソーステキストを変更してもかまわない場合は、ディセンダー付きの文字から下線を削除し、スペースを使用して、必要な場所で不足している下線を埋めることができます。これを行う必要のある場所がいくつかある場合は、手動で非常に簡単に行うことができます。(InDesignで)GREPスタイルを設定し、GREPの検索と置換クエリを使用して、困難な作業を行うことができます。 。

手動で

  1. テキストに下線を引きます。
  2. 「p」の後にスペースを追加します。
  3. ディセンダーを持つ文字から下線を削除します。
  4. 「p」+「スペース」を否定的にカーニングし、「p」の下に下線を引きます。

ここに画像の説明を入力してください

半自動(InDesignのみ)

  1. まず、段落スタイルに下線を追加し、下線文字のない下線のない文字スタイルを作成します。

  2. 「p」の後にスペースを追加します。GREP検索&置換を使用して、後にスペースがない「p」のみを検索できます(テキストが変更された場合、同じテキストでクエリを再利用できます)。

    ここに画像の説明を入力してください

  3. 「p」のアンダーラインなしの文字スタイルを複製します。段落スタイル内にいくつかのGREPスタイルを設定して、正しい文字スタイルを適用します。

    ここに画像の説明を入力してください

  4. ここで、「p」に負のトラッキングを追加して、スペース(および追加の下線)を引き、「p」の下のギャップを埋めます。

ここに画像の説明を入力してください

これをいくつかの文字スタイルに拡張し、GREPの検索と置換のクエリを保存できます(スペースの追加など) 、「y」の前にを追跡して「y」をます。スタイルと検索と置換のクエリを作成したらテキストを変更するたびにクエリを再実行するだけで、設定を完了できます。

IllustratorにはGREPスタイルがないため、手動でこれを行う必要がありますが、これはInDesignで半自動化されたソリューションとして機能するはずです(少し「ハッキー」ですが)。

また、私はCS6を使用しているため、これを容易にするCCに新しいものがあるかどうかわかりません。


手動の方法の興味深い(やや腹立たしい)エッジケースに注意してください。最後の文字がyの場合、負のカーニングスペースは下線をディセンダーの近くに移動しません。別の文字を追加するだけで機能します。私は透明なものを追加しますが、これらは章のヘッダーであり、目次を作成します!Grrr ...
Leeroy

別の問題:下線に連続するテキスト長のグラデーションを使用することはできません。中断すると次のビットがグラデーションを開始するためです。
Leeroy、2016年

1
ええ、回避するのが簡単ではないいくつかのエッジケースがあります。もう1つの方法は、非表示の文字を使用して、その色を紙と同じ色に設定することです(これはさらにハックですがねえ)。
Cai

グラデーションについてはわかりませんが、それを回避する方法があるかどうかは不明です(CCで下線のグラデーションはすべて新しいと思いますが、わかりません)
Cai
弊社のサイトを使用することにより、あなたは弊社のクッキーポリシーおよびプライバシーポリシーを読み、理解したものとみなされます。
Licensed under cc by-sa 3.0 with attribution required.