ホームページの両端の影の作り方

ホームページの両端に影を付けたいと思っています。
下の画像のようなものですが、メインコンテンツが黒で両端が薄茶になっています。これは右端の部分です。

これをスタイルシートで「background-repeat: repeat-y;」で縦に繰り返せばうまく表示されます。
ところで、この影をどのようにして作成したらよいのかわかりません。
影を作る方法を教えてください。

それと、ホームページの両端につける影以外の効果でお薦めのものがあればその方法も教えてください。
基本的にはGIMPかJTrimで作成できればいいと思っています。
よろしくお願いします。

No.1 ベストアンサー 回答者： adb1990 回答日時： 2011/02/02 21:41

いろいろ方法はあると思いますが、

シャドウなどの機能を使うか、グラデーションで作るのが一般的かなと思います。
GIMPやJTrimでそういったことが可能かはわかりませんが…（「GIMP　グラデーション」などで検索したらそれらしき解説がありそうでしたので、たぶんできると思います。。）

質問文に添付されたような画像が左右共にあるのなら（黒い部分も含めてコンテンツの横幅と同じ幅の画像であれば）、そのまま背景画像として使えば良いと思いますが、右端部分しかないのでしょうか？

両端につける効果は影ぐらいしか思い浮かびませんが、body部分全体にグラデーションやテクスチャなどの背景を使うのも良いと思います。
素材サイトなどから気に入った背景画像を探すとかでも良いですし。（フリーで提供しているサイトもあります。）

この回答へのお礼

添付画像が左右共にあります。
つまり、両サイドに影を付けたいと思っています。
コンテンツの横幅と同じにして、その部分を異なる画像にすると背景画像としても使えますね。（白だと両サイドの影だけとして使えますね）

お礼日時：2011/02/03 21:36

No.2 回答者： torayoshi 回答日時： 2011/02/02 22:57

GIMPでグラデーションの影を作るなら「ブレンド」です。

この回答へのお礼

ブレンドならうまく作れそうですね。
影の濃さを調整しながらトライしてみます。

お礼日時：2011/02/03 21:40