• ベストアンサー

Illustratorで制作したアイコンの保存方法

Illustrator8.0で制作したイラストを、Webの素材として使用するためにどのように保存をすれば良いのかわかりません。どなたかおわかりの心やさしい方、教えてください。ちなみに、Illustrator初心者です。よろしくお願いします。

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

  • ベストアンサー
  • kenkenkent
  • ベストアンサー率30% (565/1854)
回答No.2

Illustrator8.0であれば、直接GIF書き出しもできますよね。 まず、イラストやロゴなどを作る際に、GIFにする事を 前提としているのであれば、カラーパレットをWEBセーフカラーにします (『ウインドウ>スウォッチライブラリ>Web』)。 これで、WEBセーフカラーと言われる216色のカラーパレットが表示されます。 このカラーパレットの中から色を選んでイラストやロゴを作成します。 その際に、画面のズームサイズを100%にしておき、 実際にホームページで使う実寸で作成しておきます (もちろん、大きく作って実寸に縮小しても可)。 Illは、恐らくGIF書き出しの際には解像度72dpiで出力しますので、 おおまかですが、この方法で、ほぼ欲しいサイズのGIFが得られます (解像度96dpiのマシンで見ると小さく表示される可能性あり)。 確かに、指定したピクセル数にはできないんですけどね(^^; で、絵が完成したら、『ファイル>データ書き出し』を選んでやります。 保存ダイアログが出たら、『ファイル形式』を『GIF89a』にしてやり、 ファイル名をつけて(xxxx.gif)、保存場所を選んで『保存』をクリックします。 すると『GIF89aオプション』と言うのが出ます。 『パレット』はWEBセーフカラーしか使っていなければ『Web』でOKです。 下地の色を透かしたロゴなどにしたい場合は『透明』、 モザイク状態から徐々に表示される様にしたい場合は『インターレース』、 線や塗りのエッジ部分をぼかしたい時は『アンチエイリアス』に チェックを入れて下さい。これで、あとは『OK』を押せば、 一応完成するハズです。 画像のサイズについては、今できた画像を、他のグラフィックソフトで 読み込んで確認するか、ネットスケープのウインドウに ドラッグ&ドロップで落として読み込ませてみると、表示されます (IEは確認していません。すみません)。 5.5を使っていた頃は、ロゴを作成>EPSで保存>Photoshopで読み込み >着色のやり直し>カラーモード変換>GIF保存なんて 手間がかかっていたんですが、楽になりましたよね。 私も、8.0のGIF書き出しは重宝しています。

その他の回答 (1)

  • tamtaka
  • ベストアンサー率31% (57/179)
回答No.1

Illustrator8.0から直接一般的なWebの素材として保存するには「ファイル」-「データの書出し」でJPEGかGIF形式で保存すれば良いのですが、軽く美しいデータとして保存するには試行錯誤を繰り返さなければいけないと思います。 それより困るのが、縦横寸法(ドット数)の指定ができないように思いますので、別のソフトでリサイズする必要があるような気がします。 HTMLファイル上で表示サイズは変更できますが、あらかじめ表示寸法にしておく方が良いと思います。

yonagahime
質問者

お礼

ファイルを開いてデータの書き出しですね。どうしても、gif、JPEGに出来なくて困っていたんです。ドットの指定が出来ないとのことですが、やはり、はじめから別のソフトで作ったほうが良いのでしょうね。本当にありがとうございました。

関連するQ&A

  • WEB上で使用される、アイコンやロゴの制作方法

    WEB上で使用される、アイコンやロゴの制作方法 グラフィックデザイナーをやっている者です。 WEBで使用するデータに関して質問です。 紙媒体で使用するイラレで制作した、ロゴなどのデータをWEB用に保存し、 WEBサイトにアップしたのですが、文字やイラストなどが、ぎざぎざしたり、 ぼやけたりしてしまいます。 イラストレーターで制作したデータをWEB上で使用するためには、どういう処理を 行えばよいのでしょうか? ちなみに、PCにインストールされているソフトは、 イラストレーター、 フォトショップ、 フラッシュ、 ドリームウェバー ファイヤーワークス インデザイン (Creative Suite5 Design Premiumに収録されているソフト全て) です。 アドバイスいただけると大変助かります。

  • illustrator/1つの素材づつ保存できますか?

    古いですが、イラストレータ8.0を使っています。 WEBの下絵としてイラストレータに素材をすべて作りました。 その素材をgifとして保存していきたいのですが、1つ1つ新しいキャンバス に貼り付けて保存していかなくてはいけないのでしょうか? ビルダーのアートデザイナーのようにキャンバス上にある画像を選択すればそれだけが保存できればうれしいのですが。。。

  • ウェブアニメーターで制作した画像にブレが出ます。修正方法を教えて下さい。

    ホームページビルダー2001を使用して、ホームページを制作中の初心者です。イラストレータで制作したイラストをウェブアニメーターで、アニメーションにして、プレビューしてみると、・・・画像のズレが目に付きます。修正の仕方を教えて下さい。よろしくお願い致します。

    • ベストアンサー
    • HTML
  • イラストレーターのトリミング

    windowsXPでイラストレーター10を使用している初心者なのです。 web画像として、イラストなどを描き、フォトショップにある、“トリミング”をしたいのですが、 どうすればいいのでしょうか? ラスタライズをすると、“web用に保存”をしても、適切なサイズになりません。 やり方が違うのでしょうか?宜しくお願いします。

  • illustratorでキャンバス内のそれぞれの画像を個別に保存するには

    イラレ初心者です。 illustrator cs2を使っています。 web用に素材を保存するときsave for webを使います。 キャンバス内に複数の素材が存在するとき、キャンバスが丸ごと保存されてしまい、個別に保存できません。 保存する方法、もしくはお約束の方法があるのでしょうか。

    • ベストアンサー
    • CSS
  • Illustrator 保存方法

    Illustrator 初心者です。 絵を描いて、せっかくなので保存したいのですが、 「イラストレーションを保存できません」 と出てきてしまいます。。 ちなみに、Illustrator 形式で保存しようとしています。 なぜでしょう?? 原因と解決法を教えてください。

  • イラストレーターCSのWeb用に保存が不具合

    Web用に保存をすると不具合がでます。私は、イラストレータCSを使用しているのですが(WIN)、先日、イラストを作成しWEB用に保存すると、この間は256色で保存されていたのに、今回は6色になり画像も荒いものになってしまいます。 同じ画像を別のパソコンで保存すると、256色で保存されます。 改善方法を知っておられる方は、是非教えてください。

  • イラストレータCS4 webへの画像UP方法

    全くの初心者で、イラストレータ CS4を四苦八苦しながら作業している者です。 素材集から素材をいくつか使用し、また写真を貼り付け、バナーを作成したのですが、 WEB上にアップロード作業をすると、うまく反映がされません。 作成した画像は「WEB用に保存」→gifでファイルの種類は「画像のみ(*gif)」にして保存しました。 この方法は何か間違っているのでしょうか? ドリームウィーバーで見ればうまく画像は見えたのですが、 実際WEBにUPすると反映がされません。 素材や画像を使用して保存するときは、何か別の保存方法があるのでしょうか? ひと手間加えないといけないのでしょうか・・・? 初心者ですので詳しく教えて頂けたらありがたいです。 よろしくお願い致します。

  • WEBサイトのカンプ制作方法

    WEBサイトのカンプ制作方法 WEBサイトのカンプ制作の方法について質問です。 今までずっと紙媒体の広告を担当してきたのですが、 WEBサイトを今回初めて制作することになりました。 デザインカンプを制作するにあたって、 今まで使い慣れてきた、イラストレーターを使用したいと 考えています。 カンプを、イラレで制作した場合、 ファイヤーワークスに、イラレデータを取り込んで、 素材などを切り出しする、という手順でよいのでしょうか? また、イラストレーターでWEB用カンプを制作する際、 気をつけることがあったら、教えていただきたいです。 どうぞよろしくお願いいたします。

  • イラストレータで「Web用に保存」ができません~(T-T)

    こんばんは~ イラストレータ10を使ってホームページ用のイラストを作ったのですが、「Web用に保存」でGIFにしたいのですが、「ファイル名が正しくありません。ファイルに書き込みできません。」と出てイラストが保存出来ません。ファイル名を日本語にしても英語にしてもだめです。 友達に聞いても出来ないのがおかしいで終わり・・・アドバイスが欲しいです。 ちなみにパソコンはソニーのバイオ、ウィンドウズXP、Illustrator10です。