Adobe Illustratorでテキストまたは図形にダブルアウトラインを追加する方法


回答:


16

編集:Quick&Dirty#1を実行するためのより良い方法がありました。改善に伴い回答を修正しました。これが私の好みの方法です。

多くのIllustratorと同様に、これを行うには複数の方法があります。

クイック&ダーティーウェイズ

アウトラインオブジェクトがレイヤースタックの最下部にあり、透明度が重要でない場合は、これらのメソッドを使用します。

クイック&ダーティー#1 (推奨)

  1. オブジェクトを選択し、Appearanceパレットでメニューを選択してAdd new stroke
  2. 上の新しいストロークを選択Appearanceパレットを、メニューに行くEffect。⇒ Path。⇒ Offset Path及びポイントまたは2でそれを相殺しました。
  3. (オプション)このスタイルを再利用する場合は、Graphic Stylesパレットを開いてメニューを選択し、New Graphic Style...

クイック&ダーティー#2

  1. 同じオブジェクトが3つになるまで、オブジェクトの複製を上下にコピーして貼り付けます。
  2. 最下層のオブジェクトに太い線を付けます。
  3. 中間層のオブジェクトを別の色で太くないストロークにします。
  4. 最上層のオブジェクトを最も細いストロークにします。

本当に透明度が必要な場合は、オブジェクトを選択して、Outline Stroke塗りつぶされた形状を形成できます。次に、必要に応じて形状を差し引いて結合し、輪郭のある塗りつぶし形状オブジェクトをすばやく作成します。

「ブラシ」の方法

この方法は非常に柔軟性がありますが、設定に時間がかかります。 複数の場所でこのボーダースタイルを使用する場合、これは間違いなく使用する方法です。

  1. 作る Art Brush
    1. 複数の平行線を作成します(水平線から始めるのが最も簡単です)
    2. 路線を選択してください
    3. ブラシパレット(F5)を開きます。
    4. メニューをクリックして選択します New Brush...
    5. 新しいアートブラシを選択
    6. 方向ガイド矢印がラインの正しい方向に向かっていることを確認してください。
  2. Brush輪郭を描きたいオブジェクトに新しいものを 適用します
    1. オブジェクトを選択します。
    2. Brushesパレットで新しく作成したブラシをクリックします。

独自のブラシを作成することは、線や簡単な曲線などの基本的な形状に対してシンプルで強力です。オブジェクトに多くのコーナーがある場合は、ブラシを編集して、コーナーを形成する正しい方法を含める必要があります。

編集:後付け。輪郭が必要な複雑な形状を作成するPattern Brush場合は、コーナーに対応するためにを作成する必要がありますが、でこれを行うことはできませんArt Brush。を作成するPattern Brushには、コーナーとサイドの各状況を作成してから、パターン見本を作成する必要があります。次に、パターン見本を使用してを作成しますPattern Brush


これが私が知っているあなたのパターンブラシを作る最も簡単な方法です:

  1. 必要な各タイル(外側のコーナー、内側のコーナー、開始、側面、終了)のタイルを作成します。
    タイルは形状上で互いに整列する必要があるので、正方形を作成し、正方形にタイルを作成するのに役立つことに注意してください。下の画像では、境界の四角を青色にして、見やすくしています。次のステップでスウォッチを作成するためにそれらを使用する場合、四角形からストロークを削除します。

    パターンブラシのタイルの例

  2. 各タイルをSwatchesパレットまでドラッグして、パターン見本を作成します。

    パレットのパターン見本

  3. 新しいパターンブラシを作成し、スウォッチを適切なタイルのそれぞれに割り当てます。
    パターンを意図したユースケースよりもはるかに大きなサイズにした場合は、スケーリングを調整する必要がある場合があります。
    (終了タイルインジケーターは誤解を招く可能性があることにも注意してください。終了タイルは、同じオブジェクトであるかのように、開始タイルと同じ方向を指す必要があります。ダイアログは反対方向を向いている必要があることを示しているようですが、これは正しくありません。)

    パターンブラシオプション

  4. パターンを形状に適用してテストします。

    図形に適用されたパターンブラシ

  5. フォントに適用する場合、アンカーが近すぎる(パターンのスケールによっては)少しアンカーをクリーンアップする必要がある場合があります。例えば:

    • 以下は、クリーンアップなしのフォントからアウトラインへのBです(筆者のサンプルブラシストロークを使用)。

    ポイントが多すぎるB

    • これは、無関係なポイントを削除した同じBです。

    余分なポイントがクリーンアップされたB


「正しい方法」を試してみましたが、そのようなバグが原因で、角を正しく取れないようです。最初にアートブラシを試してみましたが、すべてのコーナーで機能しません。次に、パターンブラシを試してみましたが、すべてのコーナーで確実に機能しません結果を確認してください: flavius.clickgarden.net/multipleStrokes。 jpg どのようにしてパターンブラシを作成し、複雑な形状のコーナーを正しく作成しますか?
Flavius Frantz、

@フラビウス-パターンブラシは正しいものですが、正しくするのは難しいです。最も簡単な方法は、正方形のグリッドを作成し、それを使用してコーナーを分割することです。機会があれば画像を掲載します。
Farray

わかりました。パターンブラシの使い方がわからないので、答えを待ちます。THX
フラビウスフランツ

farray simlpy rocks
ジャック

@Jack Farrayは彼の手にあまりにも多くの自由時間があります。;)
Farray

5

方法:

テキストを作成します。それを3回クローンします。これで、テキストが3回レイヤー化されました。

下のレイヤーは、たとえば10pt黒の境界線を取得します。次は8pt白になります。次は6pt黒になります。最上層には境界線がまったくありません。

しかし、私は昔ながらです。Farrayのソリューションもおそらく良いです。グリフの内側に入るストロークで文字フォームを変形させないように注意してください。


4

外観パネルを使用してテキストに追加のストロークを適用し、を使用Effect > Path > Offset Pathしてストロークを文字から離します。

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

次に、ストロークを独立したオブジェクトにしたい場合Object > Expand Appearanceは、メニューから選択します。


1

もっと簡単な方法があると思います。外観パネルで、パスを選択した後、fxをクリックして別のストロークを追加するか、必要に応じて2つ追加します。前のストロークの上または内部ではなく横に配置するには、設定をいじる必要があります。


1

Illustratorでオブジェクトの周りに複数の同心円のストロークを追加する方法を見つけました:

  1. アピアランスパネルでストロークを適用し、ストロークが選択されていることを確認します(オブジェクト全体ではなくストローク)
  2. エフェクト>パス>パスのオフセット...に移動します。これにより、ストロークにエフェクトが適用されます。効果を追加するとき、ダイアログでオフセットを設定できます。
  3. アピアランスパネルで別のストロークを追加して、エフェクトを再度適用します。今回は、オフセットを同心円のストローク間の間隔として必要な増分に設定します。ショートカットShift + Cmd + E(Macの場合)を使用して、各ストロークに効果をすばやく適用できます
  4. 同心円のストロークごとに、必要な数だけ繰り返します。毎回、ストローク間の間隔として必要な増分の別の倍数になるようにオフセットを設定します(たとえば、10、20、30、40)。必要に応じて、ストローク間の間隔を不均一にすることもできます。
  5. 各ストロークは、それらの間の間隔と同様に、個別に編集可能であり、下にある形状の輪郭に沿って編集可能になります。この外観をグラフィックスタイルとして保存し、他の図形に簡単に適用することもできます。
弊社のサイトを使用することにより、あなたは弊社のクッキーポリシーおよびプライバシーポリシーを読み、理解したものとみなされます。
Licensed under cc by-sa 3.0 with attribution required.