イラストレーターでボタンを作り、フォトショップでウェイブ用に(gif)に変換してキャラクタを作成しました。
実際にHTMLに組み込む時に問題が発生しました。

1.背景が紫なのですが、gif画像を挿入時にgifの回りに白い線が出てしまう。
2.フォトショップでデェィザ処理を100%にして見ましたらあまり変りませんでした。
3.マットの色を同系の色にしたのですが、あまり変らない
4.四方八方にふさがれた状態です。


どうか教えて頂けないでしょうか ?

このQ&Aに関連する最新のQ&A

A 回答 (4件)

IllustratorとPhotoshopのバージョンがいくつかわかりませんが、


たぶんPhotoshopのキャンバスの方へコピペ(読み込み)したときにフチが残ると言うことではないかと思います。
編集>トリミング でフチがさくっととれるとはずです。
    • good
    • 0

Illustratorでボタンを制作する最初の時点で背景色をhtmlのバックグランド・カラーと(Ex.#FFFFFF→255,255,255)全く同一にします。

もちろんRGBで制作してください。これをPhotoshopで読み込み、画像の統合、72dpiに変換してから「インデックスカラー」「使用中の色を全て割り付ける」で変換します。これをgif89aフォーマットで透明化して出力すればOKです。
    • good
    • 0

状況がよく見えないので何とも言えませんが...


まず、gifというのは、基本的に256色までという制限があります。
そのため、白っぽい色(明度の高い色)は白に変換される
可能性はあるんじゃないかと思います。

この場合、pngなどの画像フォーマットにすれば、いちおう
解決されるはずです。(pngフォーマットで構わなければ)

また、gifというのは、透過gifでしょうか?
アンチエイリアスがかかっているために、透過gifの画像の周囲が
白くなってしまう、というケースは多いのですが...
でも、これは、3.ですでに対処しているのでしょうか?
    • good
    • 0

 ボタンにするという事は<A>タグでボタンを挟んでいるって言う事ですよね?


 そうすると、<img>タグにborder="0"という属性を付けてあげないと、<A>タグで挟まれた画像の周りに線が出てしまいます。
 それが原因でない場合はちょっと解りません。一度確認してみてください。
    • good
    • 0
この回答へのお礼

回答して頂き本当にありがとうございます。
回答内容を確認してみましたがどうやら違うようです。
また、HTMLのタグの問題ではなく画像作成時のコツがあるという事だと思われますが、謎が分かりません。

どうもありがとうございました。

お礼日時:2002/02/05 19:56

お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!

このQ&Aと関連する良く見られている質問

Qフォトショップ6.0でのgif背景削除方法は?

こんにちは。フォトショップ6.0をウインドウズで使用しています。
初心者です。質問内容についてうまく説明できないかもしれませんが…。

文字入りで背景色付き(フォントサイズ10から12ぐらい)の1枚画像gifがあるとします。文字を残したまま、背景色をきれいに消したいのですが、方法がわかりません。いつも消しゴムでおおざっぱに消した後、残りの細かいところは拡大してちまちまけしております。もっと簡単な方法をご存知の方、教えてください。どうぞよろしくお願いいたします。同じフォントで入力したいのはやまやまなのですが、同じフォントがないもので…(恥)。

Aベストアンサー

ラスタライズ後の処理を前提として書かしていただきます。

背景画が単色なら
選択範囲→色域指定
もしくは
自動選択ツールで背景色を選択
そのあと
編集→消去
もしくはDeleteで背景色を削除できます。
文字で囲まれた背景色があったらその場所も選択する必要があります。

しかしきれいに削除するには
やはり消しゴムツールでちまちまするのが一番確実です。

QフォトショップCS2からフォトショップ6へ保存

フォトショップCS2で作成したイラストをフォトショップ6で開くには、どう保存すればいいでしょうか?
イラストと背景が統合されないように、また、フォトショップ形式で保存したいです。
よろしくお願いします。

Aベストアンサー

環境設定で互換性を優先するにチェックをして保存します。

なお、CS2にあって6に無い機能は無視され統合などされますのでご注意ください。

場合によってはレイヤー事に別名保存した後に、6で統合という手で対処します。

Qフォトショップとフォトショップエレメント2.0の違い

フォトショップを購入しようと思っているのですが、通常のフォトショップですと10万くらいしますよね。学校関係ではないのでアカデミーパックも無理です。エレメント2.0はかなり安価なのでこれで事足りたらいいなぁ、と思っています。

以前フォトショップを触れた時の機能で
・WEB用に保存
・EPS、TIF、PSDデータを開ける
この2点があったのですが、これらの機能はエレメントでもありますか?
スキャナを買ったときについてきたフォトショップ4.0LEはあるのですが、これだとWEB用に保存、とEPSを開くことができません。
WEB用に保存はともかく。EPSが開けないのは致命的なので、もしご存知の方がいらっしゃいましたらアドバイスをお願いいたします。
よろしくお願いたします。

Aベストアンサー

エレメントのカタログの「読み込めファイル形式」には記載されていますから、読み込めるのではないでしょうか?
一度、アドビシステムズのHPで調べてみてください。
下記アドレスはカタログのPDFファイルです。
http://www.adobe.co.jp/products/photoshopel/indepth.html
製品カタログ(PDF:740KB)

QフォトショップCSで透明gifのつくり方

初心者です。
フォトショップのCSを使っているのですが

透明gif

のつくりかたがわかりません。
どうすればつくれますでしょうか?

Aベストアンサー

■透過gifのことでしょうか?
web用に切り抜きで画像を保存したい、という場合の仮定でお話します。

まず、保存したい画像を用意します。背景はもちろんこの時、透明しておいてください。

1.ファイル→web用に保存を選択
2.保存用画面があらわれます。
3.左側にプレビュー、右側に「保存」「キャンセル」「完了」ボタンが並んでいる下に、プリセットという枠があります。
プリセセットは「名称なし」のままで問題ありません。そのすぐ下にあるメニューから「GIF」を選択してください。(その他にJPEGやPNG-8などがあります)
4.その下にある「知覚的」「ディザなし」から始まるメニューは、自分の見た目できれいだと思われるものを選択してください。
5.ここが最大のポイントです。
その下に「透明部分」というチェックボックスがあると思います。それにチェックをいれます。

これで保存してみてください。
透明になっているはずです。


■普通に切り抜き画像としてgif形式で保存したい場合

まず、保存したい画像を用意します。背景はもちろんこの時、透明しておいてください。

1.切り抜きたい画像の選択範囲を作成してください。
(パスや多角形ツール、色域指定など)
2.ウインドウ→パスを選択し、パスのパレットを表示させます。
3.パスパレットの「パス」という文字の右にある△をクリックし、「作業用パスを作成」を選択。
許容値を求められるので、適当な数値を入力し、OK。
4.そこでもう一度、「パス」という文字の右にある△をクリックし、「パスを保存」を選択してください。
名前は「パス1」のままで大丈夫です。
5.仕上げです。パス」という文字の右にある△をクリックし、「クリッピングパス」を選択します。
するとウインドウが出てきますので、パス名は、先ほど保存した「パス1」をメニューから選択してください。平滑度は適当な数値で結構です。0.2とか。

これで準備は整いました。
ファイル→別名で保存を選択。
下にある「フォーマット」という枠の中にある、「photoshop」から始まるメニューの中から、「CompuServe GIF」を選択し、保存してください。

これで背景が透明の画像が保存できていると思います。

■透過gifのことでしょうか?
web用に切り抜きで画像を保存したい、という場合の仮定でお話します。

まず、保存したい画像を用意します。背景はもちろんこの時、透明しておいてください。

1.ファイル→web用に保存を選択
2.保存用画面があらわれます。
3.左側にプレビュー、右側に「保存」「キャンセル」「完了」ボタンが並んでいる下に、プリセットという枠があります。
プリセセットは「名称なし」のままで問題ありません。そのすぐ下にあるメニューから「GIF」を選択してください。(その他にJPEGやPNG...続きを読む

Qフォトショップ作成のGIFアニメをメールするには?

よろしくお願いします。フォトショップCS3において「Webおよびデバイス用に保存」で書き出したGIFアニメーションをメール(Entourage)にHTML形式にして挿入し送信しても動く状態で受信されません。どうしたらよいのでしょうか? 

Aベストアンサー

HTMLメールは、メールクライアントの中から見れば特殊。アニメーションGIFやFlashアニメを駆使したモノを送信しても見られると思わない方が賢明。

そういうのをきちんと表示できるのは、ブラウザのコンポーネントを利用してHTMLメールを表示することができるメールクライアントだけです。ただし、MS InternetExplorerのコンポーネントを使用したメーラーの場合IEのセキュリティホールがそのまま該当してしまうので安全面で不安が残ります。

つまり
>動く状態で受信されません。どうしたらよいのでしょうか?
受信されたファイルは既に動く状態なので、問題なのはメールソフトが動かすことができないからです。
添付ファイルと同じようにhtmlファイルとGIFファイルをどこかに保存してブラウザで開けば動きます。


このカテゴリの人気Q&Aランキング

おすすめ情報