Column

コラム

文字のデザインは、ビジュアルのクオリティを左右するとても重要な要素の一つです。しかし「デザインの雰囲気に合ったフォントを使いたいけど、イメージ通りのフォントがない..！ だけど一から作字をする時間もない..！」と焦ってマウスを濡らした夜も、デザイナーにはあると思います。大丈夫。作字はいつだって私たちデザイナーの味方です。今回はそんな時のために、既存フォントから短時間で上質な作字をする方法をご紹介します。

目次
1.フォントの分析 / 選定
2.作字のやり方
3.まとめ

1.フォントの分析 / 選定

フォントの分析と選定は、既存フォントから作字をする上でとても大切なステップです。ここではフォントの特徴を分析することで、理想のイメージに近いフォントを選定する方法をご紹介します。

フォントの分析

まず和文フォントは大きく分けて明朝体とゴシック体の2種類があります。
明朝体は太い縦線と細い横線で構成され、視認性が高く文章や新聞記事などに使われることが多い、上品な印象のフォントです。一方ゴシック体は縦線と横線が同じ太さで構成され、明朝体に比べてより現代的な印象のフォントです。見出しやタイトル、ポスターや広告などに使用されることが多く、読みやすさよりも強い視覚的効果が求められる場合に使用されます。

フォントの選定

それぞれのフォントの特徴を理解したら、次はデザインに合うフォントのイメージを明確にしていきましょう。例えばポップな雰囲気のビジュアルであれば、上品な明朝体ではなく、ゆるめのゴシック体を選ぶと良いでしょう。
また、デザインのコンセプトによっても選ぶべきフォントは変わってきます。例えばスポーツ関連のデザインであれば、力強く、ダイナミックな印象を与えるフォントがおすすめです。

以上のように、フォントの分析と選定は、作字の成功に欠かせないステップです。フォントの特徴を分析し理解することで、ビジュアルに合ったフォントのイメージを明確にすることができ、コンセプトに沿ったフォントを選定することができます。では、次は実際に既存フォントから作字をしていく方法をご紹介します。

2.作字のやり方

ベースとなるフォントを決めたら、次はいよいよ作字です。この項目では例として

・ゴシック体をベースにした、ポップなデザイン
・明朝体をベースにした、古風なデザイン

の2種類の作字方法をご紹介します。

・ゴシック体をベースにした、ポップなデザイン

こちらは、スマートな印象ながらもちょいクセありのフリーフォント「スマートフォントUI+」をベースに作字をしていきます。

1.ウェイトを調整する

ベースフォントのウェイトを、イメージに近くなるよう調整します。理想のウェイトがないフォントでも、Illustratorであれば線をつけたり、パスのオフセットで簡単に調整することができます。

2.文字をパーツごとに分解する

作字の自由度を上げるために、フォントをアウトライン化しパーツごとに分解します。

3.文字のバランスを調整する

パーツの位置や長さ、角度を調整して、理想のイメージに近づけていきます。その際、少しずつ細かく調整するよりも、大胆に思いっきり動かした方が印象的になりやすいです。

以上で完成です！どうでしょう？ベースのフォントよりもだいぶポップな印象に仕上がったのではないでしょうか。ちなみにこちらの制作時間は15分ほどなので、一から作字をするよりもだいぶ時短でできます。さて、次は明朝体ベースの作字方法をご紹介します。

 

・明朝体をベースにした、古風なデザイン

こちらは、おしとやかな印象のフリーフォント「はんなり明朝」をベースに作字をしていきます。明朝体はゴシック体に比べてかなり細かく作られているので、作字の難易度は少し上がりますが、めげずにやっていきましょう！

1.変倍をかけつつ、ウェイトを調整する

ぽってりと古風な印象にしたいので平体をかけつつ、ウェイトを少し細くします。フォントの印象を変える一番簡単な方法は、長体や平体などの変倍をかけることです。フォントにもよりますが、長体をかけるとキリッと真面目な印象に、平体をかけるとぽってりと愛らしい印象になります。

2.スリッドを入れる

スリッドを入れて、よりアイコニックな印象にしていきます。

3.形を詰めていく

はらいを伸ばしたり、パーツの角度を変えたりして形を詰めつつ、文字に溜まりをつくることでより「和」っぽくしていきます。溜まりはIllustratorのパスのオフセット機能で、簡単につくることができます。

以上で完成です！