ヘッダーやメニューなどのちょっとした飾りを作るのも、もちろんFireworksです。
ここでは、Fireworksにあるテクスチャが既存のものでは満足いかない!という兵(つわもの)のために、5分で出来ちゃうオリジナルテクスチャの作り方を紹介します。
タイトルバーやヘッダもこれからはワンランクアップ!(なんか古い通販番組みたいな文だなぁ・・・)
(1)準備
まずはFireworksの用意です。基本的にどのバージョンでも作り方は一緒ですが、出来上がったテクスチャ画像を入れるフォルダは違うかもしれません。 ⇒参考HP(しかしこれでは説明不足の参考HPだ!)(2)繰り返し表示を考えて
テクスチャ作りの基本は、「WEB素材の壁紙」です。繰り返し表示された場合に、正しく繰り返しが行われているかがポイントです。下記の画像は繰り返されても同じ水玉が表示されるように、水玉が配置されています。| 一枚画像 | ||
|---|---|---|
| テーブルのbackground上記の画像を張ったもの |
(3)色
テクスチャ用の画像はモノクロで作ります。黒の部分が、テクスチャを適用するときのパーセンテージの値によって、濃くなったり薄くなったりする箇所になります。 白の部分はパーセントを調整しても変化のない色のところです。もちろん、黒の部分をグレーにすればテクスチャが若干変化します。基本、白黒だけでの画像がお勧めです。
| テクスチャ調整パレット | ![]() |
|---|---|
| 100%適用 | ![]() |
| 50%適用 | ![]() |
(4)保存
作成した画像を「PNG8」で保存します。保存する場所は、OSやバージョンなどにもよるのですが、[Fireworks]-[Configuration]-[Textures]という階層構造になっているので、「Textures」以下に保存します。(5)使い方
(4)で保存後、Fireworksを一旦終了させ、再度起動させると、既存のテクスチャを選択するタブに自動的に追加され、選択できるようになります。




