- 締切済み
photoshopでの背景を透明にしたい
dreamweaver を使ってHPを作成しようとしているんですが、 イラストをHPに載せるときに、白い部分を透明にする方法を知りたいのです。 どなたか、教えてください。
- shiho38
- お礼率66% (4/6)
- その他(ソフトウェア)
- 回答数3
- ありがとう数3
- みんなの回答 (3)
- 専門家の回答
みんなの回答
- starflora
- ベストアンサー率61% (647/1050)
dreamweaver とは何かが分からないのですが、ホームページ作成ソフトのように思えます。 そうとすると、すでに画像ファイルになっているものを、html, css, javascript, etc. を使って、その背景の白い部分を透明にする方法というのは、わたしは知りません(簡単な方法では不可能なような気がします。レイヤーを使い、javaでプログラムを組むと出きるのか知れませんが、分かりません)。 photoshop を持っておられるのなら、画像ファイルを photoshop で加工し、透過画像ファイルにすればできると思います。photoshop の場合は、GIF透過ファイルということになります。 元の画像ファイルの形式がGIFなどのインデックス・カラーを使ったものの場合、まず、フルカラー(RGBモード)にモード変換します。JPEGのようなフルカラーなら、そのまま次のステップに進めます。 画像ファイルそのままだと、透明レイヤーの上に乗った画像ではないので、「背景」という名前になっているはずの画像ファイルを、「複写」機能で、同じ画像文書内に複写します。すると、元の画像(背景)の上に、同じ画像ですが、「コピー1」という名の透明レイヤーの上に乗った画像レイヤーができるはずです。 以上の手順の後、「コピー1」のレイヤーについて、もしイラストの絵の部分に白がない場合は、「色域指定」で白を指定して「領域指定」すると、背景の白の部分が領域指定されます。これを、「消去」機能で消去します。すると、レイヤーの「コピー1」は、白の部分が透明になります。 この後、一番下の「背景」という元の画像レイヤーについて、「非表示」にします。これは、レイヤー情報の窓のなかで、該当背景レイヤーを選ぶと、表示・非表示の選択ボタンがありますから、これによって非表示にします。 こうして造った photoshop 文書を、「画像出力」で出力すると、自動的に、CompuservrGIF形式で出力されるはずです。この時、消去した白の部分が透明な透過GIF画像ファイルができます。 なお、イラストのなかに白の部分がある場合、上の単純な色域指定だと、イラストのなかの白も透明になってしまいます。これを防ぐには、領域指定した後、領域の調整機能を使って、透明になっては困る領域を、領域指定から外した後、「消去」を行います。 なお、phhotoshop の使い方が分からない場合は、説明はたいへん困難です。このソフトの使用法は、試行錯誤の「慣れ」で習得するしかありません。マニュアルを読んでも、実際にソフトを繰り返し使ってみて、慣れて行くしか方法がありません。
こんにちは。 とりあえず、PhotoShop6でgif画像の背景を透明にする方法です。 1)背景が透明な状態(画面上で言うと、白とグレーの格子模様)で画像を書きます。 2)「ファイル」→「Web用に保存」と進み、表示されたダイアログでファイル形式を「GIF」を選択。 3)「透明部分」にチェックを入れる。 ――でOKだと思います。
お礼
持ってるのは古いphotoshopですが、やってみます。 ありがとうございます。
- kaw1234
- ベストアンサー率0% (0/0)
まず、この画像はGIFですか? GIFでしたら、新しいレイヤーをつくり(←透明の)現在の画像のレイヤーを新しく作ったレイヤーの上にもってきます。 上にもってこれないのでしたら、背景になっているはずですのでレイヤーを複製したらいいです。 そして、白いところだけを選んで切り取り!でOKです
お礼
回答ありがとうございます。試してみます。
関連するQ&A
- photoshopの背景レイヤーについて
photoshop初心者ではじめて紙ベースのイラストを加工しようと作業中です。 イラストを取り込んだところ背景レイヤーがなく、写真などは開くと勝手に背景レイヤーが作られますが画像の場合はありません。 新規にレイヤーを作成して背景レイヤーを作成しましたが、なぜイラストの場合だけないのだろうと疑問に思い投稿しました。 取り込み方が悪いのでしょうか? よろしくお願い致します。
- ベストアンサー
- 絵画・イラスト・デザイン
- photoshopのレイヤーのための画像背景透明化について
photoshop4.0J for winを使用してます。 イラスト等を自分で作成する場合は新規作成で初期表示内容から透明を選択してからその上に描けばよいのはわかりますが、既に背景が透明でない画像等を利用して重ねる場合、その画像の背景を透明にするにはその画像を何らかの方法で選択し切り抜いて透明の背景に張り付けるしか方法はないのでしょうか?その画像そのものの背景を透明にする方法はないのでしょうか?ご回答よろしくお願いします。
- 締切済み
- グラフィックソフト
- Photoshop→DreamweaverでのHP作成について
HP制作初心者です。よろしくお願いします。 (1)Photoshop7.0でHPのトップページ(1ページ全部作り、スライスしてWeb用に保存)、その後DreamweaverMXで空いている部分(背景)に新着情報(スクロールするテキスト欄)を付けるにはどうしたらいいのでしょうか?Photoshopで保存する時点で何か設定が必要なのか、それともDreamweaverで設定するのかわかりません。 (2)また、Photosop→DreamweaverでHPを作るにあたり最適な制作方法がありましたら教えて下さい。 長々とすいません。よろしくお願いします。
- 締切済み
- グラフィックソフト
- Photoshopについて
Photoshopについて 私はPhotoshop cs5を使用しているのですが、下記の点について平素からソフトを使い慣れてる詳しい方の意見をお聞きしたいのですが。 ・HPの素材を作成し無料で配布しようと思っています。 保存形式は何が適切でしょうか?.gif .jpg ...etc ・野球のユニフォームのアイコンを作成したいと思っているのですが、Photoshopとillustratorのどちらで作成するべきでしょうか? 作成したいと考えてるのは下記画像のようなアイコンや下記サイトのようなイラストです。野球の良いイラストがなかったのでサッカーのユニですが。 また私は初心者なのでどのような事を勉強すれば下記のようなイラストやアイコンが作成できるか分かりません。 アドバイスなどありましたらお願いします。 http://ameblo.jp/bambino-tobias/entry-10709712877.html http://www.zb.em-net.ne.jp/~iii/wsui/nippon.html#JPN08 ご存知の方いらっしゃいましたらご教示ください。 よろしくお願いします。
- 締切済み
- 画像・動画・音楽編集
- Photoshopで
マスクの作成方法を教えてください。 イラストを描いたりするんですが、主線を残したいんですがどうすればいいのかわかりません(汗) 因みに6.0ですが多分バージョンは関係ないですね…。
- 締切済み
- グラフィックソフト
- dreamweaver◇背景にライン
HP作成初心者です。背景にコの字にラインを入れたいのですが分かりません。イメージはOMRON(http://www.omron.co.jp/index.html)です。dreamweaver CS3(win)を使用しています。手順等を教えて頂きたいので宜しくお願いします。
- ベストアンサー
- ホームページ作成ソフト
- このような背景を作るにはどうすれば?
下記サイトのような背景にしたいと思っています。 http://www.keiwakai-ebetsu.or.jp/ グラデーション画像を作って貼り付ければよろしいのでしょうか? 良い方法があればご教授ください。 サイトはDreamweaver8とHTMLをコーディングして作っています。 画像作成にはFireworks8を使用しています。
- 締切済み
- ホームページ作成ソフト
- イラストの背景を透明にするには?
クリップアートなどのように、イラストの背景を透明にする方法ってありますか? ペイントなどでイラストを書いて保存すると、イラスト以外の不要部分も一緒に画像の一部として保存され(四角い形で)保存されてしまいます。
- ベストアンサー
- その他(インターネット・Webサービス)
- 固定背景の上に文字を載せたいのですが
HP作成初心者です。dreamweaverを使っているのですが、 背景の画像の上に、ピンポイントで文字を載せたいときは、どうすればよいのでしょうか? ウインドウサイズを変更したりするとずれてしまうのですが、 誰が見ても同じ位置に文字を置きたいのです。 教えてください、よろしくお願いします。
- ベストアンサー
- HTML
- Photoshopのスライスについて。
こんにちわ、kaituといいます。 最近スライスをもちいて、デザインを勉強しています。 しかし、HPをデザインした場合、 画像をスライスして色数等編集し、そのままDreamweaverに持っていき、 文章の所だけ、画像を削除(白くする)して、文章入れてupします。 すると、やはりブラウザで見た場合デザインがずれてしまい、それを直すのが一苦労なのです。。 グリッドを表示して、それに合わせて構成するとずれなくなるんでしょうか; 他の方法として、1×1の透明GIF画像を画像と画像の間にいれ、 ずれるのを防ぐ為にやっていますが、効果が全然ありません。。; 後、できるだけ画像を少なくするよう、 スライス画像の不要な部分(白い部分等)は、Dreamweaver上で画像を消していっています。 まだまだ勉強中なので、試行錯誤してやっているのですが、やりなおしで時間ばかりがすぎてしまって中々; デザイン重視なので、スライスが多いのも原因でしょうか。。 皆さん、スライスをどのようにして使っているんでしょうか? 参考になるサイトや、ずれを防ぐアドバイス等あれば回答お願いします。
- ベストアンサー
- グラフィックソフト
お礼
初心者のこんな質問に丁寧に答えていただいて、とても感謝してます。 photoshop はまだ全然使いこなせてないので、 また皆さんに教えを乞わせていただくかもしれませんが、 そのときはよろしくおねがいします。