画像の変換と配置
ここではフルカラーで保存されたpngファイルをpng8 gifもしくはjpgなどに変換する方法を、PhotoShop cs2を使って説明しています。
配置させたい画像は上、フルカラー透過の（obi.png）
背景壁紙は下の（haikei.jpg）とします。
PhotoShopでhaikei.jpgを開き、スポイトツールで色をサンプリングします。
描画色をクリックするとカラーピッカーが表示されますので、そこで色番をメモしておいてください。
コピー＆ペーストでは入らない可能性があります。
この色は bfd2ea でした。
obi.pngに戻ります。
ファイルメニューからweb用に変換を選択
下の画面が表れますので、変換するファイルを選択（png8を選んでいます）
これは上の絵の部分を見やすいように拡大したものです。
透明部分にチェックを入れます。
カラーは256色が最大です。小さくするほどファイルサイズを押さえることが出来ますが、画像は劣化します。お好みで選択してください。
ここからがポイントですが、マットをクリックしてカラーピッカーを表示させ、先ほどメモした色を#のついた窓に入力します。
するとプレビューの帯の周囲に選択した色が出ているのがわかると思います。
これを保存します。
web上で配置した状態です。
帯はドロップシャドウがかかっていますが、背景と同じ色で周りを囲われているために、継ぎ目などわからなくなっています。
帯はドロップシャドウがかかっていますが、背景と同じ色で周りを囲われているために、継ぎ目などわからなくなっています。
ここではpng8を使いましたが、gifでも同様ですし、jpgでしたらobi.pngの背景色をbfd2eaで塗りつぶして保存してください。