2006年12月 8日
前回、必要なパーツを一通り洗い出したので、今度はそれを機能的に配置していきます。
Photoshopなんかでラフをいきなり作る人もいれば、初めは手書きで大まかに構成を練って、そのあとPhotoshopで作りこむ人もいます。
要は、人それぞれ。
今回はブログのラフなので、いきなりPhotoshopでラフを作ることにしました!
「ラフを作る」といってますが、実際は「パーツを作る」ようなものです。
実際にブラウザで見えるとどうなるっていうのをPhotoshop上で作り上げていきます。
今回はパーツの部分で「アクアボタン」というのに挑戦しようと思いました。
これ自体はかなり月並みなんですが・・・
というわけで、さっそくググってみると、こんなサイトを見つけました。
参考)
allef.com - アクア(AQUA)風ボタンの作り方
いろんなパーツの作り方が載ってます。
懇切丁寧に教えてくれたので、早速チャレンジ!
ウチのブログの場合、ボタンは無いので各メニューのタイトルに使うことにしました。
なので、ボタンっぽくしないように途中の工程で省いてるところはありますが、ほとんど参考にさせていただきました!感謝。
そんなこんなで、完成です!
あとは、これを元にコーディングして、それをブログに埋め込むだけ・・・
って、まだちょっと時間掛かりますねー^^;
気長に頑張りましょう!
次回は、「ラフを元にコーディングする」です。
この記事へのトラックバック用アドレス: http://www.buzz727.jp/blog/mt-tb.cgi/5
| 日 | 月 | 火 | 水 | 木 | 金 | 土 |
|---|---|---|---|---|---|---|
| 1 | 2 | 3 | 4 | |||
| 5 | 6 | 7 | 8 | 9 | 10 | 11 |
| 12 | 13 | 14 | 15 | 16 | 17 | 18 |
| 19 | 20 | 21 | 22 | 23 | 24 | 25 |
| 26 | 27 | 28 | 29 | 30 | 31 |