イラストレーターでフォントを作成する方法

次のTimes New Romanを作りたいですか？それとも、本当にチャレンジしたいのなら、Comic Sans（これを超えるものはないだろうというのは、誰もが認めるところだと思うが......）。フォントを作るのは、フォント作成ソフトに加えてAdobe Illustratorを使えば、実は比較的簡単な作業です。このWikiHowでは、Illustratorでフォントを作成する方法をご紹介します。

方法1

Illustratorドキュメントをセットアップする

1. Illustratorを開きます。お使いのコンピュータでAdobe Illustratorアプリケーションを開きます。まだインストールしていない場合は、「今すぐ購入」をクリックし、画面の指示に従ってインストールします。
2. 新規ドキュメントを作成します。画面左側の「新規作成」をクリックし、上部の「アート＆イラストレーション」をクリックします。
3. ドキュメントの仕様を設定します。右側のパネルにあるボックスに、ご希望の縦幅と横幅を入力してください。フォントは350px x 350pxをお勧めします。また、アートボードの数も指定してください。アートボードの数はフォントの文字数に比例します。入力が完了したら、右下の「作成」をクリックします。

   • 例えば、大文字と小文字のフォントを作りたい場合は、52個のアートボードを設定する必要があります。数字や文字を追加する場合は、さらにアートボードを追加する必要があります！
   • 寸法はポイントではなくピクセルであることを確認してください。これは、"幅 "の隣にあるドロップダウンメニューをクリックして、"ピクセル "を選択することで変更できます。
4. ガイドを作成します。ガイドは、文字を均等に保つために追加できる線です（最終製品には実際には表示されません）。まず、"表示" > "定規" > "定規を表示 "をクリックして、ドキュメントの上側と左側に定規を追加します。ガイドを追加するには、定規のいずれかをクリックし、ドキュメントの好きな場所にマウスをドラッグするだけです。

   • 垂直ルーラー（左側）をドラッグすると垂直ガイドが配置され、水平ルーラー（上側）をドラッグすると水平ガイドが配置されます。
5. ガイドの間隔を空けてください。フォントの場合、各アートボードにベースライン、高さ、キャップの3本の水平線を追加することをお勧めします。ベースラインは、すべての文字が配置される一番下のガイドです。ハイトは小文字の一番上を示す真ん中のガイドです。キャップはすべての大文字の一番上を示す一番上のガイドである。

   • 間隔は比較的均等であるべきだが、ハイトとキャップを少し近づけることをお勧めする。

方法2

文字を作成する

1. ペンツールを使います。左メニューのペンアイコンをクリックします。これは羽ペンの先端のように見えます。線を引くには、アートボード上の線を引きたい場所をクリックします。次に、線の終点となる場所をもう一度クリックします。さらにクリックして、このパスに線分を追加します。パスを終了したいときは、いつでもキーボードのEnterキーを押してください。

   • この方法では直線しか描けません。L "のような文字を描くには最適ですが、曲線を描くにはどうしたらよいかを説明します！
2. ペンツールを使って曲線を描くペンツールを選択し、曲線の開始点をクリックします。次に、曲線の終点をクリックしたままにします。離す前に、カーソルをドラッグして曲線の形を確認します。カーブの形に満足するまでドラッグを続け、マウスを離す。クリックしたまま、カーソルを他の場所にドラッグし、希望の形ができるまで続ける。キーボードのEnterキーを押してパスを完成させる。

   • これは、"R "のようにカーブをつけたい文字に便利です。また、フォントのスタイル設定にも最適です！
3. ブラシツールを使う。ブラシツールは、もう少し流動的で芸術的な自由を与えてくれるので、手書き風のフォントに最適です。ブラシを選択するには、[ウィンドウ] > [ブラシライブラリ]をクリックし、任意のブラシオプションを選択します。フォントにおすすめのブラシのひとつは、"カリグラフィック "です。
4. ブラシのストロークを描きます。ペンツールを使うのと同じように、ブラシの線や曲線を適用します。この方法の最初の2つのステップを参照してください。

   • さまざまな種類のブラシで自由に遊んでみてください！ブラシ・ライブラリに戻って他のスタイルを選択するだけです。
5. すべてのキャラクターを描く。すべてのアートボードを見て、それぞれの文字や文字を描いてください！

   • 恥ずかしがらずに、いろいろな線、形、スタイルを試してみてください。トップメニューの "編集">"元に戻す "をクリックすれば、いつでも元に戻せます。

方法3

フォントをエクスポートする

1. ドキュメントをSVGファイルとしてエクスポートします。ファイル" > "スクリーン用にエクスポート "をクリックします。個々のファイルとしてエクスポートできるように、すべてのアートボードが選択されていることを確認してください。これは、"範囲 "や "フルドキュメント "ではなく、"すべて "を選択した場合です。これらのファイルをコンピュータのどこに保存するかを選択し、右下の「アートボードをエクスポート」をクリックします。
2. フォント作成ソフトウェアに移動します。これは、あなたのファイルを.svgから.ttfに変換するものです。たくさんのオプションがありますが、ここではIcoMoonの使い方を説明します。
3. お好きなウェブブラウザにアクセスしてください。左上の「アイコンのインポート」をクリックします。コンピュータに保存したすべての.svgファイルを選択し、"ダウンロード用に選択 "をクリックします。これでウェブサイト上に、"Untitled Set "の下にリストされたファイルが表示されます。

   • このセットの名前を変更するには、"Untitled Set "の右側にある3行をクリックします。プロパティ">"メタデータの編集 "をクリックし、"名前 "の下に新しいタイトルを入力します。
4. 文字のサイズと間隔を編集します。上部メニューの鉛筆アイコンをクリックし、ファイルを1つ選択します。キャラクターの大きな画像が表示されたポップアップメニューが表示されます。この画像の真下にある4つのボタンは編集ツールです：（左から）回転/ミラー、移動、スケール、キャンバス/整列。これらのいずれかをクリックし、その下のボタンを使ってこれらのツールを操作します。

   • 編集が終わったら、ポップアップウィンドウの右上にある「X」ボタンをクリックします。
5. フォントを生成するすべての文字を編集したら、上部メニューの「選択」アイコンをクリックします。ボックスの中にカーソルがあるように見えます。すべてのファイルを選択し、画面下の「フォントを生成」をクリックします。すべての文字がリストされたページが表示されます。
6. 各ファイルのUnicode文字を入力してください。各ファイルの下に、16進コード（左側）または実際の文字（右側）を入力できる横棒があります。このバーの右側をクリックすることをお勧めします。ここで、選択した特定のファイルに対応する文字（または数字/文字）を入力します。
7. フォントに名前を付けます。各文字にUnicodeを割り当てたら、上部メニューの「環境設定」をクリックします。"フォント名 "の下にあるフォントの名前を入力します。これがフォントの正式な名前になりますので、時間をかけて決めてください！

   • また、"Preferences" でメタデータやその他の詳細を編集することもできます。メタデータ "または他のカテゴリーをクリックして編集してください。
   • 編集が終わったら、ポップアップウィンドウの右上にある "X "をクリックしてください。
8. 右下の「ダウンロード」をクリックします。フォントと関連する説明を含むZIPファイルがコンピュータにダウンロードされます。そのファイルを開き、その中の「fonts」フォルダを開き、.ttfファイルをダブルクリックします。
9. .ttfファイルをインストールします。コンピュータに表示されるポップアップウィンドウで「フォントのインストール」をクリックします。これでお使いのコンピューターにフォントがインストールされました！

   • フォントを変更できるデスクトップ・アプリケーションに入り、自由に試してみてください。たとえば、Microsoft Wordを開き、フォントのドロップダウンメニューにフォントの名前を入力し、キーボードのEnterキーを押して、文書に入力を開始します。カスタムフォントが表示されるはずです！

この記事は、CC BY-NC-SAの下で公開されている「 How to Create a Font in Illustrator 」を改変して作成しました。特に断りのない限り、CC BY-NC-SAの下で利用可能です。