ホワイトのテキストを書き込んであげるとしっくりきそう

段差のついてる帯

ページ上部に似合いそうな、ちょっと段差のついた帯です。
段差を表現するために、ドロップシャドウをかけ、
下の長方形には、ちょっと暗めのカラーを、上の長方形には、それより明るめのカラーを設定してます。
矩計ツールで2つの長方形をつくる
2つの長方形をつくります。
1つは、高さを大きめに、2つ目は、高さを低めに設定。
それから、高さが低い長方形を、上端にあわせます。
ドロップシャドウをかける
高さが低い長方形に、ドロップシャドウをかけて、
段差を表現します。
範囲を小さく、ちょっとうすめに設定すると、自然な感じが出ます。


この帯も、背景として使えば、
テキストを上にかけるので、使いやすいと思いますよ。
管理人ビクトリーのホームページ制作サービス!

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

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