デザイン|基本の作り方コンテンツへスキップこのwebサイトの先進的な機能は、ブラウザーのJavaScriptを有効にする必要があります。コメントを残すこんにちは。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のみで受けつけております。