そんなお話は既にしていますね。Miniは、他のソフトに共通する機能を備えているので、これからフォントデザインをはじめようという方にはオススメですよと、お伝えして来ました。何より、フォント作成ソフトとしては安価ですしね。した点からもオススメというわけです。Glyphsを使ってみたいという方もいらっしゃるでしょう。今日はそういった方に向けたお話です。Miniとは?少しおさらいしておきますね。Miniとは、一言で言うと、Glyphsの廉価版のフォント作成ソフトです。Glyphsの機能を簡略化した製品ではありますが、AdobeIllustratorで作成したAIデータを取り入れてフォントデータを作成することができる仕様は共通しています。ちなみにFontographerも、この仕様は共通です。MiniはGlyphsの廉価版ながら、1バイトのローマ字フォントを作成するには充分な機能を備えています。Miniの方がかえって使いやすいという印象です。Miniにできないことがあったりします。状況に合わせて、Glyphsを優先して使用することもあります。Miniの方がGlyphsよりも機能が少ないです。仕様が違う点があります。グリフを追加するツール部分と「フォント情報」の部分は、大きな仕様の違いがあるので見てみましょう。見比べて解るように、左メニューが見た目にも違いますね。追加することも可能です。漢字については、「常用漢字」「JIS第1水準」「JIS第2水準」と区分けがされていて(三角の所をクリックして開くと項目が出て来ます)、そこからまとめてグリフを追加することができます。「かな」についても同じように区分けがされているので、そこからまとめて追加が可能です。Miniにはそういった和文の区分けはなく、「グリフ情報」で、unicode順に並んだグリフから選択し追加しなければなりません。「常用漢字」のグリフを追加したい時に作業をしやすいのは、グループ分けしているGlyphsの方でしょう。和文のグリフの追加は、Glyphsの方がスムースそうですね。Miniの方が記入事項が少ないですね。Miniが、「info」に記入事項があるだけなのに対し、Glyphsは「フォント」、「マスター」、「インスタンス」...、と続き、すべてのメニュー項目に記入事項があります。それだけ、Glyphsの方が細かい設定が必要ということですが、ここに和文を縦書きにできる設定が含まれています。Miniにはありません。Miniですが、見た目も使い方も、両者は確かに似ているし共通項もあります。Miniは廉価版というだけあって、機能が簡略化されている部分があります。Miniにできないことが当然出てきます。Miniにはない利点があるということです。・Glyphsの方が和文フォントのグリフの追加がしやすい・Glyphsは縦書きができる和文フォントが作成できるもちろん、細かい点ではもっとGlyphsの利点があげられると思いますが、まずはそこだけでも覚えておきましょう。コメントを残すこんにちは。Miniのメトリクス関連情報の設定の途中まで解説しましたね。「キャップハイト」「xハイト」の設定をしてみましょう。Miniでの表記は「xハイト」)」の設定の前に、ちょっとメトリクスのお話を復習しておきますね。「フォントの作り方(13)〜メトリクスの話〜」で触れてますが、従来の「欧文書体設計のためのライン」において言う「アセンダー」と、フォント作成ソフトで言う「アセンダー」は、意味が異なります。Miniにおいても例外ではありません。厳密には「ディセンダー」についても同じことが言えます。Miniにおいて言う「ディセンダー」は、それぞれ指している意味が厳密には異なります。フォント作成ソフトを利用した現在のフォントデザインの潮流では、一つ一つのグリフが、emスクエアよりも一回り小さくデザインされている例を多く見かけます。Miniにおいて「ディセンダー」と言う時に、従来の意味とは厳密にはズレが生じてきているようです。従来の「欧文書体設計のためのライン」においては、「ベースライン」から「ディセンダーライン」までの部分を「ディセンダー」と呼んでいました。Miniでは「ベースライン」から「ディセンダーライン」までを指して「ディセンダー」とするのではなく、「ベースライン」からemスクエアの下端までを指して「ディセンダー」としてしています。Miniを使用してデザインする際、emスクエアよりも一回り小さくグリフをデザインする現在の潮流に従うならば、「ディセンダーライン」の一周り外側までを含んで「ディセンダー」と呼ぶことになってしまっています。Miniにおける場合とでは、このように、細かな部分では意味が異なります。モヤモヤするかもしれませんが、従来使われて来た文言の意味の細々した部分は、時代とともに変化してしまうことは自然なことでもあります。Miniにおいて言う全く同一の意味とは限らないので、ちょっとだけ注意しておきましょう。Miniのメトリクス関連情報の設定に戻ります。「キャップハイト」は「ベースライン」から「キャップライン」までの高さを指します。「xハイト」は「ベースライン」から「エックスライン」までの高さを指します。「元AI」では「キャップライン」と「エックスライン」をガイドラインとして描いておきましたね。あとはスムースだと思います。Miniのメトリクス関連情報の「キャップハイト」「xハイト」の欄に入力してください。「Alfalfa」では、「キャップハイト」が「667」、「xハイト」が「493」。小数点以下の端数は整理しました。「イタリック角度」ですが、デフォルトのままにしておきます。それから、「アラインメントゾーン」は一番右の黒いボタンを押しておきましょう。Miniのメトリクス関連情報の設定グリフの画面はこんな感じですグリフの画面を開いてみてください。Miniのグリフの画面こうしたガイドがあれば、正しい位置を踏襲したフォントがデザインできているかどうか、確認しながら作業ができますね。小文字もデザインする場合、「フォント情報」設定は以上のように、「キャップハイト」「xハイト」も測定した数値を入力しなければなりません。ここまで出来れば、小文字なしのデザインの時と同じ作業です。Miniに読み込ませていきます。Miniの使い方(後編)〜」あたりからが良いでしょう)を読んでみてください。コメントを残すこんにちは。今回は、アルファベット・フォントの大文字に加え小文字もデザインする際のお話の続きです。Miniに読み込ませるためのAIデータ=「元AI」作成まで進みました。MiniにAIデータを読み込ませる作業です。Miniを使った作業の流れについておさらいしますね。Miniに読み込ませてフォントデータ化して完成です。忘れてしまっていたら、「フォントの作り方」の過去記事((3)あたりからがいいでしょうか)を読み返していてください。前回までの解説では、「元AI」の作成まで進みました。小文字のデザインもするならばということで、「元AI用紙.ai」ドキュメント上に、キャップライン、エックスライン、ベースラインをガイドラインとして描きましたね。MiniにAIデータを読み込ませる時にスムースということでした。スムースなのかは、次の作業のお話の中で。Miniを起動しての作業となります。Miniを立ちあげ新規のドキュメントを開いたら、最初にする作業がありましたね。「ファイル」→「フォント情報」を選び各項目の設定をします。「ファミリー名」の設定、「クレジット関連情報」の設定、「バージョン」の設定は、大文字だけのデザインの場合と同様に進めてしまってください(忘れてしまってたら、「フォントの作り方(10)」を復習しましょう)。次に、メトリクス関連情報の設定があります。「アセンダー」「キャップハイト」「xハイト」「ディセンダー」の数値を入力しなければなりませんが、「元AI用紙.ai」ドキュメント上にキャップライン、エックスライン、ベースラインをガイドラインとして描いたことで、スムースに進むはずです。Miniを使用する手順はここだけ異なります。大文字だけのデザインの場合と異なり厳密に設定しなければならない部分です。メトリクス関連情報の設定は厳密にメトリクス関連情報には、「ユニット数(UPM)」「アセンダー」「キャップハイト」「xハイト」「ディセンダー」「イタリック角度」がありましたね。大文字だけのデザインの場合は「キャップハイト」「xハイト」はデフォルトのままで任意の数値が入ってれば良かったのですが、小文字もデザインする場合は、厳密な数値を入れます。復習を含めつつ順を追って説明しますね。「ユニット数(UPM)」についてです。これはデフォルトのまま「1,000」でOKです。Miniにおけるグリフのマスの高さはemスクエアの高さと同一視でき、「ユニット数(UPM)」という単位で示されます。Miniにおけるグリフのマスのユニット数は、仕様で1,000となっていますが、1,000のままにしておきます。Mini上の単位「ユニット」の大きさは、AdobeIllustrator上での単位「ポイント」の大きさに一致します。Miniにおけるグリフのマスのユニット数である1,000ユニットに合わせるためです。Mini上のグリフのマスの高さである1,000ユニットにピッタリ重ねられます。次に「アセンダー」と「ディセンダー」です。Miniにおける数値になります。Miniのメトリクス関連情報にそのまま入力すればいいわけです。「元AI」のベースラインからドキュメント上端までの高さが「アセンダー」、ベースラインからドキュメント下端までの高さが「ディセンダー」となります。高さを測った時「元AI」上で端数が出ていたら、切り捨てるなどして調整しましょう。「アセンダー」と「ディセンダー」の高さの合計は1,000になるようにします。emスクエア(の高さ)=アセンダー+ディセンダーでしたね。端数が出た時の調整では、「アセンダー」と「ディセンダー」の高さの合計は1,000になるようにしなければならないのです。グリフのマスの高さは1,000ユニット(UPM)です。元AIデータの高さ1,000ポイントは、これに合わせています。次は「キャップハイト」「xハイト」の設定ですが、続きは次回。コメントを残すこんにちは。前回はアルファベット・フォントの大文字に加え小文字もデザインする際には、作業それぞれの段階で「エックスライン」を設定する必要がある、というところまでお話しました。今回は、小文字のデザインについて、それぞれの段階での「エックスライン」の設定をふまえた説明をしていきたいと思います。私がデザインしたフリーフォント「Alfalfa」を例にしてみます。VIBES」サイトデザイン決め〜下描き前回の説明ではHelveticaの例をお見せしました。例を参考に、エックスラインはだいたいこの位置で、グリフそれぞれの部分によっては高さを揃えれば良いんだな・・・ということをちょっと頭の片隅においていただければと思います。してデザインしていれば、統一感は自然と出て来ますよ。デザイン決めの段階では、注意するのはそれぐらいです。デザインが決まったら下描きをしていきますが、これは以前にも説明したとおり、「下描き用紙」に下描きします。この下描きが次の作業で下絵となります(詳細は、「フォントの作り方(3)」で説明しています)。オリジナルのものもありますので、こちらからダウンロードして使っていただいて構いません。下描きの仕方は以前説明したとおり、デザインしたラフを「下描き用紙」に書き写していけば良いのですが、小文字をデザインするなら、まずこの段階でエックスラインの設定が必要となります。この段階でエックスラインの位置を決めてしまい、エックスラインに高さを揃える箇所はしっかり揃えましょう。」はこんな感じで下描きしました。下描きでもエックスラインに揃えるべき箇所は揃えます。Illustratorでトレース下描きした後は、下描きした下絵をスキャニング→AIドキュメント「トレース用紙.ai」上に下絵を配置→トレースして保存、という手順となります。これは「フォントの作り方(4)」で説明したとおりです。オリジナルのものもあります。いうか、おそらくどこにも売っていないと思います。私的に使うのは無料なのでこちらからダウンロードして使っていただいて構いません。「Alfalfa」はこんな感じでトレースしました。Miniを使った作業の流れここからは、トレースしたAIデータを一つ一つコピー&ペーストして拡大→グリフ一つ一つをAIデータとして保存→フォント作成ソフトに読み込ませる、という作業の流れです。Miniを使った作業の流れを説明します。「フォントの作り方(10)」で説明していますが、次は、「トレース用紙.ai」ドキュメント上でトレースしたグリフ一つ一つに四角い囲みを印としてつけ、そのグリフを印と一緒に1,000×1,000ポイントのドキュメントの「元AI用紙.ai」に、コピー&ペーストして拡大し、グリフ一つ一つをAI形式で保存します。保存の際は別名保存し、「元AI用紙.ai」の名前ではなく、グリフ名をつけて保存してください。して、「元AI」のフォルダに「A.ai」、「B.ai」、「C.ai」、・・・とグリフ一つ一つのAIデータが揃うことになります。このグリフ一つ一つのデータは、「元AI」と呼んでおきましょう。ここまでは「フォントの作り方(10)」で説明したとおりです。小文字もデザインする時は、「元AI用紙.ai」でエックスラインを設定することになります。「Alfalfa」の例で説明すると、「トレース用紙.ai」上では、ベースラインからエックスラインまでの高さは37mm(エックスハイト)に設定しました。グリフそれぞれのエックスラインに合わせるべき箇所はその高さに合わせています。四角い囲みの印は「トレース用紙.ai」上のグリフでは75×75mm(「Alfalfa」では75mmの正方形にしましたが、だいたいそれくらいの大きさということで、厳密に75mmでなければならないということではありません)に設定しています。次の作業では、この印とトレースしたグリフを一緒に「元AI用紙.ai」にペーストしますが、小文字をデザインする場合は、「元AI用紙.ai」にキャップライン、エックスライン、ベースラインをガイドラインとして描いておきます。75mmを1,000ポイントに拡大する前提で比率を合わせれば良いわけだから、「トレース用紙.ai」上でのキャップハイトは50mmなので、「元AI用紙.ai」上では666.665ポイント(約666ポイント)となります。エックスハイトは37mmなので、同比率で拡大すると493.355ポイント(約493ポイント)となります。ペーストしたら、印の四角形(75×75mm)とグリフを一緒に拡大し1,000×1,000ポイントのドキュメントの四隅に合わせます。比率の計算が間違ってなければ、それぞれ、キャップライン、エックスライン、ベースライン、に重なるべき箇所は、ピッタリ重なるはずです。MiniにAIデータを読み込ませる時にスムースです。その理由については、また次回。コメントを残すこんにちは。慣れるまでは無理せず、大文字だけデザインしてみても良いと思いますが、今日は、そろそろ小文字も一緒にデザインしてみたいという方に向けたお話をしようと思います。「欧文書体設計のためのライン」をおさらい「フォントの作り方(13)」でも説明しましたが、フォントの世界には、従来から「欧文書体設計のためのライン」があり、これがフォントのデザインやレタリングを行う上でのガイドラインとなっていました。デジタルによるフォントのデザインが始まる以前から用いられてきたわけで、これは今日のフォント作成ソフトの「メトリクス情報」のルーツとなってもいます。今回は大文字だけでなく小文字もデザインするということなので、「欧文書体設計のためのライン」について振り返っておきましょう。大文字だけなら、「アセンダーライン」「ベースライン」「ディセンダーライン」ぐらいを覚えておけば良いですが、小文字をデザインするために「エックスライン」をチェックしておきたいのです。再度、掲載しましたよ。図を見ると解るかもしれないですが、アルファベット・フォントの小文字をデザインする際には、「アセンダーライン」「ベースライン」「ディセンダーライン」に加え、「エックスライン」が重要なラインとなります。小文字の「g」の上端に接するラインとなっていたりするこの「エックスライン」ですが、グリフの部分によってはこのラインに高さを揃えた方が、フォント全体として見た時に統一感が出ます。Helveticaの小文字を当てはめてみると・・・アルファベット・フォントの小文字において「エックスライン」がどう介在しているのか、おそらく見てただいた方が早いかと思います。Helveticaの小文字を例に、「欧文書体設計のためのライン」にあてはめてみました。Helveticaの小文字およそこんな構造になっているんだな・・・という認識があれば、デザインもいやすいと思います。こことここの高さを揃えると統一感が出るんだな、という部分は覚えておきましょう。小文字を含めたアルファベット・フォントのデザインの流れ小文字を含めたアルファベット・フォントの実際のデザインの流れですが、それは今までの「フォントの作り方」で説明してきたとおりです。大文字だけのフォントをデザインする時も小文字も含めてデザインする時も、流れは変わりません。AIファイルをフォント作成ソフトに読み込ませフォントデータ化というものでした。・フォントの作り方(3)〜Fontographerの使い方(前編)〜・フォントの作り方(4)〜Fontographerの使い方(中編)〜でも解説しています。上に説明したとおり、アルファベット・フォントのデザインは、大文字だけの時も小文字も含めての時も、その流れは変わりません。作業それぞれの段階で、「エックスライン」を設定する必要がります。図案を決め、下書きをする段階で、エックスラインを設定します。この設定によりエックスハイトも決まるので、トレースしてAIファイルを作成する際にも、フォント作成ソフトに読み込ませる際にも、エックスハイトを反映することとなります。コメントを残すこんにちは。このあたりで、フォント作成ソフトを使う際の「メトリクス」のことについて解説しておこうかと思います。実は、従来からあるレタリングなどにおいての尺度についての呼び名と、フォントデザインソフトにおいての尺度についての呼び名は、同じ名前を用いられながら厳密には意味が異なる場合があります。フォントやタイポグラフィの知識が少しでもある方は、ソフトを使ってフォントをデザインした時に混乱してしまったのではないでしょうか。そんなことになってしまっていたら、基礎知識として読み返してみてください。メトリクスとは?辞書にも載っていますが、「メトリクス」とは要するに尺度や測定情報のことです。フォントをデザインするには、アセンダーライン、ベースライン、ディセンダーラインなど、一定のフォーマットに落とし込むための設計用のラインが必要です。そのラインとラインの間には「アセンダー」や「ディセンダー」のようにそれぞれの箇所に名前がついています。フォントデザインの過程では、そういったそれぞれの箇所の寸法を測定することも必要な作業です。Miniの解説の際にも出てきましたね。した測定情報について、Fontographerでは「メトリクス情報」としてまとめられ、数値を入力して設定できるようになっていました。そのモヤモヤを、ちょっと解説しておきます。従来のフォントデザインで用いられてきたそれぞれの名前に対応する測定箇所は、フォント作成ソフトにおいての箇所とは異なる場合があります。Miniにおいての「アセンダー」では、指している箇所が異なります。なってしまったかは分かりませんが、アナログからデジタルにシフトする時には、何かしらの変容は起こり得ることです。言えることは、それぞれの名前に対応する測定箇所は、フォント作成ソフトでいうもの・従来のフォントデザインやタイポグラフィでいうもの、両者で異なっている場合があるので、別々のものとして考えた方が良いということです。欧文書体設計のためのライン従来の欧文書体設計のためのラインについて紹介しておきましょう。フォント作成ソフトのメトリクス情報のルーツは、それでもここから始まっていますので。「欧文書体設計のためのライン」とは言いましたが、レタリングの古い教科書では「モデュールのためのライン」などとして紹介していたりもします。従来の欧文書体設計のためのラインFontographerはこのような仕様でしたね。Fontographer画面お気づきかと思いますが、従来の欧文書体設計のためのラインとはアセンダーの位置が違います。Miniではこんな設定をしました。Miniでも、emスクエアの高さであるユニット数は、アセンダーとディセンダーの合計となっていますね。emスクエアの設定のズレFontographer画面・ソフト付属のサンプルフォントの例そして上は、Fontographer4.1Jに付属のサンプルフォントです。このFontographer4.1J付属のサンプルフォントを見ると、アセンダーラインとディセンダーラインの位置がグリフのアウトラインから少し離れてます。従来の「欧文書体設計のためのライン」においては、グリフのアウトラインの天地は、アセンダーラインとディセンダーラインとに重なっていましたね。して見ると、両者でのアセンダーラインとディセンダーラインの位置もやや差があります。これは、emスクエアの設定も同一とはいえないということを示しています。タイポグラフィの古い教科書では、電算写植の文字は仮想ボディよりも「やや小さめに収まっている」という記述もあります。(「文字のデザイン」/馬場雄二・東京デザイナー学院出版局)作り方によってはグリフのアウトラインの天地をアセンダーラインやディセンダーラインにぴったり重ねることも理論的には可能ですし、実際にそのように作られたフォントはあります。いえ、電算写植が流通しはじめた頃には、文字が仮想ボディよりも小さめにデザインされたものも開発されています。このようにデジタルフォントでは、文字をemスクエアのような仮想ボディの天地よりも内側にデザインするという設計も一つの流れとして存在しています。emスクエアとはそもそも?emスクエアとは、フォントをデザインする際の正方形の仮想ボディです。「em」は「エム」と読みます。ローマ字の「M」ですね。活版印刷の活字「M」のボディが正方形に近い形の金属の塊だったことに由来します。今では仮想ボディを意味して「emスクエア」と呼ばれることが多いです。仮想ボディとは、フォントをデザインする時に「この四角い枠の中に収まるように設計しましょう」という約束事のラインと考えておけば良いでしょう。油絵などを描く時に四角いキャンバスがあるように、グリフ一つ一つにも四角形の枠がある、というようなことです。コメントを残すこんにちは。Miniに配置することができましたね。そこまでできたら、次はスペーシングとカーニングです。さあ、あとひとふんばりです。Miniではスペーシングは1文字ずつ行います。グリフを並べて表示し、Adobeのドローソフト等で字詰めを行う感覚でスペーシングができます。スペーシングとは、一つのグリフが占有する字幅の調整のことです。先ほど、グリフ一つ一つの字幅の設定をしましたね。これにより、グリフの四角いガイドラインの幅を調整できたと思います。実はこれが、一つのグリフが占有する字幅となります。Miniでは、こうした字幅は、文字のアウトラインの端からガイドラインの端までの距離の数値を入力することによっても、調整することができます。これは、字幅の設定を行ったのと同じ画面下のグレーのボックス、「左」「右」の数値部分に数値を入力することで行います。「左」は文字のアウトライン左端からガイドラインの左端までの距離、「右」は文字のアウトライン右端からガイドラインの右端までの距離を示しています。字幅の設定はグレーのボックス「左」「右」で調整することもできます。画面上部のツールボックスから「T」(テキストツール)を選びます。文字を打ってみましょう。すると画面上に文字が表示されます。この文字は並べてスペーシングを行うことができます。順番としては、まず平均的な字形を選び、それから○に近い字形を選び、そして「I」を選び、バランスを見ながらそれぞれのスペーシングを行っていきます。見本のフォントDaisyの例では、文字の平均的なフォルムは四角形なので、四角いフォルムの「H」、「N」、「Z」から始めました。「O」、「I」と続け、バランスを見ながら調整していきました。Miniではグリフ名を利用してスペーシングを行う便利な方法があります。基準にしたグリフ名を利用して他のグリフをスペーシングすることができます。「H」を基準にした場合、同一のスペーシングをしたいグリフを表示し「左」に「H」、「右」に「H」と入力すれば、「H」で設定した時と同一の数値が入力できます。その基準となるグリフの数値を変更したときは、ツールバー「グリフ」→「メトリクス情報を更新」を選びます。これを実行しないと、他のグリフにその変更した数値が反映されません。「N」のスペーシングを「H」と同一にしました。Mini画面こんな感じでグリフを表示し、調整していきます。全体を調整できたら、スペーシングは完成です。[10]カーニングカーニングもまた、スペーシングを行ったのと同じ、画面下のグレーのボックスで調整して行います。スペーシングの数値を入力する下の行です。カーニングとはグリフとグリフの間隔の調整のことです。ある特定のグリフとグリフを並べた時の字詰めが美しくない場合に、グリフとグリフの間隔を詰めるなどの調整をします。それがカーニングです。カーニングを設定するのは、気になるグリフだけでOKです。Daisyの例では、「OとV」、「OとW」、「OとY」、「Oと7」、「VとO」、「VとY」、「YとO」、「YとV」それぞれのペアについて行いました。カーニングもスペーシングのように、基準にしたグリフ名を利用して他のグリフをカーニングすることができます。実際に、「YとV」のペアと「YとW」のペアを同一のカーニングにした例です。「V」のカーニング「左K」には「-8」と入力し、「左G」の欄に「V」と入力しました。「左K」は字詰めをする数値で、「左G」はカーニンググループ名です。同一のカーニングにしたい「W」の「左G」に「V」と入力することにより、「YとV」と「YとW」のカーニングを同一にすることができました。右のカーニングも必要な箇所は、この方法で、「右K」に字詰めの数値、「右G」にグループ名を入力し、それぞれのグリフの間隔を調整します。行ったカーニングは、メニューバー「ウィンドウ」→「カーニング」で内容を表示させることも可能です。カーニングにおいてもスペーシングと同様に、基準となるグリフの数値を変更したときは、ツールバー「グリフ」→「メトリクス情報を更新」を選びます。これを実行しないと、他のグリフにその変更した数値が反映されません。「YとV」のペアと「YとW」のペアを同一のカーニングにした例Glyphs画面Glyphs画面[11]出力をしてフォントファイルを書き出し完成!!スペーシングとカーニングはこれでOKです。それができたら、メニューバーから「ファイル」→「出力」を選び、ファイルを書き出します。コメントを残すこんにちは。Miniを立ち上げ、「フォント情報」を設定するところまでできましたね。Miniに読み込ませる作業を中心に解説します。Miniを立ち上げ、「フォント情報」を設定したら、次に「出力」を設定します。メニューバーから「ファイル」→「出力」を選び「重なったパスを合体」がチェックされているかを確認します。デフォルトではチェックになっていますが、念のため確認しておきましょう。これがチェックされていることにより、フォントファイルを書き出す際に、開いたパス・重なったパスやポイントを合体することができます。Fontographerの使い方でも説明しましたが、パス上の余分なポイントはなくし、開いているパスは繋ぎます。フォントファイルを作る時にはグリフのアウトラインは整理しなければなりませんでしたね。Mini画面グリフ一つ一つの画面を開いて、「重なったパスを合体」を実行することもできます。重なったパスやポイントは、オレンジ色の●で示されます。メニューバーから「フィルター」→「重なったパスを合体」を選んでいただければ、合体が実行され、オレンジ色の●は消えます。このように一つ一つのグリフの画面でやらなくても、「出力」で「重なったパスを合体」をチェックしてさえいれば、フォントファイルを書き出す際に、一括して「重なったパスを合体」が実行されます。Mini画面[7]グリフ一つ一つの画面に「元AIデータ」をペースト各設定ができたら、最初の画面に戻ります。「A」、「B」、「C」、「D」・・・と続くマス目がありますね。このマス目を一つずつダブルクリックしグリフ画面を開きます。画面下のグレーのボックスで、「字幅」に「1000」と入力します。すると、グリフ画面の四角いガイドラインの幅が1,000ユニットになります。この四角いガイドラインですが、高さはemスクエアの高さを示しています。Miniではユニット数(UPM)で表されます。Miniの仕様ではemスクエアの高さ=ユニット数(UPM)は1,000となっています。字幅を「1000」と入力すると、1,000×1,000ユニットの正方形のガイドラインができますね。Miniに読み込ませる作業です。Miniのグリフ画面にペーストします。その1,000×1,000ユニットの正方形のガイドラインに位置を合わせます。「元AIデータ」は1,000×1,000ポイント=1,000×1,000ユニットのドキュメントで作りましたので、位置合わせが正しく行われれば、グリフの画像はアセンダーライン・ディセンダーライン・ベースラインの正しい位置に収まります。ガイドラインに位置合わせ用の印の四角形がピッタリ重なれば、オレンジの◆が示されます。うまく重ならなければ、グリットが見えるまで拡大して、画像を重ねるようにしましょう。下のグレーのボックスで「字幅」を設定します。Mini画面ペーストした画像をガイドラインにピッタリ重ねるとオレンジの◆が示されます。難しければ、グリッドが見えるまで拡大して重ねましょう。これができたら位置合わせ用の四角形は不要になります。四角形のパスをダブルクリックして選択し、deleteキーで消去します。それが終わったら、次に数字や約物の作業です。タブ「フォント」から「数字」「約物」を選び、マス目の画面を表示し、「A」から「Z」で行ったのと同じようにAIデータをコピー・ペーストしていきます。作成できるグリフは、デフォルトでは「A」から「Z」の大文字・小文字しか設定されていません。「フォント」タブからカテゴリーの「数字」を選び表示してみるとカラになっていて、グレー一色の画面になっています。数字と役物も作りたい場合は、メニューバーから「ウィンドウ」→「グリフ情報」を表示し、作りたいグリフを選択し右下の「フォントに追加」ボタンを押していきます。数字なら、「0」、「1」、「2」・・・と加えていきましょう。すると、加えたグリフのマス目ができあがります。一度カテゴリー「数字」を開いて確認してみましょう。「0」から「9」のマス目ができあがってますね。マス目ができたら、また「A」から「Z」まで作業したのと同じように、AIデータをコピー・ペーストし、位置合わせをします。「グリフ情報」からフォントを加えていきます。この作業ができたら、次はスペーシングとカーニングです。VIBES/デザイナー・フォントクリエイター。デザインスタジオアウラコミュニケーションズ代表。東京都を拠点に、グッズ、グラフィック、フォントのデザインを中心に活動しています。HYBRID」シリーズは、初版からフォントクリエイターとして参加。他「月刊MdN」等のメディアでも掲載多数。公式WebサイトでDLできます。このサイトについて「フォント×デザイン|基本の作り方」は、フォントやグラフィックなどのデザインについて、作り方を基本から解説するサイトです。私のデザイナー歴も、気がつけばもう20年越し。デザインビギナーの方や、勉強をしすぎて基本がわからなくなってしまった方、そんな方達に私が伝えられることがあるのかもしれない・・・ふと思いました。それは、生業としてのデザインの現場で得てきた手法であったり、仕事の進め方であったり。デザインを通した遊びであったり。基本を覚えれば、あとは自分なりのアレンジや別の新しい手法をみつけられます。すれば「自分の作り方」を得ることができます。わたしもこのサイトを作ることによって基本を振り返ることもできるわけで、それも良いなあと思いました。役に立っても立たなくても、まずは基本からやってみましょう!お問い合わせE-Mail:info@fontxdesign.netご連絡はE-Mailのみで受けつけております。