Illustratorでレターフォーム内に均一な太さの実線を作成するにはどうすればよいですか?


7

私はこのスタイルを使用するあらゆる種類の見出しと広告を見ました。タイプの無地のセクションには、各文字の真ん中を通る別の色の均一な実線があります。私はあらゆる種類のグーグル検索を行っており、答えを見つけるのにまだ近づいていません(おそらく、この手法が何であるかわかりません)。

もちろん、ペンツールを使用して各文字フォームにパスを描くこともできますが、これを行うには、おそらく外観パネルを使用するなど、より簡単で時間効率の良い方法があるかどうかを知りたいです。

どんな助けでも大歓迎です。これは何ヶ月もの間私を夢中にさせてきました!

私が話していることの例については、以下を参照してください。チリの卓上広告の「WARM INSIDE」。

チリのレストランの例



@スコット、同様ですが、私の意見では重複していません-同じアプローチが両方で機能する可能性がありますが、最良の結果は得られません。他の質問は、本当にモノラインの文字を要求します。
e100 2013年

回答:


1

内側のストロークを使用しても、思い通りの結果が得られるとは限りません。

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

テキストのスタイルを自動的に設定する方法は知りません。問題のパッケージのデザイナーはおそらく次の2つのうちの1つを行ったと思います。

  1. この機能を備えた書体を見つけました(かなりの数があります)。
  2. テキストやエフェクトを手作りします。

私は最初のオプションがより可能性が高いと思います。だから、それはおそらくあなたがすべきことです。ただし、テキストが少ない場合は、内部パスを作成するのが効果的であり、それほど労力を要しません。


ご回答有難うございます。ええ、私はその機能を持たないフォント(Myriad Pro Boldなど)を使ってそれを行う方法を見つけるために多くのことを試しました:上記の投稿とほぼ同じ結果です:内部ストローク、オフセットパス、内部グローなど。今のところ、カスタム描画パスのように見えます...
Ian

1
一部のフォントについては、PowerpointでのSupuhstarによる説明と同様のプロセスを実行することで、Illustratorではるかに近づくことができます。
e100 2013年

10

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

1.テキストを入力し、テキストを右クリックして[ アウトラインの作成 ]を選択します
2. 外ストロークを適用します。

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


細い文字から始めてその周りをストロークするより良い方法があります。これにより、テキストをライブの編集可能なテキストとして保持できます。Appearanceウィンドウを開いてAdd strokeボタンをクリックし、この新しいストロークをCharacters外観ウィンドウの下にドラッグして、色を設定します通常どおり、サイズを必要なサイズの2倍にします(テキストの周りの5ストロークの場合は10 pt)。これの唯一の弱点は、すべてのテキストが同じストロークでなければならないことです(この場合は問題ありません)。
user56reinstatemonica8 2013年

4

これをうまく行うには、目的のために設計された書体を使用する必要があります-「インライン」フォントを探します。


インライン-そう呼ばれています。それは私を夢中にさせてきました。助けてくれてありがとう。
Ian

方法はありません。タイプフェイスを使用できますが、他の方法もあります。
Muhammad Umer 2013

インラインフォントの問題は、インラインとエッジをカラー化できるようにするために、テキストをベクトル化する(アウトラインを作成する)必要があることです。ただし、これは簡単な追加手順です。
go-junta

2

OPで説明されている「ウォームインサイド」

私はこの効果を再作成することができたのMicrosoft PowerPoint 200720102013、および365。Mac 2011はテストしていませんが、そこでも動作することを期待しています。残念ながら、PhotoshopとIllustratorには、これを実行するために必要な機能(マイターアウトライン)がありません。次の手順で効果を達成できます。

  1. Microsoft PowerPointを開きますバージョン2007以降である必要があります
  2. 新しいPowerPointファイルを作成する
  3. テキストボックスを作成する
  4. 入力任意のテキスト使用して、テキストボックス内を光のフォントなどのSegoe UIライト、Ubuntuのライト、ソースなきプロライト、などを、
  5. そのテキストに内側のストロークの色を割り当てます
  6. [ テキスト効果書式設定 ]ダイアログ(または2013年のサイドバー)を表示します(これには多くの方法があります。通常、最も簡単な方法は、テキストを右クリックして[テキスト効果の書式設定...]を選択することです。
  7. テキストアウトラインセクション、選択実線と選択外側ストロークの色を
  8. [ アウトラインスタイル]セクションで、見栄えがよくなるまで[幅]の値を増やします。アウトラインがテキストを追い越すようにしてください
  9. 重要なステップ:キャップタイプフラットに設定され、結合タイプマイターに設定されていることを確認します
  10. テキストボックスを選択しますテキストは選択せず、テキストが含まれているボックスを選択してください。
  11. [フォント]ダイアログを開きます。これには多くの方法がありますが、最も簡単な方法は、ホームリボンの[フォント]セクションの右下にある小さなアイコンをクリックすることです。
  12. 見た目が気になるまで文字間隔を広げます。**文字の間隔を空けてください*
  13. フォントダイアログ閉じ、テキストボックスが選択されていることを確認します
  14. Ctrl+Dまたはでテキストボックス複製しますCtrl+C+V
  15. 新しいテキストボックスを移動して、古いテキストボックスの上に完全に収まるようにします。これは、グリッド設定でスナップを有効にしている場合に最も簡単です。
  16. [ テキスト効果書式設定 ]ダイアログ(またはサイドバー)を再度開きます
  17. テキストのアウトラインセクション、選択しないラインを

ビオラ!あなたは自分自身をいくつかのテキストをレターフォームの均一な太さの線で編成しました:3


これは実際に外側に境界線を追加するだけで(内側の半分は非表示です)、フォントが最初に均一の太さのストロークを持つ場合にのみ機能します。それはかなりうまくいきますが。
e100 2013年

また、Illustratorではアウトラインをマイター処理できます。
e100 2013年

Illustratorでこれを行おうとすると、それはわかりませんでした。それは私のために働くので、私は共有するだろうと考えました:P
Supuhstar


0

これは、Illustratorで簡単に実行できます。

オプション1(例として上のJPG、2番目のJPGの上の画像):

1)エフェクトを適用するテキストを複製する必要があります。テキストを入力し、[オブジェクト]メニューの[変換]コマンドを使用して、[移動]を選択します。「移動」のウィンドウで、このテキストを同じ位置に複製するためにどこにでもゼロを置きます。「コピー」を押します

2)前面のテキストを選択します。角が丸く、端が中央に揃った、異なる色の大きなストロークを追加します(写真を参照)。

3)そのテキストを選択し、「アウトラインの作成」を実行します(メニュータイプ/アウトラインの作成)

4)このトップテキストをもう一度選択します。次に、メニュー「オブジェクト」に移動して「展開」を選択し、すべてのボックスをチェックします。これにより、境界線がテキストの内側から分離されます。

5)各文字について、グラフィックから外側の境界線を削除し、内側の部分のみを保持します。選択ツールのの白い矢印を使用して、文字の隅をクリックし、Deleteキーを2回押します。または、これを展開して、パーツ全体を選択して削除することもできます。

6)その内側の部分を必要なトーンで塗りつぶします。明るい黄色であなたの例を模倣しています。そして、背景にまだ触れられていないテキストを、マゼンタを多く含む濃い黄色で塗りつぶします。

7)効果を少し滑らかにしたい場合は、内側の部分に小さな境界線を追加できます。私の例では、カラーレシピに2つの黄色の間の黄色を使用しました。それはいくつかのスムージング効果を与え、2色を少しブレンドします。私の境界線は3ポイントの厚さです。

しかし、おそらくブレンドツールを使用することもできます。それは、曲がりくねった文字のトリッキーなものです。

好みに合わせて値を変更したり、これに使用するフォントを変更したりできます。この時点で、ストロークを操作してインラインの太さを変更できます。これは単なる例です。

オプション2(下の2番目のJPGの例を参照):

1)非常に薄いフォントを選択し、その後ろにコピーを複製します。

2)複製したセットを外側から太い線で塗り、調整します。

このオプションは、Thinkフォントまたはスクリプトスタイルで見栄えがよくなる場合があります。

Adobe Illustratorでテキスト内に完全に配置されたアウトラインを作成する方法

インライン効果の他の例

弊社のサイトを使用することにより、あなたは弊社のクッキーポリシーおよびプライバシーポリシーを読み、理解したものとみなされます。
Licensed under cc by-sa 3.0 with attribution required.