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

ガラス玉ライン

ガラス玉ライン : 1日目

今回は icon-poon で公開している、ガラス玉シリーズのラインを作ってみようと思います。

ラインなのであらゆる横幅を想定して、シームレスでいくらでも繋ぎ合わせられるようにします。

というか、ガラス玉。玉?玉なのにラインて意味わかんね。
というご意見もおありでしょうが、今回は見逃してください。

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

日時: 2007年04月02日 07:25

ガラス玉ライン : 2日目

glass_l_1.gif

ラインのたての幅は 8px。よこの幅はとりあえず、30pxにしておきます。

下地となるカラー #FF0000 で塗りつぶし、完成予想図を頭の中で思い浮かべます。

ぼんやりと思い浮かんだので今日はこの辺で。

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

日時: 2007年04月03日 22:48

ガラス玉ライン : 3日目

glass_l_2.gif

ガラスの透けた質感を出すために下地の色と光が透けて底面に反射した明るい色の2トーンにします。

いつもは素材を作る前にモチーフとなる物をよく観察して作っていくのですが、今回はイメージだけで作っています。

イメージだけで作っていくとなんとなく説得力の無いものができ易いのですが、 「それっぽく見えりゃ良いんだよ!」 と浪人時代、テキトー主義の講師に怒鳴られたことがあるので、そのありがたい教えに従い、それっぽく見えりゃ良いと、特にモチーフとなるものは用意しませんでした。

浪人時代のイヤな思い出が甦ってきたので、眠ることにします。

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

日時: 2007年04月04日 23:59

ガラス玉ライン : 4日目

glass_l_3.gif

さぁ、イヤな思い出は忘れて今日も頑張ろう。

上部にハイライト、下部にできるであろう (イメージで作っているので) やや明るい部分を描き込みます。

この段階で画面を等倍、拡大を繰り返して、おかしな所はないか、それっぽく見えているかを確認しています。

こんな感じで良いかな。
これで大体完成です。

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

日時: 2007年04月05日 23:37

ガラス玉ライン : 5日目

glass_l_4.gif

最後に左右両端の丸い部分を作成して完成です。

それっぽく見える気がするので、テキトー講師は間違ってはいなかったのかな。

こちらの素材は ガラス玉ライン で配布しています。

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

日時: 2007年04月06日 23:53