モバイルまたはPC用に独自のフォントを作成する方法

少しデジタルタッチアップをしてもかまわないのであれば、本当に良い角度と照明を得ることができればうまくいきます。



フォントテンプレートシート–クリックして拡大します。

フォントを純粋にデジタルで作成している場合は、下の図に示すように、各文字、記号、文字を1つの画像レイヤーに描画する必要があります。ひどい描画品質は無視してください。これは5秒の例です。



Illustratorのペンツールを使用してフォントを作成します。



グリフは幅と高さの両方で約500ピクセルである必要がありますが、 1000ピクセル以下 、および 小さくない 300よりも大きい。これにより、フォントをRetinaデバイスで正しく表示できるようになります。 Illustratorでグリッド/ルーラーを有効にして、すべての文字が均等に配置されるようにすることもお勧めします(Macの場合は⌘+ R、Windowsの場合はCTRL + R)。



すべての文字を1行にまとめて、一度に簡単にインポートできるようにする必要があります。アルファベットはAからZに適切に配置され、数字も0から9に配置され、左から右に配置されます(>> ABCDEFG)。

フォント全体を描画したら、専用のフォント作成ソフトウェアが必要です。フォント作成ソフトウェアは、図解されたフォントを取得し、モバイルデバイスまたはPCにインストールできる実際のフォントに変換します。いくつかの良いオプションは次のとおりです。

  • FontForge( 無料のオープンソース)
  • FontSelf( Adobe Illustrator + Photoshopプラグイン、49ドル)

超高価なものから無料のものまで、非常に限られたものまで、本当にたくさんのオプションがあります。 「無料」が予算の場合、チェックアウトするのに適した記事はMashableの「 独自のフォントを作成するための7つの無料ツール 」。そのリストにあるツールのいくつかはブラウザベースであり、グラフィックをインポートできないため、このガイドのほとんどは役に立たなくなります。



そこで、今後はFontSelfを参照例として使用します。これは、FontSelfがPhotoshop / Illustratorに直接接続されるためです。別のフォント作成ソフトウェアを選択する場合は、フォント作成のためにベクターグラフィックをソフトウェアにインポートする方法についてのドキュメントを参照する必要があります。

いずれにせよ、FontSelfを使用しているので、次のようにします。

Illustratorで描画したアルファベットを含むレイヤーを選択します。

  • 単一の文字の場合は、Fontselfテキストフィールドに関連する文字を入力または貼り付けて、「CreateGlyph」を押します。
  • アルファベット全体の場合、小文字のセットの場合は「a-z」ボタンを押すか、大文字の場合は「A-Z」を押します。
  • その他の文字セットについては、[バッチ]を押します。

Fontselfパネルでのドラッグアンドドロップは、グリフを作成する別の方法としても機能します。関連する領域の上に選択範囲をドロップするだけです。

Fontselfパネルで各グリフの周囲のベースラインとマージンを調整し(クリックしてドラッグするだけ)、各グリフの下に新しい文字を入力してキーボードキーを変更することもできます。

[エクスポート]を押し​​てフォントをOpenType.otfファイルとして保存し、緑色のアラートの[エクスポートされたフォントを開く]リンクをクリックして、オペレーティングシステムにフォントをインストールします。

.OTFファイルをモバイルデバイス(AndroidまたはiOS)に送信し、デバイスに新しいフォントをインストールする方法でインストールすることもできます。

タグ アンドロイド 開発 Photoshop 読んだ3分