• 締切済み

illustraterでスライスした画像をDreamweaverで読み込む方法

WEB制作初級者です(*^^*) イラストレーターでクリックボタンなどを含む画像を描き、それをスライスしてDreamweaverで読み込みたいのですが、どうすればよいのでしょうか? スライスまでは出来たのですが、どうやって書き出して、どうやって読み込めばいいのかがわかりません。ちなみにFireworksでスライスすると便利・・・と聞きますが、私の持っているソフトはillustrater,photoshop,Dreamweaverなので、Fireworksは使えません。 どなたか、初心者マークの私にご指導いただけますか?

みんなの回答

回答No.1

Web用に保存するか、photoshopにコピーして加工すると早いです。 初心者と書かれていますが、illustrater,photoshop,Dreamweaverという合計20万程もする高価なソフトを買ったのですから勉強する為に書籍を買ってみては如何でしょうか。 ここで聞いていてはきりがないと思いますし、せっかくの高機能ソフトがもったいないです。

sakuraj03
質問者

お礼

ご報告ですが、今日午前中本屋さんで書籍を購入してきました。 で、スライスの仕方を本のとおりにやってみると、出来ました*^^* その後Dreamweaverで上手くとりこめました。 ありがとうございました。解決できましたのでご報告です。 これから勉強に励んでまいりたいと思います♪

sakuraj03
質問者

補足

ご回答ありがとうございます! そうですね(^^;)書籍も近々購入してみます。数冊持ってはいるのですが、DreamweaverとHTMLとデザインのみの本で、肝心なillustrater, photoshopは持っていないんです(._.;) 宜しければ、、、Web用に保存のやり方を教えていただけますか? Web用に保存はやってみてるんですが、保存するとimagesフォルダにスライスした画像が出来上がりますが、そこから先がわかりません。普通にgifとかjpgで保存するからいけないのでしょうか。保存形式から違ってますか?

関連するQ&A

  • illustrater cs3について!

    illustrater cs3について! illustrater cs3でスライスするには、どうすればいいのですか? もしくはfireworksで加工するには、どうするのでしょう? というのもFirework/PhotoShopの使い方がいまいち分からないのです。 できれば、illustrater cs3でDreamweaverでWEBページを作成したのですが? よろしくお願いします。

  • dreamweaverでスライス画像をのせる方法

    ホームページ作成初心者です。 photoshopのスライスツールでスライスし保存すると フォルダと.htlmファイルが出てきたのですが この画像をdreamweaverでのっけるにはどのようにすればよいのでしょうか? 初歩的な質問ですがよろしくお願いします。

  • スライスからのコーディング作業について

    Web制作の勉強中です。 一枚のjpg画像からスライスしてhtmlにコーディングの作業を行います。人それぞれにやり方があると思うのですが、皆様の効率のよい手順などがあれば参考までに教えて下さい。 ちなみにPhotoshopCS2又はImageReadyCS2とFireworks8ではどちらがやりやすいかなど、教えて頂きたいです。 コーディングはDreamweaver8で行います。 自分はPhotoshopはある程度慣れているのですが、Fireworksはよくわかっていません。 それぞれのいい所や悪いところなどありましたらご回答よろしくお願いします。

  • スライスからのコーディング作業について

    Web制作の勉強中です。 課題で一枚のjpg画像からスライスしてhtmlにコーディングの作業を行います。人それぞれにやり方があると思うのですが、皆様の効率のよい手順などがあれば参考までに教えて下さい。 ちなみにPhotoshopCS2又はImageReadyCS2とFireworks8ではどちらがやりやすいかなど、教えて頂きたいです。 コーディングはDreamweaver8で行います。 自分はPhotoshopはある程度慣れているのですが、ImageReadyとFireworksはよくわかっていません。 それぞれのいい所や悪いところなどありましたらご回答よろしくお願いします。

    • ベストアンサー
    • CSS
  • Photoshop不要なスライスを防ぐ方法

    Photoshop並びにIllustratorでスライスして、Webおよびデバイス用に保存を押し、プレビュー画面で、欲しかった画像だけを選択しているのですが、imagesというディレクトリに大量に要らないスライス画像が保管され、実際に欲しかったスライスがなかなか見つかりません。 Fireworksのように選択した画像だけ、スライスするにはどうすればいいでしょうか。 グリッド線がついていることもあります。ソフトはCS5です。 よろしくお願いします。

  • FireWorksで作った画像をDreamWeaverに・・

    お世話になっています。 FireWorksでほぼまるまるトップページを作成して、 ボタン部分をスライスして、 シンプルロールオーバーで、マウスを乗せると色が変わる設定をしました。 FireWorksからブラウザで確認すると、ちゃんとうごきます。 書き出すときに、 ファイルの種類・・HTMLとイメージ HTML・・HTMLファイルを書き出し スライス・・スライスの書き出し を選びました。 これをDreamWeaverに読み込む前に他になにか注意することはありますか・・?DreamWeaverでは動きません・・。 DreamWeaverに読み込むときというのは、ひょっとして 書き出したときにたくさん出てきたスライス部分の 画像を配置するのでしょうか・・? 全然見当違いのことを言ってたらすみません・・。 よろしくお願いします。

  • Fireworksなどのスライスで、CSSレイアウトで書き出せるの?

    テーブルレイアウトで慣れてるためか、CSSレイアウトがどうしても馴染めません。 Dreamweaverで作ってますが、数倍も難しく感じます。 もしかして、やり方を間違ってるのかも知れません。 私は、Dreamweaverで一つずつ組んでいくため、Fireworksなどの「スライス」機能を使わないのですが、 ●質問1 もしかして、Fireworksでレイアウトしたら、 Fireworksのスライスで、CSSレイアウトで簡単に書き出せるのでしょうか? 多分、テーブルレイアウトでの書き出しだけだと思ったのですが・・・。 私の知識は古いので。 ●質問2 また、HP作成は、Dreamweaverで作るとして、 レイアウト作成や画像作成は、現在の主流は、 Fireworksでしょうか?Photoshopでしょうか? プロは普通どっちを使ってますか? 私はPhotoshopしか使った事ありません。 Fireworksに乗り換えるべきか、考えてます。 よろしくお願いします。

  • イラストレーターのスライスツールについて

    お世話になっています。 まちがえて、スライスツールというのを選択して 作業画面をいじってしまいました。 入門書を見ているのですが、これを取り消すやり方が 載っていません・・。 ctrl+Zでも戻れないみたいなのですが・・。 どのようにしたらいいでしょうか・・? ↑ こっちは急いでいます・・。 怪我の功名か、この機能を初めて知ったのですが、 これを使うと、FireWorksみたいに イラストレーターでWebのデザインが、できるという こと・・なのでしょうか? FireWorks、体験版がもうすぐ終わってしまうので 購入を考えていたのですが、いらない・・・? FireWorksのほうが便利だよ、というところが あったら教えて下さい。 ↑ こちらは急いでいません。 どちらか一方でもいいので、どうぞよろしく お願いします・・。 Windowsでイラストレーター10を使っています。

  • Illustratorでweb用にスライス

    Web制作初心者です。 Illustrator CS5で web用にスライスをしてみました。 作ったデザインの背景色を、カラーをカラーピッカーの16進数(#~)で確認して、 CSSにバックグラウンドカラーで指定しました。 その上にイラレ上でタイトル画像をスライスしたものを置いたのですが、 バックグラウンドカラーと画像の色が違うのです。 web制作にはDreamweaver使っているのですが、こちらの不具合かと思い ブラウザで見ても違う色になっていました。 やはり、イラレでスライスはまだまだ、うまく行かないのですか? DTP出身なのでフォトショが苦手で出来ればイラレで全てデザインしたいと思っています。 どうぞ、よろしくお願いいたします!

    • 締切済み
    • CSS
  • スライスのコツ(Fireworks)

    Fireworks とDreamweaver のことで、困っています。 作成された元のファイルはあるのですが、Fireworksを使って、スライスして書き出したファイルから余分な画像を取りたいのですが、まずスライスするコツが良く分からないのです。 Fireworks とDreamweaver の本を色々と見たのですが、おおまかに、更新する部分と更新しない部分をその項目ごとに分類してスライスするというやり方で合っているのでしょうか? リンクされるボタンなどもスライスした方が良いのか、コツが良く分かりません。 その後に余分な画像を取る、というのも、どこが余分なものかも分からないのです。 最終的にはテキストを入力出来るようにしたいのですが、テキストを載せるために、元の画像をどう変えていけば良いのか(背景画像として扱う方法)が分からず、困っています。 質問の意味が分からなかったら申し訳ありません。HTMLの勉強は少ししたことがあるのですが、Fireworks やDreamweaver などは扱ったことがありません。 よろしくお願いします。

専門家に質問してみよう