• ベストアンサー
  • 困ってます

PhotoshopでWebサイトのフォント

 いつも大変お世話になっております。  Webサイトを作成する際に、一部、有料の珍しいフォントを使用しようと考えております。やり方については、PhotoshopやIllustratorを利用して有料フォントを画像として利用するように指示されています。(バナーの文字等)  ここで、質問なのですが、PhotoshopやIllustratorでフォントを画像として利用するということは、最終的にその文字は、ラスタライズという処理をする必要があるのでしょうか。もし、ラスタライズ処理を行わなければ、Webページを見る方のPCにはそのフォントがインストールされていない為に、文字が化けてしまうことが起きてしまうのではと心配です。  もし詳しい方がおられれば教えて下さると大変うれしく思います。

共感・応援の気持ちを伝えよう!

  • 回答数3
  • 閲覧数288
  • ありがとう数3

質問者が選んだベストアンサー

  • ベストアンサー
  • 回答No.3
  • Hoyat
  • ベストアンサー率52% (4897/9300)

Web上で使用出来る画像のうちJpegやPNGと言ったピクセル画像の場合は、その画像形式で保存した時点で(意図的にラスタライズ処理を行わなくても)画像内のフォントはラスタライズ(画像化)されてしまいます。 つまり「作業が必要」と言うより「必ずなってしまうもの」とお考えください。 Flash等のベクター画像の場合はフォントをエンベット(埋め込み)しなければ特殊なフォントだと、別のフォントに置き換わってしまいます。

共感・感謝の気持ちを伝えよう!

質問者からのお礼

大変わかりやすいご説明有り難うございました!! また、これからもよろしくお願いいたします。

関連するQ&A

  • photoshopのテキストがラスタライズされる

    photoshop を入れたのですが テキストがラスタライズされてしまいます。 テキストを入れると文字ツールというのが表示され (普通だと画像上に直接文字が入れられるはずなのに) そこに文字を入力する事になってしまい、それが閉じられると、 テキストがラスタライズされてしまい、再編集ができなくなってしまいます。 新しいパソコンに古いphotoshopを入れているせいなのでしょうか? ILLUSTRATORの方も文字を選ぶ所のフォント名が既に文字化けしてて不具合が起きているので なにか上手くいっていない感じなのですが。 なにか解決策がありましたらよろしくお願い致します。

  • photoshopで文字加工→Illustratorで配置

    1.PHOTOSHOP→文字加工(フィルタ、レイヤースタイルなど)し、 2.(1)で作成したものをIllustratorで配置すると、 ラスタライズされたフォントがアンチエイリアスで周りにおかしな線ができたり、文字がガタガタするのです。 結果、どうしてもレイアウトはIllustratorで行いたいと思いますので "PHOTOSHOPで文字加工→できるだけきれいな状態でIllustratorへ配置したい" のです。 どうすれば、文字加工(ラスタライズ)されたものをIllustratorできれいに表示できるのでしょうか?

  • htmlとフォトショップのフォントについて

    初めてwebサイトを作成しているのですが、テキストの表示はCSSでsans-serifを指定しております。 そしてフォトショップで画像を作成しているのですが、一部だけ文字も作っています。 そのフォトショップでの文字は、CSSで指定したsans-serifと同じように、sans-serifを指定したかったのですが、ありませんでした。 そのため、フォトショップの文字にはMSPゴシックを指定したら、CSSで指定したsans-serifに近くなりましたが、やはり若干違います。 他のWebサイトを見ると、CSSで指定した文字と画像の文字が、ほとんど同じようなケースがあります。 私のような問題がある場合、どのようなフォントを指定すればCSSとフォトショップの文字は同じようになるのでしょうか? 宜しくお願い致します。

    • ベストアンサー
    • CSS

その他の回答 (2)

  • 回答No.2

文字を画像にして 「jpeg」「png」などの画像形式にするのなら PCにフォントがインストールされてなくても関係ありません。 あくまでも画像として表示されるので、文字化けはありません。 基本的にwebページは「jpeg」「png」「bmp」「gif」などのラスター画像を使用します。 ですのでラスタライズによるフォントなどのエッジの鮮明さなどが気になるなら フォントを高解像度で画像にすれば、エッジなどの鮮明さは保たれます。 解像度100~180dpiなど画像の大きさにより調整します。 ※アンチエイリアスしてあるのを前提です。 ※基本は72dpiです。 そして、画像にしないで Webページ作成で有料フォントを表示させるのは無理です。 もし、どうしても表示させたいという場合には変換ツールを使えば 出来ないことはないようです。 【変換ツール】※有料です。 http://musashi.or.tv/woffconv.htm ※使ったことはありません。 もし質問の意味を間違えてとらえていたらすみません。 参考にしてみて下さい。

共感・感謝の気持ちを伝えよう!

質問者からのお礼

非常に詳しいご回答有り難うございます。 是非、参考にさせていただきます。 どうも有り難うございました。

  • 回答No.1
  • mac1963
  • ベストアンサー率27% (841/3023)

>PhotoshopやIllustratorでフォントを画像として利用するということは、最終的にその文字は、ラスタライズという処理をする必要があるのでしょうか。 バナー制作する場合jpgかgif又はpngで画像として書き出します 特別にラスタライズする必要は無くラスタライズされます

共感・感謝の気持ちを伝えよう!

質問者からのお礼

単純明快なご回答、誠に有り難うございました。 これからも、是非よろしくお願いいたします。

関連するQ&A

  • photoshopのラスタライズって何ですか?

    photoshopのCSを使用してwebサイトを作ろうとしていますが、ラスタライズというのがよく分からないのです。 テキストを画像として色々加工する際にラスタライズをするというのは分かったのですが、他どういう時にラスタライズをするのでしょうか? また、こういうときには絶対にやっておいた方がよい、などありましたら、教えていただきたいと思います。 よろしくお願いしますm(_ _)m

  • フォトショップ フォント

    人から受け取ったPSDデータを、自分のところでプリントしているのですが 何枚かの画像が文字のラスタライズがされていないため、 画像を開いたときに、 『いくつかのテキストレイヤーには見つからないフォントが含まれています。 ベクトル方式で出力するためには代用フォントが必要です』 と出ます。 この場合、こちら側で編集しない場合はそのまま プリントしても相手側で見たフォントで出力されるのでしょうか? もしくは、フォントが代用フォントに置き換えられてしまうのでしょうか? その相手にすぐに連絡できる状況で無いので、ラスタライずしたデータを受け取ることが難しいの困っています。

  • 参考書 photoshopとillustrator

    PhotoshopとIllustratorでホームページの画像、ボタン、バナーを作成する際にどのように作業を進めたらいいのか分かりません。 参考本、webサイト教えてください。

  • 小さいフォントのままor縮小するか

    Photoshop CS5でWeb用の画像を制作しています。 テキストの画像の作成方法ですが、9pt以下の小さな文字の場合、 ・そのまま9ptでテキストをラスタライズする方法 ・20ptほどのテキストをラスタライズし、9pt相当のサイズに縮小する方法 どちらが綺麗に画像として見えるでしょうか。 Photoshopがまだver.6くらいだったころ、文字は大きくラスタライズしたものを 縮小する方が小さい文字は綺麗に見えるという記事を読んだことがあります。 今はどのように制作するのが通例でしょうか。 特に9ptというサイズに厳格になるよりも、小さいフォントがつぶれずに スクリーンとして見えることを優先します。

  • フォトショップのラスタライズ

    HPのバナー作成などをする場合、文字テキストツールで入力した後、そのレイヤーをラスタライズする必用はあるのでしょうか?みなさんはどうされてますでしょうか?最後にjpg 、gif形式で保存するとバナー全てが自動的に画像になるのでラスタライズするということは無意味なのでしょうか?

  • Photoshopのフォントについて

    最近Photoshop cs5を購入したのですが、テキストを入力しようとするとフォントが若干おかしい事が稀にあります。 以前GIMPを利用していたのですが、その時も同様な事がありました。 フォントの種類を選択して入力すると明らかに若干違和感があるフォントになります。 ただ原因が分からず。 詳しい方に聞けば何か分かるのではと思い質問しました。 下記が参考画像です。 上はチュートリアルの画像で、下は私がPhotoshopで入力した画像です。 テキストの周りが若干ギザギザになってます。別のフォントでも同様です。 フォントを選ぶときに横にサンプルが表示されますが、それらとも全く違います。 ただいつもこうではなく正常に入力できる事もあります。 ご存知の方いらっしゃいましたらご教示ください。 よろしくお願いします。

  • フォトショップでテキスト入力

    フォトショップでHP用のバナーやロゴを作成しています。画像の上から文字ツールでテキストを入れてみるのですが、入力したテキストの端っこがギザギザにならないようにするにはどうすればいいのでしょうか?ギザギザになったまま画像にしてもやはりそのままです。これは、フォントによるものでしょうか?あるフォントのみでしょうか?どなたかご教示よろしくお願いします。

  • フォントがかすんでしまうのは何故?かすみづらいフォントなどありますか。

    お世話になっております。 画像処理について教えてください。 今のところ、pixiaやホームページビルダー付属のソフトを使用しています。 webサイトで使うボタンやバナー作成などをおこなっているのですが、自分のPCにあるフォントのほとんどがかすんでしまいます。 フォント種類はほとんどPC購入時にあったもののみです。 GIFのほか、jpgやpngで保存してみたりもしているのですがあまり変わりません。(でもGIFだからかすむわけじゃないですよね。。) つきましては、お手数ですが対処方法を教えて頂けませんでしょうか。 また、かすみづらいフォントやソフト?などもあれば教えてくださいませ。 よろしくお願い致します!!

  • 画像にフォントを使用した場合の著作権について

    PhotoshopやIllustratorなどの画像ソフトを使用して 商用サイトに使用するボタンやバナーを作成する場合、 画像に使用したフォントの著作権はどのように絡んでくるのでしょうか。 調べたところ、特徴のないフォントに著作権は認められていないという記述をいくつか見つけたのですが、 MSゴシックやHG丸ゴシックなど、windowsやソフトウェアに附属したフォント(デザインフォントではない)を使用して 画像を作成し、それを商用サイトに使用、若しくは有料で配布した場合、 問題はないのでしょうか? 配布元であるリコーのサイトも調べたのですが、フォント自体の著作権については書かれていても 画像に加工した場合に発生する著作権に関しては見つけることができませんでした。

  • フォトショップのフォントの大きさについて

    フォトショップのフォントの大きさについて質問です。 画像に文字を入れたいのですがほとんど見えないくらい小さい大きさで表示されてしまいます。最大の1200ptにしてもかなり小さいです。どの画像でもこうなるわけではなく、新規のファイルや他のファイルでは普通に表示されるものもあります。 画像の解像度等は1100pixel×1600pixelです。 どういうやり方にしたら普通に表示されるでしょうか? 教えていただけると助かります。