チュートリアル記事

初級

6 分

テキストベースのレイアウトのモックアップを作成

このチュートリアルでは、テキストベースのレイアウトのモックアップを簡単に作成する方法を紹介します。また、テキストの追加、書式設定の適用、パス上文字の追加方法を学びます。

学習内容:テキストベースのレイアウトのモックアップを作成する、テキストを追加する、書式設定を適用する、パス上文字を追加する

デザインにテキストを追加する

ツールバーの文字 ツールを使用すると、様々な方法でレイアウトにテキストを追加できます。

  • タップしてポイント文字を作成します。ポイント文字は、クリックした位置からスタートし、文字を入力した分だけ文字列が伸長します。次の行に折り返すことはありません。見出しに便利です。

  • ドラッグしてエリア内文字を作成します。エリア内文字は、指定のエリア(フレーム)内に収まるように自動的にテキストが折り返されます。段落テキストの作成に適しています。

  • ポイント文字とエリア内文字は、プロパティ パネルの「テキストボックス」で切り替えられます。

テキストの書式を設定する

テキストの外観は、クイックアクション バー、プロパティ パネル、または直接テキストオブジェクト上でも変更できます。

  • テキストを追加すると、テキストの下にクイックアクション バーが表示されます。クイックアクション バーでは、テキストのサイズや文字の間隔といった使用頻度の高い書式設定を調整できます。

  • プロジェクトにテキストを追加すると、プロパティ パネルが表示されます。プロパティ パネルでは、フォント、段落揃え、サイズなど、文字書式設定のすべてのオプションを操作できます。

パス上文字を追加する

  • テキストとパスを選択します。

  • 右側のタスクバーにある「文字 」オプションをタップして、「パス上文字 」を選択すると、テキストがパスの形状に沿って追加されます。

  • プロパティ パネルでは、パス上文字 オプション(位置揃えなど)を調整できます。

  • 選択 ツールを選択し、文字の左端にあるハンドルをドラッグしてパス上文字の位置を変更します。

ヒント :タッチショートカットを押しながら、テキストをパスの近くにドラッグして、セカンダリタッチショートカットを押すと、テキストが自動的にパスに追加されます。


Adobe Stock提供元

yahya

プレゼンター

Brian Wood

2023年5月24日

Illustrator でこれらのチュートリアルをお試しください

ベクターを使用してイラストやグラフィックを作成