ピンキー・ローン・ピッグ

テンプレ制作日記：実録編　第４回「新テンプレ"そら（仮称）"」 その４

やっとこさ、HTML & CSSのパートが終了。
http://03g.blog.shinobi.jp/Preview/V/35/



いやぁ、地獄ですた、ほんと。
前回作った「Grunge」も鬼のように難しかったけれども、こいつの比じゃないです（´；ω；｀）

CSSの部分でいくつかハマりまくったのですが、一番の難関だったのが、記事が載っかる部分の「上部だけ」を透明にすることですた。

[続きはこちら]

テンプレ制作日記：実録編　第３回「新テンプレ"そら（仮称）"」 その３

さて、前回でPhotoshopでのだいたいの作業を終え、あとは画像を切り取って実際にHTML & CSSに起こす作業に入ろうと思っていたのですが、その前にちょっとだけ問題発生。

問題というほどのことでもないのだけれども、ええっと、いまは雲と空の背景画像がどかーんと大きくありますが、これは横幅1200pxで作ってるんです。



てことは、1200px以上の解像度の方へは、このままだと背景画像が途中で途切れてしまうんですわいのう･･･

うーむ、まったく考えて無かった･･･
どうしよう。背景画像の右側に雲を追加して、HTMLの背景色を白にして雲が続いてるように見せるのが無難でしょうか。
こんな感じ？



なんだか逃げの一手っぽいけど、むう、コレで行きますかッ。
前の1200px版と比べてみるとこんな感じ。

[続きはこちら]

テンプレ制作日記：実録編　第２回「新テンプレ"そら（仮称）"」 その２

さて、前回はここまで作成させました。



こいつに記事のタイトルと、記事の本文をPhotoshopでもって書き込んで、どんな感じになるのかを見てみると、

[続きはこちら]

テンプレ制作日記：実録編　第１回「新テンプレ"そら（仮称）"」その１

私の場合、ひとつのテンプレを作り上げるまでどのくらい時間がかかるかというと、だいたい7時間から10時間前後でございまする。
その7～10時間の間の作業の内訳なのですが、こんな感じ。



スケールはメチャクチャなんで、突っ込まないでください(´；ω；`)


で、この「テンプレ作成日記：実録編」では、立案からPhotoshopまでを完全ドキュメンタリー形式で追っていこうかと。
いやね、HTML & CSSはあまり見てても面白くないと思うのね、おじさん。
とりあえず初っぱなは、Photoshopまでを見せていこうかなぁ、といまのところ考えておりまする。

で。でだ。
どうせやるなら、あまりあだすが得意じゃない分野のデザインで、テンプレを作ってみようかと。
ってことで、まずは立案。テンプレのテーマを決めます。

[続きはこちら]

Powered by NINJA TOOLS