【Fireworks】Favicon を回してみる。 | バシャログ。
ドット絵職人たちが腕を競い合い、鎬を削る Favicon。今回は Favicon を回してみます。 まずは、普通の favicon.ico を作成します。 Favicon のサイズはドット絵職人が燃える 16×16 です。 Created by TOYAMA Fireworks で gif を作って ＠icon変換 で ico ファイルに変換するのが手軽なので好きです。 次に Fireworks で favicon.gif を作成します。アニメーション gif です。 作成した favicon.ico と favicon.gif を両方ともサイトのドキュメントルートにアップロード。 そして、下記のコードを html の head の中に記述します。 <link rel="shortcut icon" href="/favicon.ico" /> <link rel="icon" type=
【Fireworks】5分で懐かしい液晶画面風の画像を作る方法 | バシャログ。
今や懐かしい液晶画面風の画像を素早く作成する TIPS です。 使用するソフトは Fireworks8 です。 STEP1 まず適当な大きさの矩形に、塗り（#919E91）とフィルタ（シャドウ 内側）を設定します。 パネルに適度なノイズ感を出すため、塗りに薄くテクスチャ（水平線2）を設定します。 STEP2 同じ大きさの矩形を重ね、塗りを無くしてストローク（太さ 4px）を設定することで枠にします。 ストロークにもフィルタが有効ですので、ここではベベル（内側）をかけています。 STEP3 適当に文字を書きます。文字色は真っ黒だと不自然なので #333333 です。 テキストのアンチエイリアスをオフにするのがポイントです。 STEP4 そのままだと味気ないので、いかにもなパーツを配置したり一部の文字を白抜きにしたりします。 白抜きにする文字の色は背景色と同様に #919E91 です。 STE
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
