• ベストアンサー

フォトショップで文字入りアイコンを作るには

どうすればきれいにできるでしょうか? フォトショップ、超初心者です。ブログに文字入りのアイコンを載せようと作ってみたいのですが、ウェブ上に載せると文字がギザギザしているし何だかきたなくて。。。どうすれば滑らかな文字で、きれいに表示することが出来るのでしょうか? ファイル保存の際には、特になにも変更せずブログに写真を載せる際の規定でgifにして保存しました。サイズは横40ピクセル・縦幅25ピクセルほどの小さなアイコンです。 ちなみに、OSはWindows XPです。 どうぞよろしくお願いします!

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

  • ベストアンサー
  • kokubosino
  • ベストアンサー率19% (697/3530)
回答No.1

文字のオプションで滑らかに、を選択して入力 後は統合してGIFで保存

kyuutenn
質問者

お礼

ありがとうございます!試してみます!

その他の回答 (2)

  • hayasi456
  • ベストアンサー率40% (2402/5878)
回答No.3

windowsのモニター画像解像度の基本は72dpiのようです。 横40ピクセル・縦幅25ピクセルだと 横1.41cm 縦0.88cm の画像です。 サイズの規定の範囲内でもっと大きな画像にされることをお勧めします。 添付画像は全体が 横299 縦120ピクセルです。

kyuutenn
質問者

お礼

回答ありがとうございました!

noname#127819
noname#127819
回答No.2

Photoshopでアイコンを作り ファイル>Webで保存(CSの場合) で保存する。 このときマットのところを背景色と一緒にするとよい、まあ背景が白なら白だし、スポイトツールで選択してやってもよい。 そうすると境界線がきれいに見える。

kyuutenn
質問者

お礼

ありがとうございます!試させて頂きます!

関連するQ&A

  • aiのファイルからフォトショップで画像をつくる

    イラストレーター → フォトショップについてのご質問です。 ホームページにてロゴをアップするための方法を教えてください。 ワードプレスでトップページの左上に横幅200ピクセルのサイズでロゴを載せたいのです。 イラストレーターのaiのファイルを頂き、それをaiのままフォトショップで開きました。 その際の解像度は2500ピクセルぐらいはあったでしょうか。 それをイメージの画像解像度から解像度を200ピクセルまで落としました。 そしてWEB用に保存でpingで保存しました。 もともと太い文字で丸っこい書体なのですが、それがギザギザっぽくなってしまうのです。 事情があって画像が掲載できないので言葉だけの説明になってしまいますが。 要はaiのファイルからフォトショップで横幅200ピクセルのきれいな画像を作りたいのです。 どなたか良い方法を教えて頂けましたら助かります。 宜しくお願い致します。

  • フォトショップのweb用画像の作り方について

    今、フォトショップにてHP用のヘッダーやバナーを作成していますが、他のHPに比べると文字が見にくかったり、画像がどうしても 粗くなってしまいます。 保存の際に「web用に保存」からJPEGやGIFに保存をしており、 フォトショップで見る限りでは、とても鮮明に表示されております。 解像度や保存、作成の際の注意点がありましたら、 ぜひアドバイスをお願い致します。

  • フォトショップで背景透明にすると画像が荒れてしまう

    似たような質問が多いなか恐縮ですが、教えてください。 イラストレーターで作ったライン(線のみ)を、フォトショップを使って背景を透明にしました。 GIF形式で保存したのですが、そのGIFファイルを開くとラインが荒くギザギザになっていました。 どうしてでしょうか? なめらかなラインのままGIFで保存する、なにかいい方法がありましたら教えてください。 イラストレーターは9、フォトショップはElementsです。 ほとんど初心者です。 どうかよろしくお願いします。

  • フォトショップで文字画像を綺麗に作成するには?

    初歩的な質問なのですが、フォトショップ7.0でGIFの文字画像を作ろうとすると縁がギザギザとなってしまいナチュラルに仕上がりません。 フォントの種類に問題があるのでしょうか? 改善策は何かありませんでしょうか?

  • イラストレーター10で作成した ロゴや文字がフォトショップで開くとギザギザになる

    イラストレーター10で作成した ロゴや文字ですが eps保存にしてもai保存にしても フォトショップで開くとギザギザになります。 フォトショップでスムーズなロゴや文字になるようにするには どうすればよいでしょうか?

  • webアイコンで、ぼやけない文字の作りかた。

    イラストレーター9(OS-WINDOWS)で、 ホームページのアイコンを制作してるのですが、 WEB用に(GIF、JPG)書き出しすると、 文字がぼやけたようになってしまいます。 小さなアイコンを作りたいので、文字がはっきりした アイコンをつくりたいです。 ドットで書かれたような、 (今表示されているこの文字みたいな) はっきりとした文字のアイコンは どうすれば作れるのでしょうか? 教えてください。 よろしくお願します。 (フォトショップ7も使用可能です。)

  • フォトショップの文字がギザギザです

    すみません、どなたか教えて下さい。 フォトショップの6を使っています。OSは9.04です。 フォトショップ上で文字を入力するとどの文字も ギザギザになってしまいます。 イラストレーターなどで試しに打ってみると きれいに出てきます。 何が原因だかお分かりの方、どうか教えて下さい。 急にこのようになってしまいました。

  • HP用のアイコンが縮小するとつぶれてしまう

    HPを公開しているんどえすが、 メニューの横にアイコンを作成しました。 作成はFireworks8で 画像サイズ200×200ピクセルで解像度は72dpiです。 それをgifで保存してメニューの横に配置しまして、 幅×高さ25ピクセルまで縮小しました。 そしてweb上に公開すると小さい文字などがつぶれてしまい困っています。 他のHPをみてみたのですが、 小さいアイコンでもきれいに文字がでているものもあります。 小さいアイコンをこれからも作ることが多いと思いますので、 小さいアイコンをうまく作る方法をご存知の方教えてくださいm(_ _)m

  • フォトショップCS2でのwebで保存について

    winXPでフォトショップCS2の環境です。 webページを作成する際 フォトショップでまずwebページ全体のデザインをしています。 ここからwebに書き出す際 例えばタイトルロゴの部分だけとか 選択した部分だけを gif.jpegに保存したいのですが 「webに保存」をしていまうとページ全体が保存されてしまいます。 どのようにしたら選択したい部分だけをwebに保存できるでしょうか? お知恵を貸してください。

  • フォトショップで台形の斜め線を綺麗にするには?

    フォトショップで台形の画像を作成して、gifで保存してサイトにアップすると 斜め線がギザギザで荒くなってしまいます。 綺麗な斜め線で表示させる方法はあるのでしょうか? 画像を添付しますので宜しくお願い致します。 ※フォトショップのバージョンはcs5です。