#009 ファビコンを作ろう

イラスト関連
イラスト関連

そもそもファビコンとは?

今日は『ファビコン』とやらを作成してみる事になりました。

前回の教習の内容を覚えていれば、簡単なものなら作れるだろうとの事です。

って事で本題ですが、そもそもファビコンとは何なのかという話ですね。

何かよく解りませんがパソコンのブラウザでブログを開いた際に、タブの横に表示されるロゴみたいなものらしいです。

グーグルで言うと、この左の方にあるGマークみたいなやつがファビコンと呼ばれるものですね。

今回はこちらのロゴのような何かを作っていきたいと思います。

とりあえずロゴを作ろう

私の場合WordpressのCocoonというテーマを使ってますので、解像度は512×512pxのPNG画像で作ると良いらしいとの事。

問題はロゴのデザインなんですよね。

デザインなんてした事がないので、はっきり言ってどう作れば良いのか全く解らなかったりします。

と、いう事で完全な初心者がゼロからデザインするのは無謀なので、元からあるものを参考にして作る事になりました。

今回、参考にさせて頂くロゴは上記サイト様からお借りした神社の鳥居マークです。

一応、このブログの名前も『神音の社』ですし、多少は関連がある気がします。

形自体もそんなに複雑ではないから作れない事もないだろうという事で選んでみました。

正直、もうこの鳥居を使った方が早いんじゃないかと思いますが、それだとスキルアップを目的とする当ブログからしたら本末転倒ですからね。

やるだけやってみます。

って事で、クリスタの図形ツールを使って右半分だけそれっぽいものを描いてみました。

何故半分だけかというと、『こういう左右対称のデザインは基本的に反転コピーして作った方が工程数が約半分になるから』らしいです。

おお、なかなか頭の良い方法ですね。楽できるなら大歓迎です。

で、左半分を反転コピーして作って結合したのがこちらになります。

方法としては右半分のレイヤーをコピーして上部の『編集』から『変形』→『左右反転』を選んで左に移動させるとこんな感じになります。

しかし、いざ左右結合させてみると何かバランスがおかしいですね。

と、いう訳でちょっと修正してみました。個人的には、さっきのやつよりはマシになったような気がします。

ついでにちょっと装飾してみました。とりあえずは、これでデザイン的には完成という事にしておきましょう。

気に入らなければ後で幾らでも修正できますからね。

最後に自動選択ツールで赤く塗って――これで完成ですかね?

あとは実際にファビコンとして設定してみて、変だったら次の機会にでも修正するとしましょう。今日はもう疲れましたし。

ファビコンに設定してみる

はい。具体的な設定方法ですが下記のCocoonマニュアルを参考にしてやってみます。

割と簡単で2分くらいで設定が終わりました。

実際に表示されるファビコンは上記のような感じらしいです。

……思ったよりも良い感じで表示されて安心しました。

まあ、細部の作り込みが完全に潰れてますが。

初のまともなイラストロゴとしては上出来だと思っておきましょう。

今回の経費&記事作成時間

今回の記事作成時間&支出

記事作成時間:約4時間(イラスト作成含む)

今回は不慣れな作業続きで非常に手間がかかりました。

実は人知れず師匠にダメだしされて何度も描き直してますからねっ!!!

あ~、ひとまず無事に終えられて心からほっとしております。

では、恒例の累計出費&記事作成時間を発表して今回の記事は終わりにしましょう。

最後まで読んでくださった方はありがとうございました。

現在までの総制作時間&累計支出

総制作時間:約42時間 / 累計支出:17,080円

※フォーマット統一用のリライト作業済みの記事です。

トップへ戻る
タイトルとURLをコピーしました