「ラブライブ!」のロゴをフリーフォントで作ってみる

この記事は約3分で読めます。
記事内に広告が含まれています

「ラブライブ!」のロゴをフリーフォントで作ってみる

こんにちは、さち です。

今回は、私の推しアニメ「ラブライブ!」のロゴを、フリーフォントで作ってみるという企画です。

本家は有料フォントをもとに作られていますが、フリーフォントでどこまで再現できるでしょうか……?

スポンサーリンク

作ってみる

それでは、作っていきます。使用するフォントの詳細は後述するので、興味がある方はダウンロードしてみて下さい。

  1. ラブライブ!本家のロゴです。これに近くなるようにファイトだよ!
    「ラブライブ!」のロゴをフリーフォントで作ってみる
  2. 本家では、有料フォント「ネオプラス」が使われていますが、代わりにフリーフォント「Gt informat」を使います。微妙に違いますが雰囲気は結構近いです。
    「ラブライブ!」のロゴをフリーフォントで作ってみる
  3. 少し横に伸ばして、イタリック(斜体)にました。さらにそれっぽくなりましたね。
    「ラブライブ!」のロゴをフリーフォントで作ってみる
  4. 次は英語の部分。本家では有料フォント「FF Magda Clean Mono」が使われていますが、代わりにフリーフォント「saxMono」を使います。
    「ラブライブ!」のロゴをフリーフォントで作ってみる
  5. 少し太くして、字間を調整しました。
    「ラブライブ!」のロゴをフリーフォントで作ってみる
  6. 完成です。
    「ラブライブ!」のロゴをフリーフォントで作ってみる
  7. 単体で見るとそれっぽいですが、比較すると文字が角ばっていたり斜めの切れ込みがあったりして硬い雰囲気。あと、濁点の位置が違うので、その分ロゴの幅が広くなっています。
    「ラブライブ!」のロゴをフリーフォントで作ってみる

作成アプリには Affinity Photo を使いました。「ラブライブ!」をカーブに変換(アウトライン化)して濁点の移動や角を丸めれば、もう少し近づけられるかもしれません。(Affinity Designer のコーナーツールを使えば角を丸めるのが楽そう?)

ちなみに、手っ取り早くロゴを作りたいだけならラブライブ!風ロゴジェネレーターを使った方が圧倒的に簡単です。

使ったフォントの紹介

今回使用したフォントの詳細について書いておきます。

Gt informat

「ラブライブ!」の部分で使ったフォントです。「アルファベット」と「カタカナ」でフォントファイルが分かれています。

Gt informat AL

アルファベット,数字,記号のフォント。

「ラブライブ!」のロゴをフリーフォントで作ってみる

Gt informat KT

カタカナのフォント。

「ラブライブ!」のロゴをフリーフォントで作ってみる

このフォントは1バイトフォントなので入力方法が特殊です。IME を「オフ(半角)」にして、「かな入力」のつもりでキー(キーボードに書かれたひらがな)を押して入力します。例えば、9 d b と押すと「ヨシコ」です。Shift キーを押しながら入力すると濁点になります。

ただ、「ロ」は Shift + \,「ヲ」は Shift + 1 など一部キー入力が複雑なので、下記のカタカナコンバータを使った方が簡単です。(UTF-8 の欄に全角カタカナを入力して「convert」をクリック → ASCII の欄をコピペする)

Katakana Converter • カタカナコンバータ • Katakana Unicode UTF-8 to and from ASCII • Katakana to and from Rōmaji

saxMono

「School idol project」の部分で使ったフォントです。

「ラブライブ!」のロゴをフリーフォントで作ってみる

フォントのダウンロード

Gt informat(「ラブライブ!」のフォント)のダウンロードはこちら。

Gt informat

saxMono(「School idol project」のフォント)のダウンロードはこちら。

saxMono Font Free by s.a.x. Software » Font Squirrel

フォントを使用する際は、利用規約に従って下さい。

コメント

タイトルとURLをコピーしました