プーンブログはホームページ素材の作成過程を日々綴ったブログです。

かなりサボってましたが、再開です。
よく見たら一ヶ月間停止。
立派な放置サイトの仲間入りを果たしていました。

さて、今回はアイコンプーン開店当初から配布していた 「スイッチボタン」 の作り直しをします。
以前の雰囲気を残しながら、もぅちょっとかっこよくできたらなっと思っています。

アイコンプーン ホームページ素材作成日記 : 31回目

2日目です。

2日目にして、心が折れそうな雰囲気です。
でもブログでこれを作る！と書いてしまうと、こんな人が見ないようなブログでも、誰か見てるかも知れないから作らなきゃと思ってしまいますよね。
なので作ります。

今回のサイズは たて30px、よこ 80pxです。
スイッチっぽくポインタを乗せると凹む感じにします。

とか偉そうなこと言ってますが、完成イメージすらできてません。

アイコンプーン ホームページ素材作成日記 : 32回目

3日目です。

前回の下地に少し立体感を出してみました。
そして旧スイッチボタンと比べて光の当たる部分をより強調して、メリハリを付けました。

旧スイッチボタンはよこに繋げることしか考えてなかったので、今回はたてに繋げてもおかしくないようにしてみました。

アイコンプーン ホームページ素材作成日記 : 33回目

4日目です。

今日はポインタを乗せたときに入れかわるボタンを作りました。
ポインタを乗せたときに凹むように、中心部分を1px下へずらしました。

いまいちなできですが、こんな感じです。

アイコンプーン ホームページ素材作成日記 : 34回目

最終日です。

テキストを入れ、両端を作って完成です。

はじめはどうなるかと思いましたが、まぁ納得いく感じにはなりました。
最近ちょっとダラけ気味なので、来週からは気合入れて作ろうと思いました。

こちらの素材は スイッチボタン で配布しています。

アイコンプーン ホームページ素材作成日記 : 35回目