こんにちは。ANGEL VIBESです。フォント作成ソフトを使ったアルファベット・フォントのデザインについて、説明した回もありますが、流れはだいたい解りましたか? 慣れるまでは無理せず、大文字だけデザインしてみても良いと思いますが、今日は、そろそろ小文字も一緒にデザインしてみたいという方に向けたお話をしようと思います。

 

「欧文書体設計のためのライン」をおさらい

「フォントの作り方(13)」でも説明しましたが、フォントの世界には、従来から「欧文書体設計のためのライン」があり、これがフォントのデザインやレタリングを行う上でのガイドラインとなっていました。デジタルによるフォントのデザインが始まる以前から用いられてきたわけで、これは今日のフォント作成ソフトの「メトリクス情報」のルーツとなってもいます。
今回は大文字だけでなく小文字もデザインするということなので、「欧文書体設計のためのライン」について振り返っておきましょう。大文字だけなら、「アセンダーライン」「ベースライン」「ディセンダーライン」ぐらいを覚えておけば良いですが、小文字をデザインするために「エックスライン」をチェックしておきたいのです。

 

従来の「欧文書体設計のためのライン」


再度、掲載しましたよ。図を見ると解るかもしれないですが、アルファベット・フォントの小文字をデザインする際には、「アセンダーライン」「ベースライン」「ディセンダーライン」に加え、「エックスライン」が重要なラインとなります。小文字の「g」の上端に接するラインとなっていたりするこの「エックスライン」ですが、グリフの部分によってはこのラインに高さを揃えた方が、フォント全体として見た時に統一感が出ます。

 

Helveticaの小文字を当てはめてみると・・・

アルファベット・フォントの小文字において「エックスライン」がどう介在しているのか、おそらく見てただいた方が早いかと思います。Helveticaの小文字を例に、「欧文書体設計のためのライン」にあてはめてみました。

Helveticaの小文字

およそこんな構造になっているんだな・・・という認識があれば、デザインもいやすいと思います。こことここの高さを揃えると統一感が出るんだな、という部分は覚えておきましょう。

 

小文字を含めたアルファベット・フォントのデザインの流れ

小文字を含めたアルファベット・フォントの実際のデザインの流れですが、それは今までの「フォントの作り方」で説明してきたとおりです。大文字だけのフォントをデザインする時も小文字も含めてデザインする時も、流れは変わりません。

オリジナルフォントを作成する手順をまとめると、
1. 図案を決め、紙に下書き
2. 下描きした図案をスキャンしトレースし、AIファイルで保存
3. AIファイルをフォント作成ソフトに読み込ませフォントデータ化
というものでした。

流れについては、
フォントの作り方(3)〜Fontographerの使い方(前編)〜
フォントの作り方(4)〜Fontographerの使い方(中編)〜
でも解説しています。

 

ただ、小文字デザインの設定が必要

上に説明したとおり、アルファベット・フォントのデザインは、大文字だけの時も小文字も含めての時も、その流れは変わりません。ただ、作業それぞれの段階で、「エックスライン」を設定する必要がります。
まず、図案を決め、下書きをする段階で、エックスラインを設定します。この設定によりエックスハイトも決まるので、トレースしてAIファイルを作成する際にも、フォント作成ソフトに読み込ませる際にも、エックスハイトを反映することとなります。
詳細は次回。

 

まとめ

・アルファベット小文字デザインには「エックスライン」が不可欠
・大文字だけの時も小文字を含めての時も、アルファベット・フォントのデザインの流れは変わらない
・小文字をデザインするなら、作業それぞれの段階で「エックスライン」を設定すべし

ではまた!

こんにちは。ANGEL VIBESです。このあたりで、フォント作成ソフトを使う際の「メトリクス」のことについて解説しておこうかと思います。実は、従来からあるレタリングなどにおいての尺度についての呼び名と、フォントデザインソフトにおいての尺度についての呼び名は、同じ名前を用いられながら厳密には意味が異なる場合があります。フォントやタイポグラフィの知識が少しでもある方は、ソフトを使ってフォントをデザインした時に混乱してしまったのではないでしょうか。
もしそんなことになってしまっていたら、基礎知識として読み返してみてください。

 

メトリクスとは?

辞書にも載っていますが、「メトリクス」とは要するに尺度や測定情報のことです。フォントをデザインするには、アセンダーライン、ベースライン、ディセンダーラインなど、一定のフォーマットに落とし込むための設計用のラインが必要です。そして、そのラインとラインの間には「アセンダー」や「ディセンダー」のようにそれぞれの箇所に名前がついています。フォントデザインの過程では、そういったそれぞれの箇所の寸法を測定することも必要な作業です。
アセンダーやディセンダーの測定はFontographerやGlyphs Miniの解説の際にも出てきましたね。こうした測定情報について、Fontographerでは「メトリクス情報」としてまとめられ、数値を入力して設定できるようになっていました。

 

尺度の名前は場面によって指す箇所が異なる

フォント作成ソフトのこうした「メトリクス情報」についてですが、フォントやタイポグラフィの知識が少しでもある方なら、既に少しばかり違和感があるのではないでしょうか? そのモヤモヤを、ちょっと解説しておきます。

従来のフォントデザインで用いられてきたそれぞれの名前に対応する測定箇所は、フォント作成ソフトにおいての箇所とは異なる場合があります。例えば「アセンダー」がそうですが、レタリングなどにおいての「アセンダー」とFontographerやGlyphs Miniにおいての「アセンダー」では、指している箇所が異なります。なぜそうなってしまったかは分かりませんが、アナログからデジタルにシフトする時には、何かしらの変容は起こり得ることです。
とりあえず言えることは、それぞれの名前に対応する測定箇所は、フォント作成ソフトでいうもの・従来のフォントデザインやタイポグラフィでいうもの、両者で異なっている場合があるので、別々のものとして考えた方が良いということです。

 

欧文書体設計のためのライン

従来の欧文書体設計のためのラインについて紹介しておきましょう。フォント作成ソフトのメトリクス情報のルーツは、それでもここから始まっていますので。
「欧文書体設計のためのライン」とは言いましたが、レタリングの古い教科書では「モデュールのためのライン」などとして紹介していたりもします。

 

従来の欧文書体設計のためのライン

 

Fontographerはこのような仕様でしたね。

Fontographer画面

お気づきかと思いますが、従来の欧文書体設計のためのラインとはアセンダーの位置が違います。

 

Gliphs Miniではこんな設定をしました。

Glyphs Mini画面

Glyphs Miniでも、emスクエアの高さであるユニット数は、アセンダーとディセンダーの合計となっていますね。

 

emスクエアの設定のズレ

 

Fontographer画面・ソフト付属のサンプルフォントの例

そして上は、Fontographer4.1Jに付属のサンプルフォントです。

このFontographer4.1J付属のサンプルフォントを見ると、アセンダーラインとディセンダーラインの位置がグリフのアウトラインから少し離れてます。従来の「欧文書体設計のためのライン」においては、グリフのアウトラインの天地は、アセンダーラインとディセンダーラインとに重なっていましたね。こうして見ると、両者でのアセンダーラインとディセンダーラインの位置もやや差があります。これは、emスクエアの設定も同一とはいえないということを示しています。
なお、タイポグラフィの古い教科書では、電算写植の文字は仮想ボディよりも「やや小さめに収まっている」という記述もあります。(「文字のデザイン」/馬場雄二・東京デザイナー学院出版局)
作り方によってはグリフのアウトラインの天地をアセンダーラインやディセンダーラインにぴったり重ねることも理論的には可能ですし、実際にそのように作られたフォントはあります。とはいえ、電算写植が流通しはじめた頃には、文字が仮想ボディよりも小さめにデザインされたものも開発されています。このようにデジタルフォントでは、文字をemスクエアのような仮想ボディの天地よりも内側にデザインするという設計も一つの流れとして存在しています。

 

emスクエアとはそもそも?

emスクエアとは、フォントをデザインする際の正方形の仮想ボディです。「em」は「エム」と読みます。ローマ字の「M」ですね。活版印刷の活字「M」のボディが正方形に近い形の金属の塊だったことに由来します。今では仮想ボディを意味して「emスクエア」と呼ばれることが多いです。
仮想ボディとは、フォントをデザインする時に「この四角い枠の中に収まるように設計しましょう」という約束事のラインと考えておけば良いでしょう。油絵などを描く時に四角いキャンバスがあるように、グリフ一つ一つにも四角形の枠がある、というようなことです。

 

まとめ

・「アセンダー」はレタリングの場合とFontographerなどの場合とでは、指している箇所が異なる
・「emスクエア」はレタリングの場合とFontographerなどの場合とでは、必ずしも同一の意味を示さない

ではまた!

こんにちは。ANGEL VIBESです。ところで、Fontographerの日本語版が欲しいという方もいらっしゃいますよね? でも、既にお話しているとおり、Fontographerの日本語版は販売終了しており、日本語版の製造は現在は行われておりません。ただし、英語版はFontLab社の公式サイトから購入できます。
英語版なら購入可能、とはいえ、日本でも人気があったフォント作成ソフトが何でこんなことに? という方もいらっしゃるかと思うので、ちょっとだけ経緯をお話しておきましょう。

 

Fontographerのメーカーや販売企業の変遷

Fontographerは今はなきAltsys社で開発されたソフトです。Altsys社といえば、かつてクリエイター向けのソフトをいろいろと開発した企業で、FreeHandの開発もAltsys社。FreeHand、今の若手デザイナーだと知らないかな? まあ、知らなくてもおかしくないです。FreeHandはDTPの黎明期の頃には、AdobeIllustratorと肩を並べたドロー系のソフトだったのですよ。
このAltsys社は1995年にMacromedia社に買収され、そしてMacromedia社は2005年にアドビシステムズに買収されました。Macromedia社といえば、今でもユーザーが多いAdobeDreamweaverは、もともとはMacromedia社からリリースされたソフトです。Flashも今やAdobeのソフトですが、これももともとはMacromedia社からリリースされたソフトです。
Macromedia社がアドビシステムズに買収された同じく2005年、FontLab社はMacromedia社からFontographerについての一部のライセンスを獲得しました。そして現在では、FontLab社がFontographerのライセンスを完全に獲得するにいたり、Fontographerの開発も販売もFontLab社が行っております。

私が持っている「Fontographer 4.1J」。クラシック環境でしか動きません。
クレジットがまだMacromedia社です。

※登録ユーザの部分はシリアルなどが入るので画像処理をして消しました

懐かしのクラシック環境の画面。

 

そして日本の販売代理店の変遷

Fontographerを巡っては、上に述べたようなメーカーや販売企業の変遷という背景がありました。こうした中で、日本語版は日本の企業が日本国内向けのFontographerの販売代理店となりました。これにも変遷がありました。
Macromedia社が買収されてから、恒陽社がFontLab社の代理店となって販売をしていたものの(「恒陽社、フォント作成ソフト『Fontographer』の国内販売を開始」/2006年6月26日 ASCII.jp)、それも「Fontographer 5J for Mac OS X」発売時には加賀電子株式会社が国内販売代理店となっています(「加賀電子、フォント作成ソフトウェアの最新版「Fontographer 5J for Mac OS X」」/2011年11月22日 MdN Design Interactive)。そしてその後数年で、加賀電子でも販売を終了することになりました。

私がFontographerを初めて購入したのはバージョン4.1の時でしたが、「Fontographer 4.1J」を購入したのは、恒陽社のネットショップ、確か「KG ダイレクト」というショップだったと記憶しております。なので、バージョン5を購入する際、販売元が「加賀電子」になっていて、いつの間に? と思いました。それから、Fontographerの公式サイトから日本語ページが消えたのも発見し、どうしたのだろう・・・など思っていたら、日本語版の販売自体がいつしか終了していました。

こちらは私が所有する「Fontographer 5 J」。バージョン4.1を持っていたので、アップグレード版を購入しました。

 

やはり、少し寂しい・・・

以上が、Fontographerを巡ってのおよそのアウトラインです。日本語版が販売終了してしまったのは、正直なところ寂しいです。でも、メーカー・販売元の変遷につぐ変遷があり、その中で日本語版の開発を保持し、代理店と契約して販売するというのは、なかなか大変なことなのかなあというのが、私の感想です。
とはいえ、念のため言っておきますよ。今後、バージョンアップされた状態で日本語版をリリースするというなら、私は買いますよ☆

・・・とか何とかお話してきたFontographerですが、FontLab社で元気に生きているようですね。

 

まとめ

Fontographerにはメーカーや販売企業の変遷という複雑な背景がある。
今のところ、日本語版は販売終了している。