慎重に作成された文字のカーニングでさまざまなサイズで効果的に動作するフォントを設計するには、何年もかかるかもしれないスキルですが、この素早く楽しいプロジェクトでは、Inkscapeとfontastic.meを使用して手書きフォントを作成する方法、あなた自身の一意のフォント。 fontastic.meの主な目的は、ウェブサイト用のアイコンフォントを作成することですが、見出しや少量のテキストを作成するために使用できる文字フォントを作成することができます。
あなたがこれに慣れていない場合、Inkscapeは、Windows、OS X、Linuxで利用できる無料のオープンソースベクターライン描画アプリケーションです。 Fontastic.meは、さまざまなアイコンフォントを提供するウェブサイトですが、独自のSVGグラフィックスをアップロードして無料でフォントに変換することもできます。
このチュートリアルでは、書かれた手紙の写真をトレースしますが、このテクニックを簡単に適用して、Inkscapeで手紙を直接描くことができます。これは、描画タブレットを使用する人にとって特に効果的です。
あなたの書いたフォントの写真をインポートする
あなたが一緒にしたい場合は、いくつかの手紙の写真が必要になりますし、自分で作ってみたくない場合は、大文字のA~Zを含むa-doodle-z.jpgをダウンロードして使用できます。
自分で作成する場合は、暗い色のインクと白い紙を使用してコントラストを強くし、完成した文字を良好な状態で撮影します。また、 'O'のような文字の閉じたスペースを避けてください。これは、トレースされた文字を準備するときに人生をより複雑にするためです。
写真を読み込むには、ファイル> 読み込みの順に進み、写真に移動して開くボタンをクリックします。次のダイアログでは、埋め込みオプションを使用することをお勧めします。
画像ファイルが非常に大きい場合は、表示> ズームサブメニューのオプションを使用してズームアウトし、一度クリックして各コーナーに矢印ハンドルを表示してサイズを変更できます。 CtrlキーまたはCommandキーを押しながらハンドルをクリックしてドラッグすると、元の比率が維持されます。
次に、ベクトル線の文字を作成するために画像をトレースします。
05の02写真をトレースしてベクターラインレターを作成する
開始する前にビットマップグラフィックをトレースするプロセスを確認することをお勧めします。
写真がクリックされていることを確認したら、パス - ビットマップのトレースを選択し、ビットマップのトレースダイアログを開きます。ここでは、すべての設定をデフォルトにして、良い結果を得ました。トレースの設定を調整する必要があるかもしれませんが、より明るいコントラストの画像を作成するために、写真を再度撮影する方が簡単です。
スクリーンショットでは、元の写真からドラッグしたトレースされた文字を見ることができます。トレースが完了すると、手紙は写真の上に直接配置されるので、あまり目立たないかもしれません。移動する前に、ビットマップのトレースダイアログを閉じて、写真をクリックして選択し、キーボードのDeleteキーをクリックしてドキュメントから削除することもできます。
03/05トレースを個々の文字に分割する
この時点で、すべての文字が結合されているので、パス>分割して個別の文字に分割します。 2つ以上の要素で構成された文字がある場合、それらも別々の要素に分割されていることに注意してください。この例では、これはすべての文字に適用されるため、この段階で各文字をグループ化することは理にかなっています。
これを行うには、文字を囲む選択マーキーをクリックしてドラッグし、キーボードに応じてオブジェクト>グループに移動するか、Ctrl + GまたはCommand + Gを押します。
明らかに、複数の要素を含む文字でこれを行うだけです。レターファイルを作成する前に、適切なサイズにドキュメントのサイズを変更します。
04/05ドキュメントサイズを設定する
ドキュメントを適切なサイズに設定する必要がありますので、ファイル/ドキュメントのプロパティに移動し、ダイアログで必要に応じて幅と高さを設定します。私たちは500px x 500pxに設定しましたが、最終的な文字がもっときちんと合うように、各文字の幅を違うように設定するのが理想的です。
次に、fontastic.meにアップロードされるSVG文字を作成します。
05/05各レターの個別SVGファイルを作成する
Fontastic.meでは、それぞれの文字を別々のSVGファイルにする必要があるので、これを押す前に生成する必要があります。
すべての文字をドラッグして、ページの端の外側に配置します。 Fontastic.meは、ページ領域外にある要素を無視するので、問題なくこれらの文字をここに駐車することができます。
最初の文字をページにドラッグし、角のドラッグハンドルを使用して必要に応じてサイズを変更します。
次に、ファイル> 名前を付けて保存に移動し、ファイルに意味のある名前を付けます。 mine a.svgという名前のファイルを作成しました。ファイルの拡張子が.svgであることを確認してください。
これで、最初の文字を移動または削除して2番目の文字をページに置き、ファイル> 名前を付けて保存に再度移動できます。あなたはそれぞれの手紙のためにこれを行う必要があります。あなたが忍耐強い場合は、各文字をよりよく一致させるためにページの幅を調整することができます。
最後に、句読点を作成することを検討することをお勧めしますが、間違いなくスペース文字が必要です。スペースの場合は、空のページを保存するだけです。また、大文字と小文字が必要な場合は、これらのすべてを保存する必要があります。
今度はfontastic.meを訪問してフォントを作成することができます。 fontcase.meを使ってフォントを作成する方法について説明しているこの記事で、このプロセスについて少し学ぶことができます。
