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

Illustratorでフレームを使ったhtmlの保存方法は?

Illustratorを使って書いた絵をスライスツールでカットしたものを フレーム形式のhtml(絵は背景扱い)として保存する方法は ありませんか? ウェブサイトの外観(枠)をIllustratorを使って作成しています。 スライスツールを使って二つ(メニュー部分と本文部分)に分け、 Web形式で保存しましたが、保存されたファイルを見ると…  index.html 一個 xxxx1.gif xxxx2.gif となり、絵は背景としてでなく"絵"として張り付いてしまいました。 希望は、下記のようにフレームと背景画像です。  index.html frame1.html frame2.html xxxx1.gif xxxx2.gif どのようにしたらいいのでしょうか。 どなたか、ご教示お願いいたします。

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

  • 回答数1
  • 閲覧数104
  • ありがとう数2

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

  • ベストアンサー
  • 回答No.1
noname#22328
noname#22328

手作業で作成するしかありません。 もしくは、ホームページ作成の補助ツールで作るか。 イラストレーターにサイト作成の機能はありません。 フレームサイトの作成方法が分からなければ、また別に説明致します。

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

質問者からのお礼

そうですか…残念です。 アドバイスありがとうございます! では、手順的にはこうですね。 1.Illustratorで背景作成 2.スライスツールでカット 3.Web形式で保存→html+画像 4.Web作成ソフト(Dreamweaver、ホームページビルダーなど)でフレーム作成   ・frameborder="NO" border="0" framespacing="0"   ・3で作った画像を背景にする 皆さん、もしこの作業が一回でできるようなソフトがありましたら、 また教えてくださいませ。 yellowgreen さん、ありがとうございました(^▽^)/

関連するQ&A

  • IllustratorとPhotoshop、保存状態の違い。

    IllustratorとPhotoshop、保存状態の違い。 1.)Illustratorで作成したデータ(フォントをロゴ化したものです)を、Illustrator形式で保存します。 2.)それをPhotoshopで開いてGIF形式に変換して保存すると、背景はデータに合わせた大きさになります。 しかし、 3.)Illustratorで保存するときに「webおよびデバイス用に保存」で、GIF形式に保存してやると、背景は大きいまま保存されてしまいます。 4.)Webページで使いたいロゴなので、これではちょっと困るのですが、 Illustratorで、背景をデータに合わせた大きさに保存することは出来ないのでしょうか? よろしくお願いいたします。

  • Illustratorで個々にgif保存

    アートワークの中に複数のオブジェクトがあり、それを1つずつ個々にgif形式で保存したいです。 スライスとか使用せずに、保存したい部分だけ選ぶことは可能でしょうか? 今はその1つずつ新規書類を個々に作って、コピーペーストして保存しているのですが、とても面倒です。 Win Illustrator CSです。

  • Illustrator10でのgifファイル保存

    今回Illustrator8.0からIllustrator10にバージョンアップしたのですが、gifファイルの保存方法で困っています。 今までは、Illustrator8.0で作成したaiファイルをpsdファイルで保存し、Photoshop5.0でgifファイルに変換する際に透明部分を指定していました。 ですが、Illustrator10で作成したaiファイルをpsdファイルデ保存したものは、Photoshop5.0ではgifファイルに保存できません。 よって、Illustrator10でgifファイルに変換しようとしたところ(Web用ファイルで保存)、透明部分が白色で塗りつぶされてしまいました。 どうしたら、透明部分が壊れずにgifファイルで保存することができるのでしょうか? なにせIllustrator8.0の時も自己流で使用していたので、今までの方法も正しいとは思えないのですが、今回はIllustrator10でのgifファイルの保存方法を教えて下さい。宜しくお願いします。

  • illustrator9での保存について

    illustrator9でロゴを作成して、GIF形式で保存しホームページで使用すると、ホームページの背景とロゴの境界がきれいになりません。どうしたらきれいにできるのでしょうか?初歩的な質問かも知れませんが、どうかお願いいたします。

  • Illustratorの切り抜き方法

    Illustrator 10をwindows XPで使用しています。 photoshopで多角形選択ツールを使って複雑な形の切り抜きをしているのですが、Illustratorでもペンツールなどを使って孤のある複雑な形の切り抜きは出来るのでしょうか? 私がphotoで使用している作業は、jpgの一部分の図形を切り抜き、それを透明背景に貼り付ける作業です。 photoでも可能なのですが丸い部分が多いため、Illustratorのペンツールを使って綺麗に切り抜きたいのです。その切り抜いた部分の図だけを透明背景に貼り付け、他の作業図に応用したいのです。 よろしくお願いします。

  • IllustratorでスライスしてGoLiveで構築する方法

    はじめまして、会社内でWEBデザイナーを任されています。とはいっても、他に分かる人がいないので勉強しながら何とか形にしているような状態です。 そこで、困ったことがあるので質問します。わかるかた、初心者の私にも分かるようにおしえてください!! 今Illustratorでwebのラフを作っています。それをスライス機能などを使って切り出しGoLiveで組もうとしているのですが。良くやり方が分かりません。スライスしてGIFで保存まではOKでした。その後の作業に苦心しています。誰か、わかるかた教えてください。 また、Illustratorでgifに保存したのですが、photshopに一回流し込み、それからweb用に保存という形のほうがやりやすいのでしょうか? そういう風にしている人が多いように感じたのですが・・・。利点等あったらおしえてください。 IllustratorCS2 photshop elements GoLive CS を使用しています。使い始めてまだ半年なので本当に初心者です。

  • フォトショップの保存方法

    フォトショップで背景を透明にして 小さいロゴやアイコンを作成して保存する時、 その小さいロゴ、アイコン部分だけを書き出す方法は スライスツールで分割して保存する方法以外にありますか? 少しわかりにくいと思いますが 例えば、新規ドキュメントで「Web中 1440x900のサイズ」で 背景色を透明にして、小さいロゴを作って保存する場合でも ロゴ部分だけではなく1440x900のフルサイズで 書き出されてしまいます。 必要な部分はロゴだけで他の透明部分は必要ないので そのロゴ部分だけ保存する方法があるという事であれば お教えください。 よろしくお願いします。

  • Photoshop スライスした画像の保存時の設定

    Photoshop7.0(Win)にて写真画像の上にレイヤーで文字を書き、その文字の部分だけをGIFアニメで動かすようにしました。 スライスツールで文字の部分のみをGIFにし、他の部分はJPEGにしてWeb用に保存・・・するところまでは出来たのですが、 JPEG部分の画質設定をスライスごとに変えることが出来ません。 人の顔のところは高画質に、背景などは標準画質に・・・などとJPEG圧縮率をそれぞれ変えて保存したいのですが、 一つのスライスを選択して画質を設定すると、 他のスライスも同じ設定に変わってしまいます。 ImageReadyでも同じ結果でした。 それぞれのスライスの画質を買えて保存することは無理なのでしょうか?

  • フレームの表示切替について

    以前にHTMLカテゴリで質問した内容ですが、再度こちらで質問します。 http://okwave.jp/kotaeru.php3?q=2183227 フレーム分割したページの表示方法で悩んでいます。表示内容は、 index.html内でa.htmlとframe1.html frame1.html内でb.htmlとframe2.html frame2.html内でc.htmlとd.html c.htmlとd.htmlに関しては、両方表示するframe3.htmlと d.htmlの幅が0のframe4.htmlを用意、frame2.html内で表示する形式 c.html表示部分はメイン表示画面として、c.html以外のページも表示 悩んでいるのは、c.htmlとd.htmlの表示方法についてです。 現在は、c.htmlにframe3.htmlへのリンクを、d.htmlにframe4.htmlへのリンクをつけていますが、この方法ですと、 frame3.htmlに表示を切り替えるためにc.htmlが表示されてしまいます。 c.html表示部分が現在表示されているページのままframe3.htmlの状態にしたいのですが、何か方法はないでしょうか。 どなたかご回答よろしくお願いします。

  • Illustrator CS5 を私には敷居が高いと思いながら、とりあ

    Illustrator CS5 を私には敷居が高いと思いながら、とりあえず体験版で挑戦したく、インストールしてみました。その中で保存の仕方について質問致します。 例えば、無料素材配布サイトによくあるGIF画像のメニュープレート(サイズ130x30)があるとします。それを Illustrator CS5で開きます。そのメニュープレートの上に文字ツールで文字を入れます。 ここからです。この文字入れしたメニュープレートを同じようにGIFで保存したいのですが、「Webおよびデバイス用に保存をする」で保存すると、ページ全体と言いますか、メニュープレート(サイズ130x30)の部分だけでなく、背景全体が保存されてしまいます。メニュープレート(サイズ130x30)の部分だけを保存して、それを、前から持っている、ホームページビルダーのWEBアートデザイナーで使用したいと思っております。 どなたかお詳しい方おりましたらよろしくお願い致します。