ちょっとブラウザの枠っぽいかも

真ん中がくぼんだような帯

落ち着いた感じの帯です。
この帯を背景にすれば、上にテキストも入力できますので、けっこう便利だと思います。
テキストカラーは、ホワイトがいいかな。
長方形をつくる
矩計ツールつかって、適当な大きさの長方形をつくります。
上下にラインを配置
ちょっとわかりにくいけど、長方形の、上にホワイトのラインを配置して、下にブラックのラインを配置します。
両方とも、アルファを70%ぐらいに設定しときます。
線形グラデーションで、くぼませる
線形グラデーションを、縦にかけてあげます。
そうしたら完成です。
端のちょっとはみ出してるところは、上からホワイトなどの図形をのせて見えなくすることもできます。
線形グラデーションの例
線形グラデーションはこんな感じです。
左右に同じカラーを。真ん中に、それよりちょっと暗いカラーを設定します。


これは、真ん中を暗くして、へこんでるように、見せてますが、
明るくすれば、盛り上がったように見えるので、
ケースバイケースで、つくってください。
管理人ビクトリーのホームページ制作サービス!

企業サイトからネットショップ、店舗紹介サイトや個人サイトまで、幅広くホームページ作りのお手伝いをさせていただいてます。
ちょっぴり個性的なホームページやイラストで、お客様の活動をアピールしませんか?。 お問い合わせなどはお気軽にどうぞ。

WEBデザイン アイデアロゴデザイン アイデア写真加工のアイデアカラーテクニック講座WEBデザイン コラム
Webデザイン通信講座アフィリエイトでサイト運営WEBデザイン ブックスHP作成ソフトグラフィックソフト
WEBデザイン関連のリンクわたくし的なレンタルサーバーの選び方ホームページ制作ランキング