• ベストアンサー

DreamWeaver4を練習中です。教えてください。

DreamWeaver4を練習しています。 Illustrator8で画像をつくって使用したいのですが、どうすればいいか教えてください。 Illustrator8でつくった画像をPhotoshop6に配置してweb用に保存しました。その後、DreamWeaver4で配置し、拡縮するとガギガギの絵になってしまいます。 また、ロールオーバーを使用する際、マウスカーソルを重ねたら画像に平体がかかったような状態になります。 どうしたら解決するか誰か教えてください。 よろしくお願いします。

noname#11893
noname#11893

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

  • ベストアンサー
  • kyujin
  • ベストアンサー率31% (83/263)
回答No.1

dreamweaverで拡大縮小とのことですが、 もともとの画像が小さすぎて、それを拡大しすぎると カクカクした絵になりますね。 もとの画像サイズを大きくするか、dreamweaverでの拡大を そこそこの倍率にとどめるしかないと思います。

noname#11893
質問者

お礼

画像サイズを大きくしてチャレンジしてみます。 ありがとうございます。

その他の回答 (3)

noname#143796
noname#143796
回答No.4

はじめまして。 まず、画像を拡縮するとギザギザになるのは、拡縮してるように見せているからです。 Dreamweaver上で拡縮しても、実際の画像サイズは変わりません。 PhotoshopまたはIllustratorで実際に配置するサイズで保存すれば、ギザギザにはなりません。 ロールオーバーで、違うサイズの画像を使うと、最初に表示されている画像のサイズに合うように2枚目が表示されます。 同じサイズにするか、どうしても違うサイズを使いたいのであれば、ロールオーバー挿入後、1枚目の画像が表示されていますね? その画像を選択し、プロパティで幅と高さの数字を消してください。 これで元の画像サイズを保ったままロールオーバーできます。

noname#11893
質問者

お礼

大変ご丁寧な解答をいただけて、感謝感謝です。 さっそくトライしてみます。 ありがとうございました。

  • kyujin
  • ベストアンサー率31% (83/263)
回答No.3

ロールオーバーの場合、元の画像1とロールオーバーされる画像2の大きさが異なる場合、 画像1の画像サイズに画像2が合わせられてしまいます。 ですから、画像1よりも縦の長さのある画像を選んだ場合には、画像2は縦方向に圧縮されてしまいます。 ある程度1と2の画像サイズを合わせたほうがよいと思います。 何かほかにいい方法があるかもしれませんが、 私も勉強中です。

noname#11893
質問者

お礼

そうなのですか。縦の長さを合わせてチャレンジしてみます。大変参考になりました。ありがとうございます。

  • kyujin
  • ベストアンサー率31% (83/263)
回答No.2

ロールオーバーの方は ”平体がかった状態”という意味がわかりませんので もう少し補足ください。 画像が縦に潰れてしまうということでしょうか?

noname#11893
質問者

補足

そうなのです。画像が縦につぶれてしまうのです。 どうしたらいいのでしょうか。

関連するQ&A

  • dreamweaver3でホームページをつくっていて困ってます!

    MAC osx10.3.9 でdreamweaver3使用し、ニフティの@homepageをサーバにして、トップページ+αくらいのごくごく簡単なホームページを作成中です。 fireworksは使い方がわからないので、文字や文章の具材はIllustratorで作り、Photoshop 5.5のwebで保存のgifデータをはって作っています。 1.文字のギザつきが気になり、Photoshopでwebで保存をするときに、 GIF128 ティザ にして、dreamweaver3上の画面やブラウザプレビューでは、そこそこ上手く表示されているのですが、 実際にInternet Explorerなどから見ると、ギザギザのままです。 (ひょっとして、GIF128 ティザで保存すると画像が大きいので縮小しているせいかな、とも思いますが) 2.画像や配置など、途中で変更し、ローカルサイト、リモートサイトの同期もしているはずなのに、Internet Explorerなどから見ると上手く表示されない。 上記のあたりで、困っております。 IllustratorやPhotoshopは古いバージョンですが そこそこ使えるのですが、webのほうはさっぱり素人で情けないです。 どなたか詳しい方、教えていただけませんか?

    • ベストアンサー
    • Mac
  • Dreamweaver CS3で画像のボタンを押した時に画像を変えたい

    photoshopでボタン画像3つ作りDreamweaver CS3で配置し、挿入バーの一般にある『ロールオーバーイメージ』でボタンのロールオーバーはできたのですが、画像のボタンを押ている時だけ別の画像に変えるにはどうしたらよいでしょうか? Dreamweaver CS3でやる方法が知りたいです。 Flashでボタンを作る方法と背景画像にボタン画像を使用してCSSでやる方法は知っています。

  • 【Illustrator CS5 & Dreamweaver CS5】

    【Illustrator CS5 & Dreamweaver CS5】超初心者の質問です。 Mac版を使用しています。 Photoshopはこれまで使っていたのですが、IllustratorとDreamweaverは、ほんの一週間前から手探りで使い始めました。 目的はHP作成です。 質問は2点あります。 1.)Illustratorでロゴを作成しGIF形式で保存するため、 「ファイルメニュー → Webおよびデバイス用に保存」を選択するのですが、背景のキャンバスが大きいまま保存されてしまいます。 最初からキャンバスを小さくすればいいのかとも思ったのですが、そううまいことぴったりのサイズを選ぶのも難しく、いろいろといじってみたのですが、どうもよくわかりません。 仕方なくIllustrator形式で保存して、Photoshopで開いてGIFに変換しているのですが、かなり無駄な作業をしているように思います。 解決方法を教えてください。 2.)解像度の問題だと思うのですが、 Illustrator上でGIF形式のロゴを作成し、Dreamweaverに持ってきてプレビューすると、文字にギザギザが目立ちます。(画像参照してください。) これの対処方法をご教授願います。 以上、よろしくお願いいたします。

  • Dreamweaver 4でこのようなことは出来ますか?

    Dreamweaver 4でHPを作っているのですが、このようなことは出来ませんか? ロールオーバーイメージで、マウスを画像の上にもって行ったときに 画像が切り替わるのと同時にすぐ脇の所にレイヤーなどで作った メッセージのようなものを表示させたいのですが、このようなことは可能でしょうか? ご存知の方どうかよろしくお願いもうしあげます。

  • Dreamweaver CS3を使用しています。

    Dreamweaver CS3を使用しています。 通常のロールオーバーは作れるのですが、Aの画像にマウスを合わせた時に 同じ場所にBの画像を表示させる以外に、離れた場所にCの画像も表示させたいです。 なおかつ、A・Bをメニューバーとして考えて、それぞれのメニューバーにマウスを 合わせた場合、Cの部分の画像をそれぞれ変えたいのですが、どのような処理をすれば 良いのでしょうか? 宜しくお願い致します。

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

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

  • Dreamweaverでレイヤーを使うと画像がずれる??

    イメージの挿入で、イラストレーターで作った画像を配置して、その画像の上にレイヤーを使ってGIFアニメを配置させました。 Dreamweaver上ではちゃんと配置されているのに、ブラウザでプレビューしてみるとレイヤーの画像だけが、左に大幅にずれてしまっています。 どうしてずれてしまうのでしょうか?? もしくは、レイヤーを使わないで、重なる画像を配置させる方法はあるのでしょうか。 HPを作るのは初めてで、本を読みながらやっているのですが、レイヤーのことなどあまり詳しく書いてなくてよくわかりません。 どうかよろしくお願いします。

  • Dreamweaver MX 文字の変形について

    最近 Dreamweaver を使い始めた素人です。 文字についての質問ですが、Dreamweaver上で入力した文字の自由変形って可能ですか? Illustrator/Photoshop でロゴなどを作成する場合、変形ツールで縦横の長さや比率を自由に変形できますが、そのようなツールがあるのかということです。ウェブで見かけるロゴなど基本的には、Illustrator などで作成後、Raster イメージにしてDreamweaverに画像としてペーストしてるのでしょうか? ちなみにDreamweaver上で入力した特定のフォントが(たとえば American Typewriter など)、ブラウザに反映されないのですが、こちらのほうも困ってます。 どなたか、助け舟をおねがい致します。

  • photoshop elementsの解像度そのままのサイズでIllustratorに表示することはできないですか?

    Photoshop ElementsとIllustratorの初心者です。練習がてら自分のホームページを作成しています。まずタイトルバナーでつまづいています。 選んだ画像をPhotoshop Elements解像度幅760pxで切り抜きました。 これをIllustratorで文字入力他するつもりで配置しました。 ドキュメントはwebで幅800px指定です。でも配置された画像はとても小さいものでした。ドキュメントの幅は800px、画像は760pxなのに?しかたなく拡大しましたが、web用にその画像を保存しようとするとドキュメント幅800pxが保存対象になり、不要な空白部分が含まれてしまいます。ドキュメント設定はwebでは不適当なのでしょうか? 初心者でとんちんかんな記述かもわかりませんが、何とか少しずつでも先へ進みたいと思っています。どうぞよろしくお願いします。

  • Dreamweaver 4

    仕事でDreamweaver 4を使用しているのですが、 1.リンクが適切にはれない 2.フレームで切ったものがブラウザーで確認できない(標示されない) 3.gifアニメがブラウザーで確認できない などなど、様々な現象が起きています。 Dreamweaver 4は4.02にアップ済みです。 自宅ではmac os9.1のG4を使用していて、問題なく使えています。 仕事場ではmac os9.0のG4を使用しています。 確認しているブラウザーはIEの5です。 ブラウザーはIEの5の設定がおかしいのでしょうか、 他にもDreamweaver 4で作ったhtmlファイルをDreamweaver 3で開くと Illustrator9.0で保存したものをIllustrator8.0で開いたとき ばらばらになってしまうように、 文字化けなどもします。 どなたか、知識のある方お願いします。

    • 締切済み
    • Mac

専門家に質問してみよう