エッジに沿ってテキストが書かれた図形や画像などのデザイン要素は、一般的なデザイン アイデアにパーソナライズされたタッチを加えます。この「微調整」は、Illustrator のパス内テキスト ツールを使用すると可能です。このツールを使用すると、円、曲線、カスタム形状など、描画されたパスに沿ってテキストを操作できます。
この記事では、Illustrator でパスに書き込むプロセスについて説明します。基本的かつクリエイティブなデザインのためにパス上のテキスト ツールを効率的に使用する方法と、その機能を強化するための実践的なヒントを学びます。
ステップ 1:ペン ツールを使用して直線のパスを手動で描画し、曲率ツールを使用して曲線のパスを描画します。形状をパスとして使用するには、長方形ツールを選択し、目的の形状を選択します。
ステップ 2:パスに沿ってテキストを追加するには、ダッシュボードで [タイプ]> [パスに入力] を選択します。パスを横切って垂直に入力するには、垂直入力ツールを選択します。
| ショートカット | Windows | MacOS |
| ペンツール | P | P |
| 曲率ツール | Shift + ~ | Shift + ~ |
| タイプ オブジェクトを選択するには | Ctrl – テキストをクリック | Cmd – テキストをクリック |
Illustrator のパス上に入力するための高度なテキスト書式設定
Illustrator のパス ツールの多用途性は、最も基本的なテキスト操作でも創造性を発揮できることにあります。
Illustrator 上のパスにテキストを適合させた後、テキストを反転または移動したり、効果を適用したり、文字間隔やテキストの配置を調整したりして、テキストを操作できます。
テキストの移動または反転
テキストを図形や曲線に沿ってではなく、内側に配置したい場合は、テキストを移動または反転します。
テキストを移動するには、選択ツールを使用してパスを選択します。キーボードの Ctrl を押したままテキストをダブルクリックし、ドラッグします。 iOS の場合は、Ctrl ではなく Command を押し続けます。
テキストを反転するには、[ツール]> [パスの入力]> [パスの入力オプション] を選択します。 「反転」オプションを選択し、「OK」をクリックします。
テキストに効果を適用する
文章を創造的に編集してください。スタイルやコンセプトに合った効果を追加したり、デザイン内のメッセージを強化したりできます。
ステップ 1:テキストを選択します。
ステップ 2:[タイプ]> [パスに入力]> [パスに入力オプション] を選択し、いずれかの効果を選択します。テキストに追加できる一般的な効果は次のとおりです。レインボー、リボン、3D、スキュー、重力、階段ステップ。
間隔を調整
パス上の文字の文字間隔を変更するには:
ステップ 1:テキストを選択します
ステップ 2:[タイプ]> [パスに入力]> [パスに入力] オプションを選択します。希望の設定になるまで、文字間の余分なスペースを増減します。
位置調整を調整
デザイン要件に合わせてテキストを配置できます。これを行うには:
ステップ 1:テキストを選択します。
ステップ 2:[タイプ]> [パスに入力]> [パスに入力] オプションを選択します。適切なテキスト配置オプションを選択してください。
テキストを配置するときは、デザインのニーズに注意し、配置の選択が全体的なデザイン テーマと一致していることを確認してください。アセンダ配置では、フォントの上端に沿ってテキストが配置されます。ディセンダー配置では、フォントの下端に沿ってテキストが配置されます。中央揃えでは、フォントのアセンダーとディセンダーの中間にテキストが配置されます。ベースライン配置では、テキストをベースラインに沿って配置します。 Illustrator でパスに入力する場合のデフォルトの配置は、ベースライン配置です。
注意すべき重要なヒント
- テキストまたはパスの外側をクリックすると、Illustrator によって自動的にパスがマスクされます。
- アセンダ、ディセンダ、ベースラインのないテキスト文字は、これらの配置の文字と垂直方向に配置されます。
- 直線パスに沿って文字間隔を変更するには、カーニング機能またはトラッキング機能を使用します。
- 完全な円形のパスでは、重力エフェクトは虹エフェクトに似ています。他の形状のパスでも期待どおりに機能します。
- 方向を変えずにパス上でテキストを移動するには、[文字]パネルの[ベースラインシフト]をクリックします。
Illustrator でパスにテキストを追加する場合の制限
このツールにはクリエイティブな柔軟性がありますが、デザイン プロセスに影響を与える可能性のある特定の制限があります。
- テキストの歪み:鋭角または急な曲線を含むパス上にテキストを書くと、文字が通常よりもきつく潰れたり、引き伸ばされたりする可能性があります。これによりテキストが歪み、読みやすさに影響を与える可能性があります。
これを回避する簡単な方法は、文字パネルでカーニングとトラッキングを微調整して、パス上のテキストを手動で調整することです。あるいは、パスのより小さなセグメントにテキストを追加することもできます。
- 図形などの閉じたパス上の長いテキスト:円などの図形上にテキストを書く場合は、テキストの長さを考慮する必要があります。長すぎるテキストは、開始点と終了点で重なる可能性があります。
これを管理するには、テキスト サイズを小さくするか、整形されたパスのサイズを大きくしてみてください。さらに良いのは、開いたパスに長いテキストを書くことに固執することです。戦略的なポイントで形成されたパスを壊して、開いたパスに変換します。
- パス上のテキストの不均衡な拡大縮小:パスの拡大縮小またはサイズ変更は、パスに追加されたテキストに影響を与える可能性があります。通常のテキスト ツールとは異なり、パスのサイズを変更しても、パス上のテキストは比例して拡大縮小されません。位置がずれて、テキストが歪んだり、不規則で不自然な間隔になったりする可能性があります。
この問題を回避するには、パスを目的のサイズに拡大縮小した後、テキストを個別に拡大縮小します。文字パネルを使用してテキストのサイズと間隔を調整し、テキストが新しいパス サイズに適合するようにします。
- さまざまなフォント:すべてのフォントがパス上にテキストを書き込む際の使用に適しているわけではありません。一部のフォントの種類やフォント スタイルは、パス上のテキストの外観を複雑にし、特に複雑なパスに入力した場合にテキストが判読できなくなる可能性があります。
ビデオ編集のために Filmora のパス上に入力ツールを使用する方法
テキストはビデオの視覚的な魅力を高めるため、ビデオ コンテンツにますます不可欠な部分になってきています。ビデオ編集でテキストをクリエイティブに使用する方法は、ビデオ内の図形やオブジェクトの輪郭に沿ってテキストをパスに沿って湾曲させることです。 Wondershare Filmora のようなシンプルなツールを使用してそれを実現できます。
Wondershare Filmora でパスに沿ってテキストをアニメーション化する
- 設計したパスに沿って流れるテキストを作成します。
- インタラクティブなテキスト効果をデザインするためのカスタマイズ オプション
- ベジェ ツールを使用すると、あらゆる形状を簡単に描画できます。
- さまざまなテキスト スタイル オプションがあなたのクリエイティブなビジョンに合わせて提供されます。
- パスに沿ってテキストを Filmora のクリエイティブ アセットと結合します。
Filmora を使用してパスにテキストを追加するためのステップバイステップ ガイド
ステップ 1:メディア ファイルをインポートする
まず、Filmora を起動し、ビデオまたは画像をタイムラインにインポートします。ファイルをコンピュータから Filmora のメディア ライブラリにドラッグ アンド ドロップします。
ステップ 2:ファイルをタイムラインに追加する
このガイドでは、Filmora の単色背景を背景画像として使用します。背景ファイルをタイムラインにドラッグします。
ステップ 3:Filmora にテキスト レイヤーを追加する
[タイトル] タブをクリックし、デザインに合わせたテキスト スタイルを選択します。テキスト スタイルを新しいトラックにドラッグします。
ステップ 4:テキストを編集して効果を適用する
タイムライン内のテキストをダブルクリックして編集します。デザインに合わせてフォント、サイズ、色をカスタマイズします。 [エフェクト] タブからエフェクトを適用することもできます。
ステップ 5:パスに沿ってテキストを配置する
「基本」セクションの「ベジェパス」トグルをオンにします。選択範囲をポイントやベジェ ハンドルの周囲にドラッグして、デザインのパスに沿ってテキストを配置します。必要に応じて、回転、間隔、配置を調整します。
「アニメーションの長さ」スライダーを使用して、アニメーションの速度を調整します。
ステップ 6:プロジェクトを微調整してプレビューする
タイムラインを再生して、テキストがパスにどのように適合するかをプレビューします。 「パス オフセット」スライダーを使用してテキストの位置や効果を最終調整し、シームレスにフィットするようにします。
ステップ 7:プロジェクトをエクスポートする
テキストの適合に満足したら、「エクスポート」ボタンをクリックします。好みの形式と解像度を選択し、適合したテキストを含むビデオまたは画像をエクスポートします。
結論
基本的な Illustrator パス ツールのタイプをマスターすることは、創造性を高め、デザインの柔軟性と精度を高めるため、デザイナーにとって重要です。このツールは、カスタム デザインを作成したり、編集した写真に個人的なタッチを追加したり、ビデオ編集テクニックを検討したりするときに役立ちます。 Filmora などの他のツールを使用すると、ビデオ コンテンツのタイトル フレームやウォーターマークを作成する場合でも、ビデオへのパスにテキストを追加できます。
