デザイン|基本の作り方コンテンツへスキップこのwebサイトの先進的な機能は、ブラウザーのJavaScriptを有効にする必要があります。コメントを残すこんにちは。前回も、フォントデザインの作業動画を公開していることをお知らせしましたが、その進捗状況です。Glyphsでの作業がひととおり完了し、フォントデータを書き出してついに完成しました。Illustratorを使用しベクターデータを作りGlyphsでフォントデータ化する方法の場合、Glyphsを起動してからの作業より、イラレを使っている時間の方が長いかもしれませんね。今回は特に、手書き感を出そうとしたためか、イラレの作業で試行錯誤が続き、ちょっと時間がかかりましたね。今回の完成編はこんな感じです。この、フォントデザインの作業動画のシリーズは、14回で完結しました。フォントが完成しましたので、今後はあらためてそれぞれのフェイズについて詳細に解説をする予定です。コメントを残すこんにちは。先日、フォントデザインの作業動画を公開していることをお知らせしましたが、その進捗状況です。Illustratorでフォントの元となるベクター画像を作るところまで完了し、その画像をGlyphsに移すための下準備作業を始めたところです。「ああなるほど、こういうことか」などという発見があるかもしれませんよ。先になりますが、フォントが完成した際には、あらためてそれぞれのフェイズについて詳細に解説をする予定です。コメントを残すこんにちは。フォントを作るには下絵やアイデアスケッチは必要です。中には、頭の中に明確なイメージを描くことができて、下絵ナシでデザイン作業を始めてしまうベテランの方、下絵ナシの方が作業がしやすいという方もおられます。いえ、慣れないうちは無理をしない方が良いでしょう。Illustratorでトレースをしていく手法で、デザインするのがベターだと思います。IllustratorでトレースしたベクターデータをAI形式で保存し、フォント作成ソフトに取り込んで(それはGlyphsでもFontographerでも)、フォントデータを作る方法を説明してきました。デザインを決めて下絵を作成する方法も説明しましたが、下絵の様式は一つではありません。今回は、ちょっと悩みどころかもしれない、フォントの下絵についてのお話です。フォントのデザインイメージと下絵フォントの下絵の作り方は、「フォントの作り方(3)」や「フォントの作り方(15)」で説明しました。すると、下絵を作成する段階で戸惑いが生じてしまってる方もおられるかもしれませんね。どのような手法で下絵を作るのかというのは悩みどころではあります。私の場合ですが、下描きした下絵とデザインしたいイメージとに乖離がある感じがして、どうにもしっくり来ない時があり、ちょっと悩んだことがあります。フォントのイメージの様式に合わせた下描きの手法いろいろ考え試行錯誤しましたが、フォントのイメージの方向性に合わせて下描きの手法を変えた方が良いようです。私の場合ではありますが、その方がイメージとに乖離が少なくなりました。フォントの元になる文字を作成し、一式の様式となるタイプフェイス(書体)にするためには、文字の共通パーツとなるエレメントを組み合わせていくことになります。スタンダードなフォントの多くは、そのようなタイプフェイスによるデザインです。一方で、エレメントの組み合わせに頼らない、手書き感を活かした「書き文字」というフォントのジャンルもあります。現在では「書き文字」ばかりを集めたフォントの書籍があったりするぐらいで、こちらも現在流通するフォントとしてはかなり種類があると言えそうです。上のエレメントを組み合わせてデザインするタイプフェイスが緻密であれば、こちらはストロークによる「味」を生かしていて直感的であると言えるでしょう。「書き文字」についての歴史は古く古代に遡ることができますが、そのお話は、またの機会にしますね。手書き感を活かした書き文字等の「直感的タイプ」この2つのタイプがあります。これら2つの様式に合わせ、下描きの手法を変えた方がイメージ通りになる場合もあるようです。「緻密タイプ」は下描き用紙を使う以前に紹介してますが、「緻密タイプ」は、碁盤の目がある下描き用紙に鉛筆等で描いて下絵を作成→それをスキャンしてトレースする、この手法でだいたいはカバーできるかと思います。ちなみに、その際に用いる下描き用紙はこちら。DLして自由にお使いいただけます(なお、この下描き用紙をそのまま販売することは禁止します。