とあるフォントのつくりかた。

ﾎ喬ｪ易 ｲニ @bridgeco_jp

明日は先日作ったロゴをベースにフォント作るぞ！ウェブサイトの大幅リニューアルもしたいぞ！やりたいこと、やらなきゃいけないことがたくさん。日々をちょっとずつもっと有意義にしていかないとな。おやすみなさい。

ﾎ喬ｪ易 ｲニ @bridgeco_jp

今日はお暇いただいて、フォント制作デー。せっかくなので、制作過程(僕なりのね)みたいなものをご紹介したいと思います。まず、先日作ってたロゴがこれで。。 http://instagr.am/p/D8o2t/

拡大

ﾎ喬ｪ易 ｲニ @bridgeco_jp

文字の大きさを統一していくために、グリッド(罫線)をつくり、その上に配置します。全ての文字を同じ大きさで作ると、見た目のサイズは逆にアンバランスになるので、グリッドは目安でいくつかひいておきます。許容サイズは一番外側の矩形。 http://instagr.am/p/D8pjS/

拡大

ﾎ喬ｪ易 ｲニ @bridgeco_jp

こっからは一文字づつ地道に形造っていきます。といっても一個づつ１から描いていくわけじゃなくて、すでにできている文字のパーツをパズルみたいに組み立てていけば、ある程度できていきます。若干形の調整もしたり、足りないパーツは描きます http://instagr.am/p/D8sdr/

拡大

ﾎ喬ｪ易 ｲニ @bridgeco_jp

ちなみに、フォント制作において、このパズル作業が、一番楽しいのです〜♪(´ε｀ ) お気に入りの音楽聴きながら、サクサク進めます～。 http://instagr.am/p/D8sdr/

拡大

ﾎ喬ｪ易 ｲニ @bridgeco_jp

@hirokan777 http://bridgeco.jp　ですー。10年前作ったのサイトなんで、今の解像度で見るとめちゃめちゃちっこいですw。メンテもほとんどしてないんで、その辺割引でみてください！

ﾎ喬ｪ易 ｲニ @bridgeco_jp

たまにパーツの組み合わせで悩んだりします。そんなときはいくつもパターンを造ってみて、見比べます。とりあえず左上の「カ」でいこうかと思います！ http://instagr.am/p/D8wgq/

拡大

ﾎ喬ｪ易 ｲニ @bridgeco_jp

ここまでサクサクと進みました！「チ」は他の文字とのバランスで以前のもの(下)から少し調整。いけね、ずっと保存せず作業してましたー(´Д`；) ホゾンホゾン… http://instagr.am/p/D817B/

拡大

ﾎ喬ｪ易 ｲニ @bridgeco_jp

フォント制作プロセスの連発ツイート、失礼しております。「ナ」行に入り、「ヌ」「ネ」あたりから大分苦戦しはじめてきました。この先には「ノ」「ヘ」「マ」「ミ」「メ」といった強豪が待ちうけますw。カタカナは順にデザインバランスの難易度があがっていくのが面白いです！ひ～。

ﾎ喬ｪ易 ｲニ @bridgeco_jp

ゲシュタルトが崩壊しはじめました。「ネ」が「ネ」と読めない。

ﾎ喬ｪ易 ｲニ @bridgeco_jp

ふー、とりあえずア〜ンまでできました！と、ここまでで作業工程の五合目くらい。こっから、ディテールの調整、文字を組んだときのバランスなど何度も見比べて直すのです。こっからが正念場です。まだ「ニ」「マ」「ミ」など納得いってないデザ http://instagr.am/p/D9DJk/

拡大

ﾎ喬ｪ易 ｲニ @bridgeco_jp

ちょっとコラム的なこと。パズルのようにパーツを組み合わせていく、といいましたが、同じように見えるパーツも、少しづつ変えてます。これやらないと、文字として美しく見えてきません。ちょっとの違いで、不思議ですねぇ。(´ω｀*) http://instagr.am/p/D9FYV/

拡大

高橋としゆき @gautt

bridgecoのジンさんがフォントの制作過程ツイートやってる。フォントに興味がある人はぜにチェック RT @bridgeco_jp: ふー、とりあえずア〜ンまでできました！と、ここまでで作業工程の五合目くらい。こっから、ディテールの調整、文字を組んだときのバランスなど何度も見比

ﾎ喬ｪ易 ｲニ @bridgeco_jp

フォント制作ツイート、楽しんで見てくださっている方いるようで、嬉しいです！ありがとうございます！で、嫁子を駅に迎えに行くことになり、そのまま風呂→飯なので、夜まで中断いたしますー( ･ิω･ิ)ﾉｼ のちほどー。

ﾎ喬ｪ易 ｲニ @bridgeco_jp

拗音、濁点半濁点と、とりあえず記号系いくつかをつくりました。とりあえず、これだけあれば一通りの文字打ちはできるでしょう。ってことで、このデザインでとりあえずフォントファイル化してみましょうかね。 http://instagr.am/p/D94M5/

拡大

ﾎ喬ｪ易 ｲニ @bridgeco_jp

ちなみに、フォントデザイン上の問題で、長音「ー」が細っ・・・くねって曲がる長音のデザインも作ってみましたがイマイチピント来ないですね。。と、まぁ、一旦フォント化してからバランスみて考えましょ！！（フォント作成にはこんな感じの割り切りも大事な気がします。）

ﾎ喬ｪ易 ｲニ @bridgeco_jp

フォント作成ソフトにインポートする前に、すべての文字をアウトライン化しましたー(右上「オ」参照)。この作業も気持ちいいんです！ほんとはこの前後で文字形を綺麗に整える作業があります。これ、超重要。鶏ガラのガラ取る作業くらい重要w http://instagr.am/p/D-Ak_/

拡大

ﾎ喬ｪ易 ｲニ @bridgeco_jp

おっとっと！ここでFontographer(フォント作成ソフト)を立ち上げようとしたところ、なぜか立ち上がらないハプニング！そもそも、唯一Winで動く英語版のVer.4.1という化石のようなソフトに頼っているのが悪いわけなんですが。。無念。。

ﾎ喬ｪ易 ｲニ @bridgeco_jp

というわけで、今日は遅いのでもう寝ることにします。今日のフォント作成の続きはまた追ってツイートしますね。明日できるかどうかはちょっとわかりません。。 楽しんでみてくださった方、サンクス！また後日よろしくおねがいします！※ちょっとでも感想やご意見などいただけると、僕とても喜びます！