ホームページの作成について

質問

お世話になります。
以下のサイトを参考にホームページを作ろうと考えています。
http://apnp.jp/shop/ts/
まず家具などの部品をフォトショップで作りfireworksに貼付けようとするのですが例えばテーブルなどテーブルそのものだけ切り取ることが出来ず四角く背景も一緒に切り取られたまま貼付けられてしまいます。やり方が間違っているのでしょうか。
一番スムーズに出来るフォトショップ、イラレ、ピング間のコピー＆ペースト方を教えて下さい！

またフォトショで部品を作る際プリセットの設定はピクセルで設定しないとスムーズにいかないと聞いたことがあります。そのわけもご存知でしたら併せて教えて頂きたいです。
どうぞ宜しくお願い致します。

回答No.1

harawo

画像の表現方法、あるいは画像データの保存方法には、ふたつあります。
ひとつは、画像を色の点（画素、ピクセル）の集まりとするもの。「ビットマップ」と呼びます。
もうひとつは、数学的な式で曲線や直線を表し、画像を図形の集合としてとらえるものです。これは「ドローデータ」と呼びます。
ビットマップのグラフィックを扱い、編集する代表的なソフトウェアが、PhotoShopで、ドローのグラフィックを扱い、編集する代表的なソフトウェアが、Illustratorです。
ビットマップの基本構成要素である、画素（ピクセル）は、ひとつひとつ色の情報を持っています。YMCK（黄色、マゼンタ、シアン、墨）で色情報を構成する方法もありますが、今回はホームページ作成の話題なので、RGB（赤、緑、青）の方式について説明します。
PhotoShopは、赤緑青それぞれのいろについて、256階調の濃淡で表現します。256は二進数で8桁つまり8ビットなので、1ピクセルは24ビットのデータサイズで保存されます。
PhotoShopで画像の合成をするとき、背景を切り抜いたり、背景の画像が透けて見えるような合成をするために、アルファチャンネルを使います。アルファチャンネルは、赤緑青の色と同じく、濃淡の情報を持ち、最大に濃い値だと、完全に透けて見え、最小に淡い値だと、完全に透けなくなります。PhotoShopは、ピクセルに対して8ビットのアルファチャンネルの情報を持つので、1ピクセルについて、32ビットの情報を持つことになります。
さて、ここで初めて、「まず家具などの部品をフォトショップで作りfireworksに貼付けようとするのですが例えばテーブルなどテーブルそのものだけ切り取ることが出来ず四角く背景も一緒に切り取られたまま貼付けられてしまいます。」の質問に答えることができるようになりました。つまり、PhotoShopで画像をコピーしたとき、アルファチャンネル情報が含まれなかった、あるいは、ペーストするとき、ペーストされる側のソフトウェアが、アルファチャンネルの情報を取得できなかった、そういうことが起きたとき、おっしゃるような現象が起きます。
コピー、ペーストでアルファチャンネルの情報が受け渡しされないのは、むしろふつうのことと理解してください。
むしろ、ドラッグ＆ドロップで、アルファチャンネルの情報が受け渡されることのほうが多いようです。PhotoShop内の、ウィンドウ間のドラッグ＆ドロップだと、背景は、ちゃんと透明になって受け渡されます。
PhotoShopとFireworksの間で、ドラッグ＆ドロップできるかどうかは、わかりません。たぶんできるんじゃないかと思います。やってみてください。
PhotoShopは、画像をピクセルという構成要素で編集しているので、ミリやセンチという単位は、紙に印刷するときくらいにしか取り扱いません。「またフォトショで部品を作る際プリセットの設定はピクセルで設定しないとスムーズにいかないと聞いたことがあります。」の質問ですが、「フォトショで部品を作る際」にだけピクセルを使わないといけないのではなく、つねにどういう作業をするときにも、ピクセルを単位として作業しているのだと、理解してください。
Illustratorは、図形の大きさや、位置の情報を、ミリやセンチの単位で管理しているので、PhoShopで作成したビットマップ画像を、Illustratorに貼り付けるとき、ピクセルとミリ・センチの換算をしなければいけません。換算の基準値をわたしたちは「解像度」と呼んでいます。解像度300dpiは、1インチを300ピクセルに換算するという意味です。

補足

harawoさん、ご丁寧にどうもありがとうございます。
原理は理解致しました！
ですがフォトショ→FW、フォトショ→イラレ共にドラッグ＆ドッロップしてみましたがやはり同じ結果で白い背景がくっついて来てしまいました。
そして質問を出してから回答を待っている間に、今度はphotoshopで作った部品をflash8にコピ＆ペーストを試してみましたが今度は画像自体がつぶれてしまいました。そこでさらに質問になってしまうのですが…（頼りきりで申し訳ありません。）
flash8でhttp://apnp.jp/shop/ts/のようなサイトを作る場合最初から部品自体全てflash8で作るのが分かりやすいのでしょうが、家具の陰や微妙な陰影を出すためにはフォトショで作るべきだと思いやってきましたが、この場合このようなサイトを作るのに一番良い方法はどんなやり方だと思われますか？
ご意見お聞かせください！！
原理もしっかり理解せず作っているために今の状態があるのだと思いますがあまり時間がない状態で作っているもので…
ご面倒をおかけします。
どうぞ宜しくお願い致します。