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

レザーボタン

レザーボタン : 1日目

数日前、革の財布を貰い、暇があれば鼻に押し当て、スーハースーハー香りを楽しんでいる変態が革をモチーフにしたボタンを作ってみます。

イメージ的にはブランド財布にありがちな牛なめし革な感じです。

今回はボタンなのでHOMEやDIARYなどのテキストを入れます。

そこでせっかく革をモチーフにしたのだから、テキストをそのままにするのはもったいない(?)ので、テキストには刻印風の装飾を付けてみようと思います。

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

日時: 2007年03月26日 07:31

レザーボタン : 2日目

leather_1.gif

今回は装飾した文字の可読性を確保するために少し大きめの たて 40px、よこ 100pxのサイズです。

まずは今回のモチーフに革を選ばせるきっかけになった いただきものの革財布 をじっくり観察しつつ、鼻に押し当て香りを楽しみます。

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

日時: 2007年03月27日 22:33

レザーボタン : 3日目

leather_2.gif

前回作った下地に溝?しわ?を描いてみます。
サイズがなかなかの大きさなので、ファイルサイズを抑えるために色数を少なめに 明、中、暗 3段階くらいで。

今回のボタンはシームレスにして繋げられるようにしようと突然、閃いたので、両端に注意して、よこに並べた場合に繋ぎ目が不自然にならないように溝を描きます。

こんな感じです。

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

日時: 2007年03月28日 23:34

レザーボタン : 4日目

leather_3.gif

このままでは少し寂しいので、上下に革の切断面、糸を付け加えます。

ここでもシームレスだという事を意識して繋ぎ目に注意します。

今日はここまで。
財布の匂いを嗅いで眠ります。

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

日時: 2007年03月29日 23:37

レザーボタン : 5日目

leather_4.gif

最終日、テキストを描き入れます。

刻印風にするためにくぼんだ感じを表現します。
まず、少し暗い色でテキストを描きます。

光源を左上に取る事にしたので、光を受ける下辺、右辺を明るい色でふち取ります。ふちの角にもう一段階明るい色を入れて刻印風テキスト終了。

なんとなく くぼんだ感じに見えるでしょうか?

これで レザーアイコン の完成です!

こちらの素材は レザーアイコン で配布しています。

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

日時: 2007年03月30日 23:39