皆さん自分でロゴを作りたいと思ったことはありますか？
僕はこのブログのロゴを作りたいなーとずっと思っていました。
有名なブログなんかは凝ったデザインのロゴを使っていたりして、それだけで「このブログは他とは違う。なんか良い記事がありそう」という印象を受けるのは僕だけではないはず。
ただのテキストでブログタイトルを書いてあるだけじゃ（タイトルに限ったことではなくブログデザインの洗練度も含みますが・・・）、いかにも初心者感、素人感や有象無象感が出てしまって権威をもたせられず、下手をすると記事やブログ自体への信頼度を下げる可能性すらあるのではと思います。
もちろん、一番大事なのは見た目ではなくて中身であるというのは分かっていますが、その中身への導入として見た目も大事だよねという話です。
で、いざロゴを作ってみようと思っても、これがなかなかうまくいかない。
絵が描けるわけでもなければ高価な画像編集ソフトもない（そもそもどんな絵を描けばいいかもイメージ湧かない）、だからといってプロに頼むようなレベルでもないし、できるだけお金もかけたくない、という状態で、結局あきらめちゃったりしますよね。僕もそうでした。
でもテキストだけでロゴを作るならできそうな気がしませんか？
なんとなくロゴって絵とかアイコンのようなものが必要だと思い込んでいましたが、よくよく考えれば別に無くってもロゴっぽければいいんです。（そもそもロゴの定義自体、装飾された文字列というものでした。絵とかアイコンを使っているのはロゴマークですね。）
そんなわけで今回は、僕が実際にやってみたテキストベース・オリジナルロゴの作り方を紹介したいと思います。
ブログに限らず何かのロゴを作りたい方は、以下を参考に是非試してみて下さい。
テキストベースのロゴってどんなの？
まず始めに、テキストベースのロゴとはなんなのかという話をしておきます。
僕の言うところのテキストベース・ロゴとは、雑誌や漫画のタイトルのような、テキストだけど、フォントや文字色、大きさなどに変化をつけて装飾したものです。（それがロゴの定義っちゃ定義なんですが）
例えばこんな感じ。
テキストだけでも十分印象に残るロゴですよね。
さて、こういう感じでテキストのみでロゴを作るなら、ちょっとデザイン性のあるフォントが欲しくなるもんです。
そこで僕が使ったのが「フリーフォントで簡単ロゴ作成」というサイトです。
「フリーフォントで簡単ロゴ作成」で作るテキストベース・ロゴ
この「フリーフォントで簡単ロゴ作成」では、文字色や文字サイズの調整はもちろんのこと、多くの種類のフリーフォントの中から好きなものを選んでテキストに反映し、それを画像ファイルとして出力することができます。
これをうまく使って、特徴的なテキストベース・ロゴをデザインしていきます。
「フリーフォントで簡単ロゴ作成」の使用方法
それではまずは「フリーフォントで簡単ロゴ作成」の使用方法をざっくり説明していきます。
- テキストボックスに文字列を入力する
- 好きなフォントを選ぶ
- 文字サイズを設定する
- 文字列が表示される枠の幅を設定する
- 文字列が表示される枠の高さを設定する
- 文字列に設定したい色を選択する
- 選択した色を文字列に設定する
- 文字列の背景を透過する設定をする
- ここまでの設定内容を文字列に反映させる
- 設定を反映した文字列を画像として出力する
大まかな流れはこんな感じです。
ロゴ作成の実際の手順
実際にロゴを作る際には、1つの文字列の中でも文字色や文字サイズ、フォントを変えたりしたいと思いますので、部分毎にこの手順を何回か繰り返して、出来上がったもの達をパワーポイントなどの編集ソフトで繋げて最終形を作っていくことになります。
例えば僕の場合、ブログタイトルの「大企業」と「エンジニア」と「お金」の部分の色を変え、ひらがなを他の文字よりも小さく設定したいと考えました。
そこで作ったのが、次の9種類の文字画像です。
これをパワーポイントなどの簡単な画像編集ソフトで好きなように配置して、まとめて1つの画像として出力すれば、ロゴの完成です！
僕の場合はサイトアドレスや線も使って更にアレンジしてみました。気になる方は一番上までスクロールして、僕の努力の結晶を確認してみて下さい。（笑）ちょっとポップになりすぎちゃったかなーとも思いましたが、だんだん見慣れてきて、今はなかなかいいじゃんと自画自賛してます。笑
まとめ
「フリーフォントで簡単ロゴ作成」を使ったテキストベースのロゴ作成はいかがでしたでしょうか？
絵やアイコンを使ったロゴマークだとかなりの技術が必要かと思いますが、こんな感じのテキストベースのロゴだったら、デザインの知識があまり無い僕のような素人でも簡単に作れちゃいますので、自分も作ってみたい！と思った方は是非試してみて下さい。