1ヶ月でWebデザイン・プログラミングスキルをオーダーメイドのカリキュラムで学べるスクール、それがWebCamp。

子供の想像力を伸ばしアイデアを形にする小学生向けプログラミング教室「プロスタキッズ」

【Illustrator入門】文字ツールの基本操作とアウトライン化

Pocket

Illustrator(イラストレーター)の文字ツールにはさまざまな機能がたくさんあります。一度にすべての機能を学習し、使いこなすことは大変です。まずは基本的な使い方から学んでいきましょう。

文字ツールの基本操作方法

1.文字を編集するには

文字ツールでタイプした文字をテキストオブジェクトといいます。テキストオブジェクトは何度でも編集でき、編集する方法はいくつかあります。

    文字ツールを使用しているとき

  • タイプした文字列をクリックする
  • 文字の上をドラッグし、反転表示された状態で文字列を編集する
    選択ツールを使用しているとき

  • 文字の上をダブルクリックする

もし編集できないときは、文字があるレイヤー以外を選択していないか確認してみましょう。

2.フォントやサイズを変更する方法

テキストオブジェクトをクリックしている状態で、文字パレットの数値を変更しましょう。サイズやフォントの変更だけでなく、margin(マージン)文字の上下左右にできる余白を細かく設定することもできます。

ai_outline001

画面に文字パレットが表示されていない場合はメニューの「ウィンドウ」>「書式」>「文字」で表示されます。

3.縦書きツールと横書きツールを使い分けよう

文字ツールには、縦書きツールと横書きツールがあります。必要に応じて使い分けましょう。

テキストエリアを作成するには

1.テキストエリアとは

テキストエリアは、文字を入力する範囲のことです。テキストエリアを指定すると、下の画像のようなデザインを簡単に作ることができます。

ai_outline002

2.テキストエリアを作成する方法

  1. 文字ツールを選択している状態で、アートボードの上をドラッグしましょう。
  2. ドラッグした範囲がテキストエリアとして作られます。

さまざまなツールで描いた図形上を文字ツールでクリックするだけで、複雑なテキストエリアが簡単に作成できます。

    テキストエリアを作成できるツール

  • ペンツール
  • ブラシツール
  • シェイプツール
  • 直線ツール

図形内に文字をおさめるには・・・図形の上をクリック
パスにテキストを沿わせるには・・・パス上をクリック

3.テキストエリアのサイズを変更する方法

テキストエリアのサイズは後から変更することが可能です。作成したテキストエリアの範囲内に文字がおさまりきらなかった場合、テキストエリアのサイズを変更しましょう。

  1. 選択ツールを使ってテキストオブジェクトを選択します。
  2. バウンディングボックスを選択ツールやダイレクト選択ツールで変形してください。
  3. テキストエリアのサイズも一緒に変更されます。

ai_outline003

文字をアウトライン化する方法や目的

1.文字をアウトライン化する意味とは

テキストオブジェクトは同じフォントがインストールされている状況下でないと、文字化けが起きたり他のフォントに置き換えられてしまいます。Illustratorでデザインした文字をどんな環境でも見られるようにするために、文字を図形化しましょう。この作業を文字のアウトライン化と呼びます。

2.文字をアウトライン化する手順

選択した文字をアウトライン化してみましょう。

  1. 選択ツールでアウトライン化したい文字をクリック
  2. メニューの「書式」>「アウトラインを作成」を選択。これで文字のアウトライン化が完成。
  3. ai_outline004

    3.文字をアウトライン化すると追加できる効果

    文字をアウトライン化すると、フィルタのスタイライズやパスの変形を適用できるようになります。

    ai_outline005

    ※テキストオブジェクトをアウトライン化した後、テキストの編集を行うことはできないため注意しましょう。

    まとめ

    Illustratorの文字ツールの基本操作と、アウトライン化の方法について学んできました。文字ツールを使いこなせるようになれば印象的なデザインを作成できるようになります。さまざまな機能を使ってみましょう。

    おすすめ記事
    Illustrator学習サイト・チュートリアル6選
    Illustratorの本・参考書の評判

    投稿者:プロスタ編集部

    • このエントリーをはてなブックマークに追加
    • follow us in feedly

初心者がプログラミングで挫折しない学習方法を無料動画で公開中。オンラインに特化したプログラミングスクール「TechAcademy(テックアカデミー)」が解説。

この記事が気に入ったら
いいね!しよう

プロスタの最新情報をお届けします

あわせて読みたい

関連記事

ページ上部へ戻る