オリジナルフォントを作ってみよう(Mac編)

トレースして拡張

オギノです。

 

突然ですがみなさま自分自身の文字って好きですか?
私は大好きです。
決してキレイでも可愛くもない文字なんですが
好きなんですよね、自分の文字。踊ってる文字って言われますが。

 

というわけで、今回は
Macでオリジナルフォントを作成してみようと思います!

 

フォント作りに使うアプリはコレ。

GlyphsMiniGlyphs Mini ¥4,500
https://itunes.apple.com/us/app/glyphs-mini/id469036911?mt=12

 

AppStoreから購入しました。
無料トライアルもあるみたいですね。

 

Glyphsはフォントを簡単に作れるステキなアプリです。
これ単体でも作成出来ますが、今回はIllustratorも使います。

 

さぁ、インストール完了したら早速フォントづくりにとりかかりましょう。

 

私は自分の文字の手書きフォントを作りたかったので
まずは紙にペンで文字をがしがし書きました。
それをスキャンしてPCに取り込みます。

 

数字を書くの忘れてますが…
とりあえずこんな感じ。

 

スキャンして取り込みます

 

Illustratorで画像を配置したらサクッとトレースします。

 

本当はペンツールとかで丁寧にトレースすると綺麗なフォントが出来上がると思うのですが
今回は手っ取り早く作りたかったので、ライブトレース機能を使います。

 

画像を選択して「画像トレース」→「拡張」でパスの出来上がり。

 

トレースして拡張

 

ちなみに下記のような感じの設定でトレースしましたが
文字のクセによって数字も色々いじってみてください。
「オプション」の「ホワイトを無視」にチェックを入れるといいかも。

 

トレース数字設定

 

ここまで来たら、いよいよGlyphs miniを立ち上げましょう!
「ファイル」→「新規」で新しいプロジェクトを作ります。

Glyphs mini起動画面

 

文字をダブルクリックするとこんな画面になるので

フォントA

 

イラレからパスをコピーしてきて

イラレからパスをコピー

 

Glyphs miniにペースト。大きさは調整しましょう。


Glyphs miniに貼り付け

 

こんな要領でサクサク作っていきます。

 

もちろん日本語フォントも作成可能です。
左下にある「+」マークを押すと「新規グリフ」という枠ができるので
そこに作りたい文字をそのまま日本語で入力するだけです。

 

日本語で入力すればOK

 

必要なフォントを全部登録し終わったら、
フォントInfoをいじりましょう。
左上の「i」のアイコンをクリック。

フォントInfo

 

ファミリー名を「半角英数字」で入れましょう。
あとはよくわからないのでとりあえずそのままでOK。

 

そしたらいよいよ大詰め
「ファイル」→「出力」でフォントを書き出しましょう!
出力先だけ選択するといいかも。
他はそのままでOKです。

 

オリジナルフォントのできあがり

 

できました〜☆
フォントをインストールして使いましょう!

 

オリジナルフォントmacbee

うん、いい感じ!!

 

今回はお試しで作ってみたので英字しか作れていないですが
そのうちひらがな、カタカナ、今後は漢字も増やしていきたいと思います♪

 

ちなみに・・・
出力先を指定してみても、どこにもフォントが出力されない・・・!
という場合は、

 

~/Library/Containers/com.schriftgestaltung.GlyphsMini/Data/Library/Application Support/Glyphs Mini/Temp

 

のフォルダ内を見てみましょう!

 

私はどこにもフォントが出力されなくて、小一時間悩みましたが
結果、ここを見たらちゃんとフォントファイルが出来てました。

 

※「ライブラリ」フォルダがそもそも見当たらないって人は
FinderでOptionキーを押しならがら「移動」を見るとライブラリが出現しますよ。
参考:非表示のユーザーライブラリフォルダーにアクセスする方法(Mac OS X 10.7 以降)

 

というわけで、オリジナルフォントの簡単な作り方でした!
そのうちまくびーオリジナルフォントを作って公開したいと思いますのでお楽しみに♪

The following two tabs change content below.

ギノちゃん

WEBデザイナー。サルヴァドール・ダリをこよなく愛し、休日は西洋絵画を求め美術館めぐりをしています。好きな食べものは納豆と餃子とネギ。

関連記事

コメントは利用できません。

ピックアップ記事

ピックアップ記事

  1. 2016-11-15

    ずぼらさん必見!簡単ごはん『もぐー』の人気レシピ動画まとめ 〜ごはん編〜

    ずぼらでも簡単においしく作れるレシピまとめ もぐー(mogoo)とは、「かんたん・おいしい・たのし…

ピックアップ記事

  1. 2016-9-28

    アレンジ豊富!自宅で簡単おいしい!ジュースのような日本酒サングリア♪美肌効果も◎

    果物の季節がやってきました! 昨年ブームになった日本酒サングリア。 今年も梨だけでなく様々なフル…

ピックアップ記事

  1. 2016-5-11

    自分が思いついたサービスは他の誰かも考えている

    こんばんにちは。日時過ごしていると、こんなサービスあればいいのに。なんてことをよく考えることがある。…
ページ上部へ戻る
Top