- ベストアンサー
テキストをGIFに変換すると・・・
イラストレーター１０で、テキストをGIF形式に変換したいのですが、 変換後の文字の輪郭が、白くぎざぎざになってしまい、フォントも つぶれ気味です。 背景のあるＷＥＢページに置きたいので、文字の輪郭をはっきり、くっきりと したいのですが・・・。 初歩的な質問ですみません。 今作成中なので、宜しくお願いします。
- グラフィックソフト
- 回答数4
- ありがとう数4
- みんなの回答 （4）
- 専門家の回答
質問者が選んだベストアンサー
GIFで背景を透明にする処理をすると どうしても中間色の「ぎざぎざ」と戦わなくてはいけません。 私なりの戦い方を伝授しますので、ご参考になさってください。 ≪作戦その１≫ ★「白いぎざぎざ」を「理想的な中間色のぎざぎざ」にしよう！ イラストレーター上で 文字の背面にWEBページで使用する予定の背景色と同系の色をあらかじめ敷いておく。 その状態からGIFに書き出し、透明色をその色に設定する。 これでWEB上に置いたときもぎざぎざは「目立たない」でしょう。 欠点は異なる色の背景に適応させられないことです。 ≪作戦その２≫ ★「ぎざぎざ」をなくそう！ イラストレーターでGIFに書き出すとき 「アンチエイリアス」のチェックをはずす。 すると文字と背景の隙間に中間色を作らなくなるので 懸案の「ぎざぎざ」はなくなります。 その代わり、文字の滑らかさは失われ、別の見苦しさが出てくる可能性があります。 ≪作戦その３≫ ★デザインでごまかそう！ 文字の背景に透明を敷くこと自体を諦めて 何かの図形に文字が描かれているようなデザインということにして 透明色は敢えて使わない。 「戻る」ボタンなどであれば問題ない作戦ですが、用途を選びます。 ≪作戦その３≫ ★FLASHで作ろう！ これは上級編。またの機会にてご説明いたしましょう。 以上、ご参考になさってください。 健闘を祈ります！
その他の回答 (3)
こんにちは！ 【Web用に保存】からGIFに書き出しているとすると、『マット』の部分が白になっているのではないでしょうか・・。 最初にWEBページの背景色を調べておいて、『マット』の▼をクリックして『その他』から背景色と同じ色を指定して書き出してみてください。
お礼
有難うございます！ 「マット」部分を変えるのですね。 やってみましたが、やはり字が 少し潰れてしまいました（泣）。
- the845t
- ベストアンサー率33% (246/743)
画像の背景を使用ページの背景と同系色にしておき、 作成→透過しましょう。 文字の輪郭にあたる部分の細かいところで、背景色が消えていないのが原因でしょう。
お礼
有難うございました！ それもやったのですけど・・・ 今度は文字自体が潰れ気味です。
どの程度かがちょっと分からないのですが，gifファイルはjpgファイルと違ってかなりギザギザになりますよ。 背景を置いて透明化してみてはいかがでしょう。 多少は改善されると思います。
補足
有難うございます！ 一応、透過処理しているのですが、 濃い目の色の背景に白色の文字とすると、文字の周りに白い線のような物が入ると目立ちますよね？ 素材サイトなんか見るととてもふちがきれいなので・・・。 背景と同色ものをイラストレーターに読み込んで、 その上に文字を乗せるということですか？ あと、アウトライン化しておくものなのですか？
関連するQ&A
- 画像で背景透明のテキストがにじむのです
こんにちは。 いつもお世話になります。 webのバーをイラストレーターCS3で作成してます。 別途、背景に模様の画像を配置しておるので ここは背景が透明のテキストだけの「画像」にしたいのですが gifで保存をいくら試しても文字がぎざぎざしてしまいます。 pngでも変わらず。 背景の画像が黒っぽいので、テキストは白で 0.5～1ほど黒の縁取りをしたりしても同じです。 画像にせずテキストのみのバーにしてもいいのですが デザイン上ちょっと避けたいのです。 なんとか解決策は無いでしょうか。 もしかしたらとんでもなく初歩的なことを聴いてて恥ずかしいのですが ちょっと急ぎで困ってます。 よろしくお願いいたします。
- ベストアンサー
- CSS
- gif ってぼかしは効かないのでしたっけ？
Photoshop でロゴを作成しようとしています。 ページの背景にパターンを使用しているため、ロゴの背景を透明にしてページ背景のパターンが見えるようにしたいのです。 ロゴは、gif で作ろうとしています。 Photoshop のテキストでロゴを入力し、ラスタライズし、gif で保存するためインデックスカラーに変換します。 すると、ロゴの輪郭がカクカクしてしまって、うまくぼやけてくれません。 gif は、輪郭のぼかしは出来ないのでしたっけ？ 別のソフトでは、出来たような気がするのですが、Photoshop での 透過gif の作り方を教えてください。
- ベストアンサー
- CSS
- IllustratorとPhotoshop、保存状態の違い。
IllustratorとPhotoshop、保存状態の違い。 1.）Illustratorで作成したデータ（フォントをロゴ化したものです）を、Illustrator形式で保存します。 2.）それをPhotoshopで開いてGIF形式に変換して保存すると、背景はデータに合わせた大きさになります。 しかし、 3.）Illustratorで保存するときに「webおよびデバイス用に保存」で、GIF形式に保存してやると、背景は大きいまま保存されてしまいます。 4.）Webページで使いたいロゴなので、これではちょっと困るのですが、 Illustratorで、背景をデータに合わせた大きさに保存することは出来ないのでしょうか? よろしくお願いいたします。
- 締切済み
- 画像・動画・音楽編集
- ウェブ用のGIFデータのつくりかた
イラストレーターで作ったロゴをweb用に保存として、GIFで保存し、webサイトにのせてみましたが、文字がギザギザになってしまいまいした。 GIF128ディザありもディザなしも試しましたが、あまり変わりませんでした。 どういう手順を踏めば、滑らかなフォントをweb用に作れるのでしょうか？ photoshopおよびimage readyもありますので、 何か良い方法があれば、教えてください。 よろしくお願いいたします。
- ベストアンサー
- Mac
- アウトラインを滑らかに変換する方法は？
イラストレーター（CS5）でつくったロゴをアウトライン化しました。 それをPagesやWordで使えるようにしたいと思います。 Webおよびデバイス用に保存をクリックして、pngデータにしましたが、 文字の輪郭がギザギザになってしまいます。 上記の手順で間違っていないか？ また、手順としては合っている場合、文字の輪郭を滑らかにするには、 どうしたらよいか、教えて下さい。
- 締切済み
- その他（インターネット・Webサービス）
- 習字スキャンデータのにじみを緩和するには？
半紙に習字をスキャンしてTIFF形式で保存してあります。 Photoshopで開き、モノクロ２階調に変換しましたが、 半紙のにじみが出て、文字の輪郭がギザギザしています。 フォントのように滑らかにはせずとも、ある程度はこの ギザギザを緩和させるにはどのようにすればよいでしょうか？ illustratorとPhotoshopのCS2を使っています。
- ベストアンサー
- グラフィックソフト
- イラストレータ→gifファイルの作成
win版イラストレータver10を使用しています。 背景が透明である画像やアウトラインをとったフォントをgifファイルで保存（web用に保存を選択し、アンチエイリアスにチェック済）したのですが、HTMLで背景を色付にして画像をのせたら画像の周りが白いギザギザの縁が出来るのです。見栄えが非常に悪くて困ってます。 特別gifファイルにはこだわってはいなのですが、使用していないスペースは透明にしないとまずいのです。 この内容を解消出来る方法をご存知な方がいらっしゃったら教えてください。
- ベストアンサー
- グラフィックソフト
- イラストレーターで文字画像(背景透明)をキレイにweb用書き出ししたい
イラストレーターで文字画像(背景透明)をキレイにweb用書き出ししたいのですが。 イラストレーター10.0 OS WindowsXP イラストレーターでテキストを入力し、 それを背景透明でweb用にgif画像で書き出ししました。 サイズは横177px,縦70pxです。 その中に文字を3行。1行目はフォントサイズ24くらい。 2,3行目はその細くなのでフォントサイズ10くらいです。 作っている画面では拡大してももちろんきれいなのですが、 そのきれいに見えているまま、書き出せないものでしょうか？ プレビューされる画像はギザギザで文字もほぼつぶれてしまっています。 これをキレイにつぶれないように書き出すにはどうしたらいいでしょうか？ やってみたこと アンチエイリアスにはチェックがついています。 アウトラインってのもよくわかりませんが、しました。 最終的にやりたいことは、 HPで背景を塗りつぶした表があり、その1行目のタイトル部分は画像にしたいです。 文字の色は白、背景を透過させて書き出したいと思います。 背景に色を付けてjpegというのは今回はやらずにいたいと思います。 質問するのに説明不足でしたらすいません。 あまり知識がないので、必要な情報があったら聞いてください。 よろしくお願いします。
- 締切済み
- 画像・動画・音楽編集
- 『GIMP』でGIF画像を保存する際、思い通りにならず困っています・・
背景を透明にして、文字だけの画像を作成したいので、ＧＩＭＰを使用して、ＧＩＦ形式で保存してみました。 そうすると、文字の画像が綺麗に－画像変換？インデックス画像に変換しないと－保存できません。 タイトルなどに使う大きな文字だと余り気にならないのですが、小さめの文字だと、カーブが綺麗な曲線ではなく、ギザギザになってしまいます。 背景を透明化しなければ、綺麗なカーブを維持した文字のまま保存できます。背景を透明にしても、綺麗な文字で保存する方法をご存知の方がいらっしゃれば是非教えてください！ ※GIMP以外のフリーソフトで上記が実現可能なものがあれば、それもご教示頂けると嬉しいです。 どうぞよろしくお願いします。
- ベストアンサー
- フリーウェア・フリーソフト
- 【Illustrator CS5 & Dreamweaver CS5】
【Illustrator CS5 & Dreamweaver CS5】超初心者の質問です。 Mac版を使用しています。 Photoshopはこれまで使っていたのですが、IllustratorとDreamweaverは、ほんの一週間前から手探りで使い始めました。 目的はHP作成です。 質問は２点あります。 １.）Illustratorでロゴを作成しGIF形式で保存するため、 「ファイルメニュー → Webおよびデバイス用に保存」を選択するのですが、背景のキャンバスが大きいまま保存されてしまいます。 最初からキャンバスを小さくすればいいのかとも思ったのですが、そううまいことぴったりのサイズを選ぶのも難しく、いろいろといじってみたのですが、どうもよくわかりません。 仕方なくIllustrator形式で保存して、Photoshopで開いてGIFに変換しているのですが、かなり無駄な作業をしているように思います。 解決方法を教えてください。 ２.）解像度の問題だと思うのですが、 Illustrator上でGIF形式のロゴを作成し、Dreamweaverに持ってきてプレビューすると、文字にギザギザが目立ちます。（画像参照してください。） これの対処方法をご教授願います。 以上、よろしくお願いいたします。
- ベストアンサー
- ホームページ作成ソフト
お礼
いくつもの方法を教えて頂きまして、 有難うございました！ 実は、背景がモノクロの写真でして・・・ その３作戦は無理かなという気がします。 ＦＬＡＳＨは良く使うのですが、今回はＧＩＦで書き出したいんです。 ＦＬＡＳＨでＧＩＦ形式にパブリッシュしたのですが、イマイチ・・・ とても参考になりました。