ファビコンはまず、イラストレータで適当に絵を作って・・・と書いてると

「いや、イラストレータがねーし」
「てか、絵のセンスねーし」

という意見が多かったので、エクセルで簡単にファビコンに使える元絵の作り方を紹介します。

ファビコンは小さいので、かっこいい絵じゃないほうが、かっこいいものになったりします。意味わかんないかもしれませんが、やってみると共感していただけると思います。とりあえずやってみましょう。

エクセルでfavicon用の元絵を作成

絵を書く前のエクセルの下準備

 

●エクセルの左上をクリックして、全選択します。
faviconsの元絵作り-1

 

●まずA,B,Cなどの列番号の上で右クリックして列の幅を選択します。
faviconsの元絵作り-2

 

●列の幅を11.88にします。
faviconsの元絵作り-3

 

●今度は1,2,3などの行番号の上で右クリックして行の高さを選択します。
faviconsの元絵作り-4

 

●行の高さを75にします。
faviconsの元絵作り-5

 

●セル1つが100×100ピクセルの正方形になります。
faviconsの元絵作り-6

エクセルで絵を描く

●適当に色を塗っていきます。
faviconsの元絵作り-7

 

●適当でも単色でも、それなりに良い感じになります。
(ちょっとカワトクみたいですけど・・・ってだれもわからんか)

faviconsの元絵作り-8

 

●2×2マスとか3×3マスなど、正方形で選択します。
faviconsの元絵作り-9

ファビコンを作るときに必要な、元絵のサイズは最低260×260なので、3×3マス。つまり、300×300あれば十便なのです。

ペイントでPNGファイルに変換

●スタートの全てのプラグラムからアクセサリのペイントを立ち上げます。
faviconsの元絵作り-10

 

●貼り付けを押して、絵を貼り付けます。
faviconsの元絵作り-11

 

●白い背景の右下をつかんで、絵にあわせます。
faviconsの元絵作り-12

 

●びったしあわせなくても大丈夫です、わかんないですから。
faviconsの元絵作り-13

 

●名前をつけて保存のPNG画像で書き出します。
faviconsの元絵作り-14

 

こんな適当な感じでもそこそこのfavicon画像が出来上がります。
そこそこかどうかは、意見の分かれるところでしょうか・・・

いや、オリジナリティーが出ればそれでいいはず!

favicongeneratorでfaviconを作ってみると、こんな感じ
faviconsの元絵作り-15

 

他にも、文字のフォントを変えるだけでもかっこよく仕上がります。

文字で元絵を作成

 

●Rって書いて適当にフォントを選んで。
faviconsの元絵作り-16

 

●2×2マス以上を結合して、合うように文字を大きくします。
faviconsの元絵作り-18

 

●先ほどと同様にペイントでPNG画像にします。
faviconsの元絵作り-17

またfavicongeneratorでfaviconを作ってみると、こんな感じ
faviconsの元絵作り-19

凝り始めると永遠に時間が過ぎてしまうので、ほどほどにしておきましょう。

ファビコン(favicon)の必要サイズと作り方はこちら
>>ファビコン(favicon)の必要なサイズと作り方