• 締切済み

イタストレターからHPは出来ますか？

イラストレターCS3でWEBページのデザインをしました。 スライスしても鮮明な画像が、表現できません。 更に、綺麗に区分したスライスが出来ません。 全部、同時にスライスしてよろしいでしょうか？ もし、イラストレータできれいなWEBページが出来るのなら その方法を教えてください。

  • HTML
  • 回答数1
  • ありがとう数2

みんなの回答

回答No.1

> 全部、同時にスライスしてよろしいでしょうか？ 構わないと思いますよ。 １つ１つスライスを保存するのは面倒ですし。 イラレのスライスを使うと画質が極端に落ちるので、私はページ全体をPNGやEPSで作成して、Fireworksでスライスを切っています。

hiro195903
質問者

お礼

ありがとうございます。 やはり、イラストレータだと・・・？ ワークスの使い方が今一・・・？ トライしてみます。

  1. カテゴリ
  2. [技術者向] コンピューター
  3. プログラミング・開発
  4. HTML

関連するQ&A

  • この1pxは何とかならない物でしょうか？

    どうすれば綺麗に出来るのでしょうか？ Illustratorを使ってデザインを書いているのですが、それらをWEB用にスライスを使用して書き出しています。 しかし、デザイン作成中と、スライス処理後でサイズが異なってしまいます。例えば100px×100pxのイラストを描いてWEB用にスライスで書き出すと、サイズが101px×101pxというような感じで、大体1～2pxほどサイズが変わってしまいます。自動で作成されるテーブルのせいなのでしょうか？ これはどう対処をすればいいのですか？あらかじめ予想して1px位小さく作成するんでしょうか？ また、WEBページで100px×100pxのテーブル内にぴったりと画像を挿入するには100px×100pxで作ればよいのでしょうか？それとも99px×99pxでしょうか？ボーダーなどでも変わってしまうのでしょうか？ これらの解決法をご存知の方は、宜しくお願いします。

  • WEBデザインど素人WEBサイトの見栄えがショボイ

    XHTML+CSS＋PHP＋JavaScriptを勉強しているのですが、 これだけではテキストベースのWEBページになり、そっけないので困っています。 コーディングは独学で勉強してある程度知識がつき、構造記述についてはまぁまぁ可能なのですが、 絵心がないのでWEBデザインや画像加工がとても苦手で、配色センスもなく WEBサイト製作において非常に困っています。 今作ろうとしているのは自営工務店のWEBページです（一人で全部作る予定） ※企業サイトではないので公開して恥ずかしくない程度のデザインや見栄えであればOKな考えです。 WEBページの見栄えを「シンプルかつ、おお！」って思わせるためには、 XHTML+CSS＋PHP;＋JavaScriptだけ勉強しても無理ですよね？ WEBサイトを作る上でphotoshopとかfireworksでの画像加工やデザインカンプ？ すら作れません。（絵心がないから？ｗ） ロゴ１つやWEBページで紹介する施工例写真やナビゲーションボタン１つも かっこよく作れず苦戦しています。 例えば、ここはメニューはこのフォントを使うべきだとか、文字をぼかすべきだとか、 影をつけるべきだとか、角を丸くすべきだとか、そういった画像加工のセンスがないのです(泣） こういう人は何千時間かかってもWEBデザイン（画像加工）センスは身につかないのでしょうか？ 少しでも早く、具体的にWEBデザイン（画像加工）を学ぶサイトはないでしょうか？ デザインカンプを１から作ってパースをスライスしてサイトを作る方法（初心者向け） のサイトなどがなかなか見つかりません。 ある店舗さんや会社さんのWEBサイトを一人で全部作っておられる方など いましたらよろしくお願いします。 【製作環境】 windows　XP Adobe イラストレータ　CS3（ちょっとだけ使えるが、画像加工のセンスがまったくない） Adobe photoshop　CS3（ちょっとだけ使えるが、画像加工のセンスがまったくない） Adobe Fireworks CS3（ちょっとだけ使えるが、画像加工のセンスがまったくない） 　Adobe Dreamweaver CS3　（普通に使える） Adobe Flash CS3 (まったくできない。）

  • ホームページ全体のデザイン・レイアウトをFireworks CS3でや

    ホームページ全体のデザイン・レイアウトをFireworks CS3でやろうと思っています。 別にDreamweaver CS3との連携は必要ありません。デザインしたページの欲しい部分の 画像だけ切り出すために、デザインしようと思います。 そこで、例えばWEBページ幅を800pxとしようとするWEBページのデザイン（デザインは どんなものでもよいとして）をFireworksで新規作成から行い、実際に必要となる画像をスライスして切り出すまで、一連の流れが載っている参考になるサイトは ありませんか？要するにFireworksにて１つのWEBページのデザイン（ここはにロゴ、ここはメニューボタン　ここはコンテンツ）などのサイト全体の枠取り（線や画像が配置された 状態）の製作過程みたいなのが載っている参考になるサイトってないですかね？ 最後にスライスして画像を切り出す際には、画像だけ切り出せればよく、htmlは別途自分で XHTML+CSSレイアウトにより作成しますので、htmlの吐き出しは不要です。 Firereworkでページ全体をデザインしたものの、一部の画像をパーツとして欲しいだけです。 よろしくお願いします！

  • イラレからWEBサイト

    大学の課題でWEBサイトの作成があるため こちらのサイトを参考にイラストレーターからWEBサイトを作ろうと考えました。 https://blogs.adobe.com/creativestation/web-start-illustrator-web-design-06-export-images しかしチュートリアルはこのページの画像のスライスで終わってしまっています。 イラストレータからHTMLやCSSまで書き出すことはできないのでしょうか？ 画像のみを作成し、あとは位置などのHTMLやCSSの設定は 自分でコードを書かなければならないのでしょうか？ この画像のスライスの後どうしたら良いのか教えていただきたいです！

    • 締切済み
    • CSS
  • イラストレーターのファイルをHTMLと画像で保存

    イラストレーターCS５　を使っています。 以前はイラストレーター１０を使っていて、WEB用に保存したときに画像とHTMLも保存できたはずなのですが、CS５でスライスして、WEB用で保存するとき、「画像のみ」でしか保存できません・・・。 HTMLも一緒に保存することはできないのでしょうか？＞＜

  • Illustratorでweb用にスライス

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

    • 締切済み
    • CSS
  • HPがアップロードできません

    Mac10.39を使っています。Illustrator cs2でHPを作りFetchでサーバーにアップしようとかれこれ2ヶ月格闘しているのですができません・・・URLはgracechiro.comです。画像がいきません。どなたかお分かりの方いらっしゃらないでしょうか・・・ Illustrator cs2で作ったデータをオブジェクトのスライス作成を行いWeb用に保存するとhtmlファイルとimagesファイルに別れます。それをFetchの/virtual_htmと/virtual_html/images/に分けて入れています。ファイルのリン先指定が間違っているのでしょうか。でも上記の通りにやっていて他は何も触っていないません。

  • イラストレーターでWEBデザインする時

    WEBデザイナーをしています。 私はイラストレーターの方が文字の装飾などパーツを作るのに便利なので、 全てのデザインをイラストレーターで行っています。 そこでものすごく木になることがあります。 クライアントから素材として大きな画像をもらうことがあります。 この場合は、フォトショップで使用する大きななどに調整してイラレにもって行きます。 さらにイラレ上でこの画像に文字をのせたり、マスクをかけたりデザインをしてから、 デザインが仕上がった段階でスライスに入ります。 当たり前ですが、一旦フォトショでjpgで書き出して、さらにイラレのスライスでもｊｐｇ書き出しをするので、 写真画像があまりきれいではありません。 大きなままイラレに持ってきて、イラレ上で縮小して書き出せば、そこそこキレイなのですが、 イラレを保存する時にかなり重くなってしまいます。 イラストレーターでWEBデザインをされる方は写真画像の書き出しなどはどのようにされているのでしょうか？ 良い方法、もしくはやはりイラレでデザインすべきでないなど、教えていただければうれしいです。 よろしくお願いします。

  • スライスで困ってます。

    独学でwebの勉強をしているものです。 普段はフォトショップでデザインを作り、それをスライスしてHTMLで組み立ててます。 先程デザイナーさんからイラストレーターのデーターを貰い、それをスライスしてHTMLで組み立てて欲しいとのことなんですが、、、 恥ずかしながらイラストレーターは地図やイラストを描くのに使用する位であまり慣れておりません。 イラストレーターでスライスしてみたのですが、どうも使いづらくて時間がかかってしまいます。（綺麗にスライスができませんTT隙間ができてしまったり、スライスの表示ボックス？が見えにくかったり・・・） なので、イラストレーターのデータをフォトショップでスライスする事は可能でしょうか？ この場合は、そのままイラストレーターでスライスした方が良いのでしょうか？ アドバイスのほどお願いします。 駄文で申し訳ございませんが、非常に困ってますので宜しくお願い致します。

  • Fireworksの利点

    現在WEBデザインの際の手順として、 1.イラストレーターでデザイン （必要であれば画像加工などにフォトショップを使用） 2.イラストレータでスライス。 スライスしにくいものはフォトショップに持っていってWEB用に書き出し 3.コーディング の順で行っています。 ただ、WEB制作のデザイン、スライス時にはFireworksを使用するのが一般的だと聞いたことがあり、実際皆さんはどうされているのか、伺いたいと思い、質問させていただきました。 ■WEBデザインをされる際、どのような手順でデザインされているか ■Fireworksを使用されている方はFireworksを使用する利点 についてご回答いただければ幸いです。 よろしくお願いします。

注目のQ&A

カテゴリ

専門家に質問してみよう

職業から探して質問する

あなたにピッタリな商品が見つかる！ OKWAVEセレクト

質問する