最近よくWEBで見かけるストライプ模様の背景画像について

質問

最近よくWEB上でストライプ模様の背景画像を見かけるのですが、自分ではどうやって作ったらいいかわからず質問させていただきました。
具体的なサイトはこういうサイトです。
http://lolipop.jp/　ロリポップ　ロリポおじさんの背景のようなストライプ
http://psobb.jp/　PSO　左側の水色のグラデーションになっているところのストライプ

この細かいストライプ模様はブラシを使っているのでしょうか？
自分はPHOTOSHOP6を使っていて使えないブラシも結構あります。
よろしく回答お願いいたします。

回答No.2

noname#237411 · ベストアンサー

Photoshopでの回答でなくてすみませんが、Fireworksなら塗りのテクスチャに
「対角線」というのがあって簡単に出来ます。
色味は塗りをグラデにしていろだけだと思います。
もっていたら試してみて下さい。

お礼

fireworksMXを持っていたのですが今まであまり触らないでいたのですが、対角線のテクスチャを見つけられました。やってみたところとてもきれいにストライプ模様を作ることができて感激しています。ありがとうございました。
遅くなってしまって申し訳ありません。

回答No.1

codezenith

私がよく使う方法を解説します。

IEでは背景を右クリック「名前をつけて背景を保存」で保存後フォトショップなどで拡大して下さい。

PSOの背景の場合、縦グラデーションの斜めのストライプは1pxのドットです。

CSSを参考にしたい場合はIEのメニューバーから「ファイル」-「名前をつけて保存」を選択すればCSSファイルやJSファイルまでローカルに保存しますのでソースを見れば納得できるでしょう。

ちなみに以下かPSOのCSSです。

#wrapper {
PADDING-RIGHT: 0px; PADDING-LEFT: 0px; BACKGROUND: url(../image/common/wrapper.gif) repeat-x left top; PADDING-BOTTOM: 0px; MARGIN: 0px; OVERFLOW: hidden; WIDTH: 100%; PADDING-TOP: 0px; HEIGHT: auto; TEXT-ALIGN: left
}

お礼

あ、ホントですね！
PSOの背景はななめストライプだと思っていましたが、細かいドットなのですね。
このストライプ部分は手描きでやっているのでしょうか・・・？だとしたらすごいです！