photoshopでの背景を透明にしたい

質問

dreamweaver を使ってHPを作成しようとしているんですが、
イラストをHPに載せるときに、白い部分を透明にする方法を知りたいのです。
どなたか、教えてください。

回答No.3

starflora

dreamweaver とは何かが分からないのですが、ホームページ作成ソフトのように思えます。
　　そうとすると、すでに画像ファイルになっているものを、html, css, javascript, etc.　を使って、その背景の白い部分を透明にする方法というのは、わたしは知りません（簡単な方法では不可能なような気がします。レイヤーを使い、javaでプログラムを組むと出きるのか知れませんが、分かりません）。

　　photoshop を持っておられるのなら、画像ファイルを photoshop で加工し、透過画像ファイルにすればできると思います。photoshop の場合は、ＧＩＦ透過ファイルということになります。

　　元の画像ファイルの形式がＧＩＦなどのインデックス・カラーを使ったものの場合、まず、フルカラー（ＲＧＢモード）にモード変換します。ＪＰＥＧのようなフルカラーなら、そのまま次のステップに進めます。
　　画像ファイルそのままだと、透明レイヤーの上に乗った画像ではないので、「背景」という名前になっているはずの画像ファイルを、「複写」機能で、同じ画像文書内に複写します。すると、元の画像（背景）の上に、同じ画像ですが、「コピー１」という名の透明レイヤーの上に乗った画像レイヤーができるはずです。
　　以上の手順の後、「コピー１」のレイヤーについて、もしイラストの絵の部分に白がない場合は、「色域指定」で白を指定して「領域指定」すると、背景の白の部分が領域指定されます。これを、「消去」機能で消去します。すると、レイヤーの「コピー１」は、白の部分が透明になります。
　　この後、一番下の「背景」という元の画像レイヤーについて、「非表示」にします。これは、レイヤー情報の窓のなかで、該当背景レイヤーを選ぶと、表示・非表示の選択ボタンがありますから、これによって非表示にします。
　　こうして造った photoshop 文書を、「画像出力」で出力すると、自動的に、CompuservrGIF形式で出力されるはずです。この時、消去した白の部分が透明な透過ＧＩＦ画像ファイルができます。

　　なお、イラストのなかに白の部分がある場合、上の単純な色域指定だと、イラストのなかの白も透明になってしまいます。これを防ぐには、領域指定した後、領域の調整機能を使って、透明になっては困る領域を、領域指定から外した後、「消去」を行います。

　　なお、phhotoshop の使い方が分からない場合は、説明はたいへん困難です。このソフトの使用法は、試行錯誤の「慣れ」で習得するしかありません。マニュアルを読んでも、実際にソフトを繰り返し使ってみて、慣れて行くしか方法がありません。

お礼

初心者のこんな質問に丁寧に答えていただいて、とても感謝してます。
photoshop はまだ全然使いこなせてないので、
また皆さんに教えを乞わせていただくかもしれませんが、
そのときはよろしくおねがいします。

回答No.2

noname#21343

こんにちは。
とりあえず、PhotoShop６でgif画像の背景を透明にする方法です。

１）背景が透明な状態（画面上で言うと、白とグレーの格子模様）で画像を書きます。
２）「ファイル」→「Ｗｅｂ用に保存」と進み、表示されたダイアログでファイル形式を「ＧＩＦ」を選択。
３）「透明部分」にチェックを入れる。

――でＯＫだと思います。

お礼

持ってるのは古いphotoshopですが、やってみます。
ありがとうございます。

回答No.1

kaw1234

まず、この画像はGIFですか？

GIFでしたら、新しいレイヤーをつくり（←透明の）現在の画像のレイヤーを新しく作ったレイヤーの上にもってきます。

上にもってこれないのでしたら、背景になっているはずですのでレイヤーを複製したらいいです。

そして、白いところだけを選んで切り取り！でOKです

お礼

回答ありがとうございます。試してみます。