Notice: This page requires JavaScript to function properly.
Please enable JavaScript in your browser settings or update your browser.
学ぶ Type Toolとフォントの操作 | ビジュアルの作成
Adobe Illustrator完全ガイド

Type Toolとフォントの操作

メニューを表示するにはスワイプしてください

文字ツールの概要

  • 文字ツールはテキストの追加が可能(ショートカット:「T」)。入力前にプロパティパネルフォント、フォントスタイル、サイズを設定可能。
  • ポイント文字:一度クリックすると、入力に応じて右方向にテキストが拡張。
  • エリア内文字:クリック&ドラッグでテキストボックスを作成し、テキストがその範囲内に収まる。オーバーフローテキストがある場合はプラスアイコンが表示され、ボックス外にテキストがあることを示す。
  • テキストボックスのリンクプラスアイコンをダブルクリックすると、オーバーフローテキスト用の新しいリンクテキストボックスが自動作成され、テキストがボックス間で流れる。
  • エリア内文字ツール図形内にテキストを入力し、図形をテキストで埋めることが可能。
  • パス上文字ツールパス(曲線など)に沿ってテキストを配置可能。アンカーポイントやハンドルでパスを調整すると、テキストもそれに沿って配置される。
  • 縦書き文字ツール:テキストを縦方向(上から下)に配置。
  • 縦書きエリア内文字ツールエリア内文字ツールと同様だが、図形内のテキストが縦方向に配置される。
  • 縦書きパス上文字ツール縦書き文字パス上文字を組み合わせ、パスに沿って縦方向にテキストを配置。
  • タッチ文字ツール:単語や文章内の個々の文字を(回転、サイズ変更、位置調整など)他の文字に影響を与えずに操作可能。
  • 縦書きテキストで文字が横倒しになる場合は、プロパティパネル段落オプションで**「Adobe 単数行コンポーザー」または「Adobe 複数行コンポーザー」**に切り替えて向きを修正。

文字設定

  • 文字設定パネルプロパティパネルから、またはウィンドウ > 書式 > 文字で独立したパネルとして表示可能。
  • フォントスタイル(例:ボールド、ミディアム、ライト)を選択可能。オプションにカーソルを合わせると変更をプレビューできる。その他の設定:
    • 行送りテキスト行間のスペースを調整。手動で増減または**「自動」**を選択可能。
    • カーニング特定の文字間のスペースを調整。選択した2文字間のみ影響。
    • トラッキング:テキスト全体の文字間隔を調整し、文字と単語の両方に影響。
  • 追加オプション(文字設定の三点リーダーからアクセス)には:
    • 垂直・水平方向の拡大縮小:テキストを縦または横方向に伸縮し、形状を変形。
    • ベースラインシフト:テキストのベースラインに対する位置を調整。
    • 文字の回転個々の文字を回転。
    • すべて大文字:テキストを大文字に変換。
    • スモールキャップス:テキストを小型大文字に変換。
    • 上付き/下付き:テキストをベースラインより上または下に配置(例:科学表記など)。
    • 下線/取り消し線下線またはテキストに線を引く

段落設定

  • 段落設定エリア内文字で最適に機能するため、調整を行う前にテキストをエリア内文字に変換することを推奨;
  • テキストの整列オプション
    • 左揃え、中央揃え、右揃え
    • 均等配置(左、中央、右、またはすべての行を均等配置)。
  • 追加設定(三点リーダーから):
    • 箇条書き・番号付け:箇条書きや番号を追加し、そのスタイル(例:ドット、ダッシュ、小さな円)を調整;
    • インデント:特定の行や段落全体のインデントを調整(例:左、右、または最初の行のインデント);
    • 間隔:段落の前後の間隔を制御;
    • ハイフネーション:単語の改行時にハイフネーションをオンまたはオフに切り替え可能。
  • エリア内文字の整列オプション
    • テキストをエリアの上部、中央、下部に整列
    • テキストを引き伸ばしてエリア全体に均等に分布。
  • 高度なエリア内文字オプション(三点リーダーまたは書式 > エリア内文字オプションから)は、テキストの整列、間隔、分布などより高度な設定を調整可能。プレビューボックスにチェックを入れることでリアルタイムで変更を確認可能。

グリフ

  • グリフは、フォントや言語ごとに異なる特殊文字や文字のバリエーション。記号、アイコン、代替文字形などが含まれる;
  • グリフには目に見えない境界(xハイト、ベースライン、グリフ境界)があり、ガイドとして機能(グリフにスナップ);
  • オブジェクトや線をこれらのグリフ境界にスナップさせることで、正確な整列が可能;
  • スナップポイントはいくつか存在:
    • ベースライン(文字の下端);
    • xハイト(小文字の上端);
    • グリフ境界(文字の絶対的な上端、下端、左端、右端)。
  • 角度スナップにより、グリフに対して角度を持たせてオブジェクトをスナップ可能;
  • ウィンドウ > 書式 > グリフからグリフパネルにアクセスし、特殊文字を閲覧・使用可能;
  • フォントからグリフを選択したり、フォントスタイルを変更したり、特定の文字の代替を表示可能。Wingdingsフォントは文字の代わりに記号やアイコンが含まれる例;
  • プロパティパネルグリフにスナップで、ベースライン、xハイト、グリフ境界、角度グリフなど特定の境界へのスナップを有効・無効に切り替え可能;
  • さらに、特定の文字部分へのより正確なスナップのためにアンカーポイントの切り替えも可能。

タブとスタイル

  • タブはTabキーを押した際のスペース量を調整可能。デフォルトのスペースではなく、各タブで作成されるスペース量をカスタマイズできる;
  • これを行うには、ウィンドウ > 書式 > タブに進み、マグネットアイコンでタブラグルをテキストに揃え、ルーラー上をクリックしてタブストップを作成;
  • 複数のタブストップを異なる位置に作成でき、Tabキーで特定の位置にジャンプ可能;
  • すべてのタブをクリアするには、メニューの**「すべてのタブをクリア」**オプションを使用;
  • 文字スタイルはフォント、スタイル、色、サイズなどのテキスト書式を保存し、他のテキストにも簡単に同じ書式を適用可能;
  • 文字スタイルを作成するには、テキストを選択し、ウィンドウ > 書式 > 文字スタイルに進み、プラスアイコンをクリックして新しいスタイルを作成、書式が保存される;
  • 文字スタイルオプションカーニング、行送り、トラッキング、下線、さらにはオープンタイプ機能など高度な書式設定が可能。プレビューオプションでリアルタイムに変更を確認;
  • 段落スタイルは文字スタイル、均等配置、箇条書き、インデント、間隔など段落全体の書式を保存・適用可能;
  • 段落スタイルを作成するには、ウィンドウ > 書式 > 段落スタイルに進み、段落を選択してプラスアイコンをクリックし書式を保存。段落スタイルオプションタブ、ハイフネーション、均等配置、箇条書き、番号付けなどを調整可能;
  • 文字スタイル段落スタイルは外部からインポートして共同作業や複雑なプロジェクトにも対応可能。

練習

ビデオで紹介した新しいテクニックは以下の通りです:

  • テキストの回り込み:テキストを被写体の周囲に回り込ませるには、シェイプを作成し、オブジェクトメニューから**「テキストの回り込み」**を適用します。テキストの回り込み設定を調整して、間隔や位置を制御します。
  • パス上のテキスト楕円形ツールを使って円形テキストを作成します。その後、**「パス上の文字」**オプションを使ってテキストの位置を調整したり、反転させたりします。
  • テキストでのクリッピングマスク:画像をテキスト内にクリップするには、テキストをアウトライン化(シェイプに変換)し、グループ解除して複合パスを作成します。その後、クリッピングマスクを適用して画像をテキスト内に統合します。

ちなみに、プロジェクトで使用したい場合は、以下のリンクからGoogleやAdobe(ライセンスがある場合)から多くの無料フォントをダウンロードできます: Google Fonts および Adobe Fonts

1. Adobe Illustratorでトラッキングは何に影響しますか?

2. Adobe Illustratorでテキストエリアへのテキストの配置を調整できる機能はどれですか?

3. テキストエリアでハイフネーションを有効にする目的は何ですか?

4. Adobe Illustrator で文字スタイルを作成するとどうなりますか?

question mark

Adobe Illustratorでトラッキングは何に影響しますか?

正しい答えを選んでください

question mark

Adobe Illustratorでテキストエリアへのテキストの配置を調整できる機能はどれですか?

正しい答えを選んでください

question mark

テキストエリアでハイフネーションを有効にする目的は何ですか?

正しい答えを選んでください

question mark

Adobe Illustrator で文字スタイルを作成するとどうなりますか?

正しい答えを選んでください

すべて明確でしたか?

どのように改善できますか?

フィードバックありがとうございます!

セクション 5.  3

AIに質問する

expand

AIに質問する

ChatGPT

何でも質問するか、提案された質問の1つを試してチャットを始めてください

Type Toolとフォントの操作

文字ツールの概要

  • 文字ツールはテキストの追加が可能(ショートカット:「T」)。入力前にプロパティパネルフォント、フォントスタイル、サイズを設定可能。
  • ポイント文字:一度クリックすると、入力に応じて右方向にテキストが拡張。
  • エリア内文字:クリック&ドラッグでテキストボックスを作成し、テキストがその範囲内に収まる。オーバーフローテキストがある場合はプラスアイコンが表示され、ボックス外にテキストがあることを示す。
  • テキストボックスのリンクプラスアイコンをダブルクリックすると、オーバーフローテキスト用の新しいリンクテキストボックスが自動作成され、テキストがボックス間で流れる。
  • エリア内文字ツール図形内にテキストを入力し、図形をテキストで埋めることが可能。
  • パス上文字ツールパス(曲線など)に沿ってテキストを配置可能。アンカーポイントやハンドルでパスを調整すると、テキストもそれに沿って配置される。
  • 縦書き文字ツール:テキストを縦方向(上から下)に配置。
  • 縦書きエリア内文字ツールエリア内文字ツールと同様だが、図形内のテキストが縦方向に配置される。
  • 縦書きパス上文字ツール縦書き文字パス上文字を組み合わせ、パスに沿って縦方向にテキストを配置。
  • タッチ文字ツール:単語や文章内の個々の文字を(回転、サイズ変更、位置調整など)他の文字に影響を与えずに操作可能。
  • 縦書きテキストで文字が横倒しになる場合は、プロパティパネル段落オプションで**「Adobe 単数行コンポーザー」または「Adobe 複数行コンポーザー」**に切り替えて向きを修正。

文字設定

  • 文字設定パネルプロパティパネルから、またはウィンドウ > 書式 > 文字で独立したパネルとして表示可能。
  • フォントスタイル(例:ボールド、ミディアム、ライト)を選択可能。オプションにカーソルを合わせると変更をプレビューできる。その他の設定:
    • 行送りテキスト行間のスペースを調整。手動で増減または**「自動」**を選択可能。
    • カーニング特定の文字間のスペースを調整。選択した2文字間のみ影響。
    • トラッキング:テキスト全体の文字間隔を調整し、文字と単語の両方に影響。
  • 追加オプション(文字設定の三点リーダーからアクセス)には:
    • 垂直・水平方向の拡大縮小:テキストを縦または横方向に伸縮し、形状を変形。
    • ベースラインシフト:テキストのベースラインに対する位置を調整。
    • 文字の回転個々の文字を回転。
    • すべて大文字:テキストを大文字に変換。
    • スモールキャップス:テキストを小型大文字に変換。
    • 上付き/下付き:テキストをベースラインより上または下に配置(例:科学表記など)。
    • 下線/取り消し線下線またはテキストに線を引く

段落設定

  • 段落設定エリア内文字で最適に機能するため、調整を行う前にテキストをエリア内文字に変換することを推奨;
  • テキストの整列オプション
    • 左揃え、中央揃え、右揃え
    • 均等配置(左、中央、右、またはすべての行を均等配置)。
  • 追加設定(三点リーダーから):
    • 箇条書き・番号付け:箇条書きや番号を追加し、そのスタイル(例:ドット、ダッシュ、小さな円)を調整;
    • インデント:特定の行や段落全体のインデントを調整(例:左、右、または最初の行のインデント);
    • 間隔:段落の前後の間隔を制御;
    • ハイフネーション:単語の改行時にハイフネーションをオンまたはオフに切り替え可能。
  • エリア内文字の整列オプション
    • テキストをエリアの上部、中央、下部に整列
    • テキストを引き伸ばしてエリア全体に均等に分布。
  • 高度なエリア内文字オプション(三点リーダーまたは書式 > エリア内文字オプションから)は、テキストの整列、間隔、分布などより高度な設定を調整可能。プレビューボックスにチェックを入れることでリアルタイムで変更を確認可能。

グリフ

  • グリフは、フォントや言語ごとに異なる特殊文字や文字のバリエーション。記号、アイコン、代替文字形などが含まれる;
  • グリフには目に見えない境界(xハイト、ベースライン、グリフ境界)があり、ガイドとして機能(グリフにスナップ);
  • オブジェクトや線をこれらのグリフ境界にスナップさせることで、正確な整列が可能;
  • スナップポイントはいくつか存在:
    • ベースライン(文字の下端);
    • xハイト(小文字の上端);
    • グリフ境界(文字の絶対的な上端、下端、左端、右端)。
  • 角度スナップにより、グリフに対して角度を持たせてオブジェクトをスナップ可能;
  • ウィンドウ > 書式 > グリフからグリフパネルにアクセスし、特殊文字を閲覧・使用可能;
  • フォントからグリフを選択したり、フォントスタイルを変更したり、特定の文字の代替を表示可能。Wingdingsフォントは文字の代わりに記号やアイコンが含まれる例;
  • プロパティパネルグリフにスナップで、ベースライン、xハイト、グリフ境界、角度グリフなど特定の境界へのスナップを有効・無効に切り替え可能;
  • さらに、特定の文字部分へのより正確なスナップのためにアンカーポイントの切り替えも可能。

タブとスタイル

  • タブはTabキーを押した際のスペース量を調整可能。デフォルトのスペースではなく、各タブで作成されるスペース量をカスタマイズできる;
  • これを行うには、ウィンドウ > 書式 > タブに進み、マグネットアイコンでタブラグルをテキストに揃え、ルーラー上をクリックしてタブストップを作成;
  • 複数のタブストップを異なる位置に作成でき、Tabキーで特定の位置にジャンプ可能;
  • すべてのタブをクリアするには、メニューの**「すべてのタブをクリア」**オプションを使用;
  • 文字スタイルはフォント、スタイル、色、サイズなどのテキスト書式を保存し、他のテキストにも簡単に同じ書式を適用可能;
  • 文字スタイルを作成するには、テキストを選択し、ウィンドウ > 書式 > 文字スタイルに進み、プラスアイコンをクリックして新しいスタイルを作成、書式が保存される;
  • 文字スタイルオプションカーニング、行送り、トラッキング、下線、さらにはオープンタイプ機能など高度な書式設定が可能。プレビューオプションでリアルタイムに変更を確認;
  • 段落スタイルは文字スタイル、均等配置、箇条書き、インデント、間隔など段落全体の書式を保存・適用可能;
  • 段落スタイルを作成するには、ウィンドウ > 書式 > 段落スタイルに進み、段落を選択してプラスアイコンをクリックし書式を保存。段落スタイルオプションタブ、ハイフネーション、均等配置、箇条書き、番号付けなどを調整可能;
  • 文字スタイル段落スタイルは外部からインポートして共同作業や複雑なプロジェクトにも対応可能。

練習

ビデオで紹介した新しいテクニックは以下の通りです:

  • テキストの回り込み:テキストを被写体の周囲に回り込ませるには、シェイプを作成し、オブジェクトメニューから**「テキストの回り込み」**を適用します。テキストの回り込み設定を調整して、間隔や位置を制御します。
  • パス上のテキスト楕円形ツールを使って円形テキストを作成します。その後、**「パス上の文字」**オプションを使ってテキストの位置を調整したり、反転させたりします。
  • テキストでのクリッピングマスク:画像をテキスト内にクリップするには、テキストをアウトライン化(シェイプに変換)し、グループ解除して複合パスを作成します。その後、クリッピングマスクを適用して画像をテキスト内に統合します。

ちなみに、プロジェクトで使用したい場合は、以下のリンクからGoogleやAdobe(ライセンスがある場合)から多くの無料フォントをダウンロードできます: Google Fonts および Adobe Fonts

すべて明確でしたか?

どのように改善できますか?

フィードバックありがとうございます!

セクション 5.  3
some-alt