さて、今回はタイトルロゴとファビコンの作成についてです。
昨夜、上記のようなブログのヘッダーに変更しました。以前は写真を使用していたのですが、写真はやめてタイトルロゴに。
また、このブログを示すアイコンとして、ロゴマークを作成。こちらはファビコンにも使用しております。
タイトルロゴの作成
タイトルロゴは、ロゴマークとタイトル文字をそれぞれ作り、合成しております。
ロゴマークの作成
最終的には、このロゴマークになったのですが、それまでにはなんパターンか作ることに。なお、ロゴマークは自転車の象徴としてのクランクと、私の生まれた年である1969を使って、作りました。
アドビの「フォトショップエレメンツ1.0」を使用して作成しております。パソコンの環境は、Windows7です！
クランクのイラストは、フリー素材から。
最初は丸の中にクランクだけのつもりでしたが、少し寂しいので、1969と入れることに。1969は生まれた年であるのですが、「ロック(69)に、生きていく(19)」という、私の青臭い思いも込められております。
タイトル文字の作成
タイトル文字は、こちらのサイトを利用させていただきました。
最初は「四十七歳の地図～自転車日本一周、その後～」と一行で作成したのですが、最終的に収まりを良くするために、二行にしました。
「四十七歳の地図」と「～自転車日本一周、その後～」で、わけて作ります。
フォトショップエレメンツで合成
ロゴマークとタイトル文字のバランスを見つつ、組み合わせていきます。大昔のソフトを使っていますので、詳しい作り方は省略。
タイトルの変遷
最初に作ったのは、一行のタイプ。横に長過ぎるかなと思いボツに。
二行にしてみました。おとといまでは、こちらを使ってました。サイズが小さいのと、1969の文字が気に入らなくて、作り直すことに。
サイズはこれくらいがいいかなと。1969の文字は、まだ気に食わない。
フォトショップエレメンツでは、文字の変形に自由さがないので、「G.CREW 8」という、こちらもはるか昔のソフトを使って、1969の文字を変形させました。
「G.CREW 8」はWindows98時代のソフトです。1万円以下で買える、グラフィックソフトでした。グラフィックソフトといっても、画像編集ではなく、レイアウトして出力するもの。簡易的なDTPソフトといったところです。
すごく使いやすくて、今でもこちらをよく利用しております。残念なことに、Windows10では動きません。なので私は、画像編集に関しては、Windows7環境でしております。
1969の文字を、円に合わせて配置してみました。フォントもちょっと面白いものがあったので、変更。いい感じに出来上がりました。
日本地図を追加
1969の文字もバッチリ決まったので、これで完成と思ったのですが、もう一つ物足りない。そこでタイトル文字の後ろに、日本地図を入れてみることに。
日本地図も、もちろんフリー素材を使用。色とサイズを変更して、タイトル文字の後ろに入れてみました。
いや、バッチリ決まりました。これで完成にしました。
ファビコンに登録
せっかく作ったロゴマークですので、これをファビコンにすることに。
ファビコンとは
favicon（ファビコン）は、ウェブサイトのシンボルマーク・イメージとして、ウェブサイト運営者がウェブサイトやウェブページに配置するアイコンの俗称である。favorite icon（フェイバリット・アイコン：お気に入りアイコン）という英語の語句を縮約したものである。～Wikipediaより
ブラウザのタブやブックマークバーに表示される、サイトアイコンのことをファビコンというようです。作ったロゴマークをファビコンに設定です。
ファビコンの設定
Cocoonでは、いろいろな設定をCocoon設定からするのですが、ファビコンの設定は、外観>カスタマイズから。サイトの基本情報の中で設定します。
以上で、タイトルロゴとファビコンの作成は終了です。
最後にロゴマークの変遷を、画像にて。
