ストライプバック
サイトの背景画像などで見るストライプの入ったテクスチャを作成します。
FireWorksで作成する場合はほとんどすることがないくらい簡単に作成可能です。
新規ドキュメントから任意の大きさを持つ矩形を設置します。
塗りつぶし色を「グラデーション」の「線形」にして#cc0000から#FF6633とします。
感覚としては濃い色から2、3トーン程薄めの色にグラデーションをかけると良い感じです。
あとはテクスチャに対角線1を選択すれば出来上がりです。
ちなみにテクスチャで設定できる線など模様の色設定は白になっています。
模様を他の色にしたい場合にはテクスチャすぐ下の「透明」にチェックを入れます。
そして、矩形レイヤの下に同じ大きさ、同じ場所に矩形を設置して、
塗りつぶし色を基本の任意色とします。するとライン等の部分が透明となって下の色が見えます。
後はキャンパスをフィットさせて背景画像として保存してあげればよいでしょう。
上記2つのサンプル画像は背景色が異なっているように見えますが、実際はストライプ部分に色が入っていることによる錯覚です。
塗りつぶしのグラデーション部分は同じですので、思い通りに色がならない場合には錯覚にも注意する必要があります。
ちなみにテクスチャで設定できる線など模様の色設定は白になっています。
模様を他の色にしたい場合にはテクスチャすぐ下の「透明」にチェックを入れます。
そして、矩形レイヤの下に同じ大きさ、同じ場所に矩形を設置して、
塗りつぶし色を基本の任意色とします。するとライン等の部分が透明となって下の色が見えます。
後はキャンパスをフィットさせて背景画像として保存してあげればよいでしょう。
上記2つのサンプル画像は背景色が異なっているように見えますが、実際はストライプ部分に色が入っていることによる錯覚です。塗りつぶしのグラデーション部分は同じですので、思い通りに色がならない場合には錯覚にも注意する必要があります。
2008年 11月 3日ドキュメント作成
2008年 11月 3日ドキュメント更新