6コンテンツへスキップこのwebサイトの先進的な機能は、ブラウザーのJavaScriptを有効にする必要があります。コメントを残すこんにちは。今日はFontographerを使ったオリジナルフォントの作り方のお話です。前回のおさらいをちょっとしますね。私がFontographerをオススメする理由は、前回お話したように、他のフォント作成ソフトの使い方と基本が共通しているからです。Fontographerを基本として覚えてしまえば、他のフォント作成ソフトも覚えやすいと思います。図案を決めます紙に手書きでラフデザインを描きます。Pad」A4サイズを愛用しています)。描きながら試行錯誤するうちにデザインが決まってくるでしょう。デザインがまとまったら、下描き用紙に書き写します。これは後で説明します。下描きした図案をスキャンしトレースします下描きした図案をスキャナーでスキャンします。これを下絵にしてAdobeIllustratorでトレースします。トレースした画像はAIファイルで保存します。文字のベースはこれで完成です。AIファイルをFontographerに読み込ませフォントデータ化しますAdobeIllustratorで作成した文字のベースとなるAIファイルを、Fontographerに読み込ませます。AdobeIllustrator上で画像をコピーし、Fontographerの所定のマス目に1画像ずつペーストしていくイメージです。ペーストができたらカーニング設定等の行程を経て、フォントデータを書き出し完成します。フォント作成の手順は、およそこんな流れです。次は具体的な例をもとに、Fontographerを使用したフォント作成について詳しく解説したいと思います。VIBES」サイト(http://www.auracommunications.com/angel/frfnt/daisy.html)このフォント「DAISY」もFontographerで作りました(私のフォント配布サイトでダウンロードできます)。ローマ字の大文字だけのフォントなのですが、今回はこのフォントを例に解説します。フォントを作った経験がなく最初に作るなら、大文字だけで良いでしょう。慣れたら小文字も作ってみたら良いと思います。私がこのフォントを作る時に使用したFontographerのバージョンは5で、言語は日本語版です。フォントのデータ形式は、MacでもWindowsでも使えるタイプ(クロスプラットフォーム)のOpenTypeフォントにしました。いう方もいるかもしれませんが、フォントの形式の話はまた後日(長い話になると予想されるので・・・)。MacでもWindowsでも使いたいなら、どちらでも使えるタイプ(クロスプラットフォーム)のOpenTypeという形式があると覚えておいていただければと思います。Fontogrpherを使ったオリジナルフォント作成の手順を解説していきます。本当に「何ソレ?」です。実際、そんなモノ売ってませんから。方眼紙で代用は利くと思います。良ければ私が自作した「下描き用紙」を使っていただいても結構です。私が自作したオリジナルの下描き用紙はこんな方眼紙です。私が自作した「下描き用紙」を使うなら、A4の用紙にプリントして使ってください。プリントする紙の紙質は鉛筆で書きやすければ良いです。Pad」などのレイアウトパッドに印刷して使っていただくのも良いです。Pad」に印刷して使っています。※なお、私の自作の「下描き用紙」ですが、「俺が作った下描き用紙だ」などとしてこの用紙のAIデータを使って用紙を作って売ったりするのでなければ、自由に使っていただいて結構です。使ってフォント作成にお役立てください。フォントの図案がまとまったら、下描き用紙に書き写します。細かな部分も表現できるので、鉛筆で描くと良いと思います。鉛筆は皆さんが使いやすいものが良いでしょう。ちなみに私の愛用はSTAEDTLER、あの青いやつです。こんな感じで描いてます。A、B、C、D、・・・一文字ずつ描いて、使いたい役物まで描いたなら、下書きは完成です。次回は、この続きです。コメントを残すこんにちは。今日はオリジナルフォント作成の手順の詳細解説に入る前に、フォント作成ソフト選びのお話をします。前回お話したとおり、ソフトによってフォント作成の手順が変わってくるので、まずはフォント作成ソフトは何を選ぶべきか考えてみたいと思います。オリジナルフォント作成ソフトの2つの手法フォントソフトは現在あるものを大別すると、2つの手法に分かれます。PCにインストールしたソフトによりフォントデータ化する手法、そして、インターネットのオンライン上でフォントデータ化する手法、この2つです。フォントをこれから作ってみたいという方には、どちらでも好きな手法を選んでいただいてかまわないと言いたいところですが、私はデザイナーさん達の気質というものを知っています。「そんなことはないよ」そうおっしゃる方もいるでしょう。いう方に限って、本棚の漫画が1巻から10巻まで、順番の数字で並んでいないと気が済まなかったりしますよね(笑)。それは冗談として、AdobeIllustratorのような使い慣れたドローソフトで、細かなところまで気が済むまで図案を描いたデータをベースにした方が、デザイナーさんにとっては作業がスムースだと思います。AdobeIllustratorのベジェ曲線はとても柔軟にできていますしね。オリジナルフォントが作成できるソフト(オンライン上でデータを作るものも含めて)見ていただきましょうか。●OTEdit画像出典:「武蔵システム」サイト(http://opentype.jp/oteditmac.htm)OpenTypeフォントを作成できます。AdobeIllustratorのアウトラインデータを取り込んでフォントデータ化できます。・URL:http://opentype.jp/・Mac版:あり・Windows版:あり・日本語版:あり(国産)・価格:¥18,000(プラス消費税)・購入できるサイト:「株式会社武蔵システム」Webサイト●FontForge画像出典:「FontForge」サイト(http://fontforge.github.io/en-US/)OpenType、TrueType等のフォントを作成できます。AdobeIllustratorのアウトラインデータを取り込んでフォントデータ化できます。セットアップが多少面倒。StoreからXcodeをインストールする必要があったりします。・URL1:http://fontforge.github.io/en-US/(英語)・URL2:http://fontforge.github.io/ja/(日本語、ただし古い)・Mac版:あり・Windows版:あり・日本語版:あり・価格:無料(オープンソース。最新版は寄付歓迎ということのようです)。Studio画像出典:「FontLab社」サイト(https://www.fontlab.com/font-editor/fontlab-studio/)OpenType、TrueType等のフォントを作成できます。AdobeIllustratorのアウトラインデータを取り込んでフォントデータ化できます。プロのフォント開発者にもユーザーがいる、信頼性あるソフトです。5.1」日本語版ですOpenType、TrueType等のフォントを作成できます。AdobeIllustratorのアウトラインデータを取り込んでフォントデータ化できます。・URL:https://www.fontlab.com・Mac版:あり・Windows版:あり・日本語版:あり(ただし、販売終了している)・価格:$399.00(fontlab社のサイトでの価格)・購入できるサイト:「fontlab社」Webサイト●Glyphs画像出典:「Gliphs社」サイト(http://glyphsapp.com/)OpenTypeのフォントを作成できます。AdobeIllustratorのアウトラインデータを取り込んでフォントデータ化できます。ドローソフトの用に使えるのが良い点です。MiniOpenTypeのフォントを作成できます。「Glyphs」より機能を少なくしたバージョンです。Store●Fontstruct画像出典:「fontstruct」サイトオンライン上でツールを使いTrueTypeフォントを作成できます。ダウンロードして自分のパソコンでも使うことができます。●PaintFont画像出典:「paintfont.com」サイト(http://www.paintfont.com)OpenType、TrueTypeのフォントを作成できます。ドローソフト等でテンプレートに描いた画像をもとに、オンライン上で作ります。お手軽との評判もあります。・URL:http://www.paintfont.com/・価格:作るのは無料さて、どのソフトを選びましょうか?既に述べたとおり、フォント1文字ずつの図案はAdobeIllustratorで作るのが良いと思います。Studio、Fontographer、Glyphs(miniでも充分良い)あたりがオススメです。中でもFontographerが私の一番のオススメです。Fontographerはあいにく日本語版が販売終了となっています。日本語版のソフトがどうしても良いなら、日本語版があるGlyphsが妥当かもしれません。日本語じゃなくても大丈夫な方にはFontographerは断然オススメです。StudioもGlyphsも基本は共通しているので、すべての基本としてFontographerを覚えておいて損はないと思うのです。次回はFontogrpherを使ったオリジナルフォントの作り方のお話です。まとめ現在のフォントソフトは大きく2つの手法に分かれる。コメントを残すこんにちは。今日はフォントを作りたいという方に向けた、プロローグ的なお話です。